2 files changed, 25 insertions, 13 deletions
diff --git a/app/src/main/assets/css/core/core.compact.css b/app/src/main/assets/css/core/core.compact.css
index 0f25fc1e..2aede090 100644
--- a/app/src/main/assets/css/core/core.compact.css
+++ b/app/src/main/assets/css/core/core.compact.css
@@ -58,18 +58,26 @@ a, ._5fpq { color: #d59ed5 !important; }
 
 .excessItem { outline: rgba(215, 176, 215, 0.3) !important; }
 
-@-webkit-keyframes highlightFade { 0% { background: rgba(199, 70, 70, 0.2); }
-  50% { background: rgba(199, 70, 70, 0.2); }
+@-webkit-keyframes highlightFade { 0%, 50% { background: rgba(199, 70, 70, 0.2); }
   100% { background: rgba(255, 0, 255, 0.02); } }
 
-@-moz-keyframes highlightFade { 0% { background: rgba(199, 70, 70, 0.2); }
-  50% { background: rgba(199, 70, 70, 0.2); }
+@-moz-keyframes highlightFade { 0%, 50% { background: rgba(199, 70, 70, 0.2); }
   100% { background: rgba(255, 0, 255, 0.02); } }
 
-@-ms-keyframes highlightFade { 0% { background: rgba(199, 70, 70, 0.2); }
-  50% { background: rgba(199, 70, 70, 0.2); }
+@-ms-keyframes highlightFade { 0%, 50% { background: rgba(199, 70, 70, 0.2); }
   100% { background: rgba(255, 0, 255, 0.02); } }
 
-@keyframes highlightFade { 0% { background: rgba(199, 70, 70, 0.2); }
-  50% { background: rgba(199, 70, 70, 0.2); }
+@keyframes highlightFade { 0%, 50% { background: rgba(199, 70, 70, 0.2); }
   100% { background: rgba(255, 0, 255, 0.02); } }
+
+@-webkit-keyframes chatHighlightAnimation { 0%, 100% { background: rgba(255, 0, 255, 0.02); }
+  50% { background: rgba(199, 70, 70, 0.2); } }
+
+@-moz-keyframes chatHighlightAnimation { 0%, 100% { background: rgba(255, 0, 255, 0.02); }
+  50% { background: rgba(199, 70, 70, 0.2); } }
+
+@-ms-keyframes chatHighlightAnimation { 0%, 100% { background: rgba(255, 0, 255, 0.02); }
+  50% { background: rgba(199, 70, 70, 0.2); } }
+
+@keyframes chatHighlightAnimation { 0%, 100% { background: rgba(255, 0, 255, 0.02); }
+  50% { background: rgba(199, 70, 70, 0.2); } }
diff --git a/app/src/main/assets/css/core/core.scss b/app/src/main/assets/css/core/core.scss
index f50721f0..34e24b31 100644
--- a/app/src/main/assets/css/core/core.scss
+++ b/app/src/main/assets/css/core/core.scss
@@ -160,15 +160,19 @@ a,
 
 //new comment
 @include keyframes(highlightFade) {
-  0% {
+  0%, 50% {
     background: $background2;
   }
-
-  50% {
-    background: $background2;
+  100% {
+    background: $bg_transparent;
   }
+}
 
-  100% {
+@include keyframes(chatHighlightAnimation) {
+  0%,100% {
     background: $bg_transparent;
   }
+  50% {
+    background: $background2;
+  }
 }