Fix timer colors

This commit is contained in:
Scott Nonnenberg 2018-10-03 15:30:34 -07:00
parent 584e932891
commit 15a8ffbff0
2 changed files with 29 additions and 29 deletions

View file

@ -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

View file

@ -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