Fix timer colors
This commit is contained in:
parent
584e932891
commit
15a8ffbff0
2 changed files with 29 additions and 29 deletions
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
Loading…
Reference in a new issue