Fix timer colors

signalapp · Oct 9, 2018 · 15a8ffb · 15a8ffb
1 parent 584e932
commit 15a8ffb
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 29 deletions.
diff --git a/stylesheets/_modules.scss b/stylesheets/_modules.scss
@@ -507,7 +507,7 @@
 }
 
 .module-message__metadata__status-icon--sending {
-  @include color-svg('../images/sending.svg', $color-light-60);
+  @include color-svg('../images/sending.svg', $color-white-08);
   animation: module-message__metdata__status-icon--spinning 4s linear infinite;
 }
 
@@ -571,48 +571,48 @@
   display: inline-block;
   margin-left: 6px;
   margin-bottom: 2px;
-  @include color-svg('../images/timer-60.svg', $color-light-45);
+  @include color-svg('../images/timer-60.svg', $color-white-08);
 }
 
 .module-expire-timer--55 {
-  @include color-svg('../images/timer-55.svg', $color-light-45);
+  @include color-svg('../images/timer-55.svg', $color-white-08);
 }
 .module-expire-timer--50 {
-  @include color-svg('../images/timer-50.svg', $color-light-45);
+  @include color-svg('../images/timer-50.svg', $color-white-08);
 }
 .module-expire-timer--45 {
-  @include color-svg('../images/timer-45.svg', $color-light-45);
+  @include color-svg('../images/timer-45.svg', $color-white-08);
 }
 .module-expire-timer--40 {
-  @include color-svg('../images/timer-40.svg', $color-light-45);
+  @include color-svg('../images/timer-40.svg', $color-white-08);
 }
 .module-expire-timer--35 {
-  @include color-svg('../images/timer-35.svg', $color-light-45);
+  @include color-svg('../images/timer-35.svg', $color-white-08);
 }
 .module-expire-timer--30 {
-  @include color-svg('../images/timer-30.svg', $color-light-45);
+  @include color-svg('../images/timer-30.svg', $color-white-08);
 }
 .module-expire-timer--25 {
-  @include color-svg('../images/timer-25.svg', $color-light-45);
+  @include color-svg('../images/timer-25.svg', $color-white-08);
 }
 .module-expire-timer--20 {
-  @include color-svg('../images/timer-20.svg', $color-light-45);
+  @include color-svg('../images/timer-20.svg', $color-white-08);
 }
 .module-expire-timer--15 {
-  @include color-svg('../images/timer-15.svg', $color-light-45);
+  @include color-svg('../images/timer-15.svg', $color-white-08);
 }
 .module-expire-timer--10 {
-  @include color-svg('../images/timer-10.svg', $color-light-45);
+  @include color-svg('../images/timer-10.svg', $color-white-08);
 }
 .module-expire-timer--05 {
-  @include color-svg('../images/timer-05.svg', $color-light-45);
+  @include color-svg('../images/timer-05.svg', $color-white-08);
 }
 .module-expire-timer--00 {
-  @include color-svg('../images/timer-00.svg', $color-light-45);
+  @include color-svg('../images/timer-00.svg', $color-white-08);
 }
 
 .module-expire-timer--incoming {
-  background-color: $color-white-07;
+  background-color: $color-gray-60;
 }
 
 // When status indicators are overlaid on top of an image, they use different colors

diff --git a/stylesheets/_theme_dark.scss b/stylesheets/_theme_dark.scss
@@ -796,48 +796,48 @@ body.dark-theme {
   // Module: Expire Timer
 
   .module-expire-timer {
-    @include color-svg('../images/timer-60.svg', $color-light-45);
+    @include color-svg('../images/timer-60.svg', $color-white-08);
   }
 
   .module-expire-timer--55 {
-    @include color-svg('../images/timer-55.svg', $color-light-45);
+    @include color-svg('../images/timer-55.svg', $color-white-08);
   }
   .module-expire-timer--50 {
-    @include color-svg('../images/timer-50.svg', $color-light-45);
+    @include color-svg('../images/timer-50.svg', $color-white-08);
   }
   .module-expire-timer--45 {
-    @include color-svg('../images/timer-45.svg', $color-light-45);
+    @include color-svg('../images/timer-45.svg', $color-white-08);
   }
   .module-expire-timer--40 {
-    @include color-svg('../images/timer-40.svg', $color-light-45);
+    @include color-svg('../images/timer-40.svg', $color-white-08);
   }
   .module-expire-timer--35 {
-    @include color-svg('../images/timer-35.svg', $color-light-45);
+    @include color-svg('../images/timer-35.svg', $color-white-08);
   }
   .module-expire-timer--30 {
-    @include color-svg('../images/timer-30.svg', $color-light-45);
+    @include color-svg('../images/timer-30.svg', $color-white-08);
   }
   .module-expire-timer--25 {
-    @include color-svg('../images/timer-25.svg', $color-light-45);
+    @include color-svg('../images/timer-25.svg', $color-white-08);
   }
   .module-expire-timer--20 {
-    @include color-svg('../images/timer-20.svg', $color-light-45);
+    @include color-svg('../images/timer-20.svg', $color-white-08);
   }
   .module-expire-timer--15 {
-    @include color-svg('../images/timer-15.svg', $color-light-45);
+    @include color-svg('../images/timer-15.svg', $color-white-08);
   }
   .module-expire-timer--10 {
-    @include color-svg('../images/timer-10.svg', $color-light-45);
+    @include color-svg('../images/timer-10.svg', $color-white-08);
   }
   .module-expire-timer--05 {
-    @include color-svg('../images/timer-05.svg', $color-light-45);
+    @include color-svg('../images/timer-05.svg', $color-white-08);
   }
   .module-expire-timer--00 {
-    @include color-svg('../images/timer-00.svg', $color-light-45);
+    @include color-svg('../images/timer-00.svg', $color-white-08);
   }
 
   .module-expire-timer--incoming {
-    background-color: $color-white-07;
+    background-color: $color-white-08;
   }
 
   // When status indicators are overlaid on top of an image, they use different colors