MOBILE-3814 grades: Mod icon colors on grade should be B/W

main
Pau Ferrer Ocaña 2022-02-21 14:26:19 +01:00
parent b676289e1b
commit a3c5914e5c
2 changed files with 12 additions and 7 deletions

View File

@ -6,6 +6,7 @@
--margin-end: 0px;
--margin-vertical: 0px;
--icon-radius: var(--small-radius);
--filter: brightness(0) invert(1);
margin-top: var(--margin-vertical);
margin-bottom: var(--margin-vertical);
@ -20,7 +21,7 @@
&.#{$type} {
background-color: var(--activity#{$type});
img {
filter: brightness(0) invert(1);
filter: var(--filter);
}
}
}

View File

@ -3,11 +3,12 @@
:host {
--header-background: var(--white);
--odd-cell-background: var(--light);
--even-cell-background: var(--white);
--odd-cell-hover: var(--gray-200);
--even-cell-background: var(--white);
--even-cell-hover: var(--light);
--icon-color: var(--gray-500);
--border-color: var(--stroke);
--mod-icon-filter: brightness(0);
.odd {
--cell-background: var(--odd-cell-background);
@ -23,11 +24,12 @@
:host-context(body.dark) {
--header-background: var(--gray-900);
--odd-cell-background: var(--medium);
--odd-cell-background: var(--gray-800);
--odd-cell-hover: var(--gray-600);
--even-cell-background: var(--gray-900);
--odd-cell-hover: var(--gray-500);
--even-cell-hover: var(--medium);
--even-cell-hover: var(--gray-700);
--icon-color: var(--gray-200);
--mod-icon-filter: brightness(0) invert(1);
}
.core-grades-table {
@ -80,8 +82,10 @@
}
core-mod-icon {
padding: 3px;
--size: 10px;
padding: 0px;
--size: 16px;
background: transparent;
--filter: var(--mod-icon-filter);
}