Exports simplification and message selection

stylesheets/_session.scss

@@ -33,6 +33,8 @@ $session-color-dark-3: #404146;
 $session-color-dark-4: #5c5d5f;
 $session-color-dark-5: #a5a6a8;
 
+$session-color-dark-highlight: #212126;
+
 $session-font-family: 'SpaceMono';
 $session-transition-duration: 0.25s;
 

stylesheets/_session_theme_dark.scss

@@ -31,6 +31,14 @@
   .module-message__container--outgoing {
     background-color: $session-color-dark-3;
   }
+
+  .message-highlighted {
+    background-color: $session-color-dark-highlight;
+    border-radius: 0;
+  }
+  .message-selected {
+    background-color: rgba($session-color-dark-highlight, 0.8);
+  }
 }
 
 .message-read-receipt-container {

ts/components/conversation/Message.tsx

@@ -1175,7 +1175,7 @@ export class Message extends React.PureComponent<Props, State> {
 
     return (
       <div className={classNames(classes)}>
-        <span className="module-message__check-box">✓</span>
+        <SessionIcon iconType={SessionIconType.Check} />
       </div>
     );
   }

ts/components/session/icon/index.tsx

@@ -1,3 +1 @@
-import { icons, SessionIconSize, SessionIconType } from './Icons';
-
-export { icons, SessionIconSize, SessionIconType };
+export { icons, SessionIconSize, SessionIconType } from './Icons';