Invert icons properly in dark mode
Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
11
css/deck.css
11
css/deck.css
@@ -1,16 +1,9 @@
|
|||||||
.icon-deck {
|
.icon-deck {
|
||||||
background-image: url(../img/deck-dark.svg);
|
background-image: url(../img/deck-dark.svg);
|
||||||
|
filter: var(--background-invert-if-dark);
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-deck-white, .icon-deck.icon-white {
|
.icon-deck-white, .icon-deck.icon-white {
|
||||||
background-image: url(../img/deck.svg);
|
background-image: url(../img/deck.svg);
|
||||||
}
|
filter: var(--background-invert-if-dark);
|
||||||
|
|
||||||
body[data-theme-dark] .icon-deck {
|
|
||||||
background-image: url(../img/deck.svg);
|
|
||||||
}
|
|
||||||
|
|
||||||
body[data-theme-dark] .icon-deck-white,
|
|
||||||
body[data-theme-dark] .icon-deck.icon-white {
|
|
||||||
background-image: url(../img/deck-dark.svg);
|
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user