MOBILE-4470 mod-icon: Add white bg to icons on dark mode to imp contrast

main
Pau Ferrer Ocaña 2024-06-06 12:47:51 +02:00
parent deccc4cbf5
commit 690f29250e
2 changed files with 10 additions and 3 deletions

View File

@ -1,7 +1,7 @@
:host {
core-mod-icon {
margin: 0;
--padding-start: 0px;
--margin-vertical: 0px;
--margin-end: 12px;
--module-icon-size: 24px;
}
}

View File

@ -16,7 +16,7 @@
margin-top: var(--margin-vertical);
margin-bottom: var(--margin-vertical);
@include margin-horizontal(null, var(--margin-end));
@include margin-horizontal(0px, var(--margin-end));
border-radius: var(--icon-radius);
@include padding(var(--padding-top), var(--padding-end), var(--padding-bottom), var(--padding-start));
@ -77,3 +77,10 @@
--margin-vertical: 12px;
--margin-end: 12px;
}
:host-context(html.dark) {
&.version_40:not(.colorize),
&.version_current {
background-color: var(--white);
}
}