fix animation highlited message to match android

stylesheets/_mentions.scss

@@ -85,7 +85,6 @@
   color: black;
 }
 
-
 .module-conversation-list-item--mentioned-us {
   border-left: 4px solid $session-color-green !important;
 }

stylesheets/_mixins.scss

@@ -30,8 +30,7 @@
 }
 
 @keyframes highlightedMessageAnimation {
-  25%  { background-color: #00f782; }
+  1% {
-  50%  { background-color: #00000000; }
+    background-color: #00f782;
-  75%  { background-color: #00f782; }
+  }
 }
-

stylesheets/_session_left_pane.scss

@@ -410,27 +410,30 @@ $session-compose-margin: 20px;
     padding: 8px 20px;
     margin: 0px $session-compose-margin;
 
-    @at-root .light-theme #{&} {
+    // FIXME themify once this component is enabled back
-      background: $session-shade-15;
+    // @at-root .light-theme #{&} {
-      color: $session-color-black;
+    //   background: $session-shade-15;
-    }
+    //   color: $session-color-black;
-    @at-root .dark-theme #{&} {
+    // }
-      background: $session-shade-4;
+    // @at-root .dark-theme #{&} {
-      color: $session-color-light-grey;
+    //   background: $session-shade-4;
-    }
+    //   color: $session-color-light-grey;
+    // }
 
     &-selected,
     &:hover {
       font-weight: bold;
 
-      @at-root .light-theme #{&} {
+      // FIXME themify once this component is enabled back
-        color: $session-color-black;
+
-        background: $session-color-white;
+      // @at-root .light-theme #{&} {
-      }
+      //   color: $session-color-black;
-      @at-root .dark-theme #{&} {
+      //   background: $session-color-white;
-        color: $session-color-white;
+      // }
-        background: $session-shade-8;
+      // @at-root .dark-theme #{&} {
-      }
+      //   color: $session-color-white;
+      //   background: $session-shade-8;
+      // }
     }
   }
 }

stylesheets/_session_theme.scss

@@ -87,7 +87,7 @@
 
 .message {
   &-highlighted {
-    animation: highlightedMessageAnimation 3s ease-in-out;
+    animation: highlightedMessageAnimation 1s ease-in-out;
   }
 
   &-selected {

stylesheets/themes.scss

@@ -6,9 +6,6 @@ $destructive: #ff453a;
 $accentLightTheme: #00e97b;
 $accentDarkTheme: #00f782;
 
-
-
-
 $themes: (
   light: (
     accent: $accentLightTheme,
@@ -48,7 +45,7 @@ $themes: (
       scrollBarTrack: #fcfcfc,
     scrollBarThumb: #474646,
     // pill divider:
-      pillDividerColor: rgba($black, 0.10),
+      pillDividerColor: rgba($black, 0.1),
     pillDividerTextColor: #555555,
     // context menu
       contextMenuBackground: #f5f5f5,
@@ -67,7 +64,7 @@ $themes: (
     modalBackground: #101011,
     fakeChatBubbleBackground: #212121,
     // input
-    inputBackground: rgba(#8e8e93, 0.12),
+      inputBackground: rgba(#8e8e93, 0.12),
     // text
       textColor: $white,
     textColorSubtle: #a0a0a0,