diff --git a/stylesheets/_modules.scss b/stylesheets/_modules.scss index 0b448b2bef2..cd85a7264f8 100644 --- 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 index f116be2f793..cc4fe5ffd93 100644 --- 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