From 57ef6f02bc7718faaa1f5aa414cdff12ff5fe2fc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julius=20H=C3=A4rtl?= Date: Mon, 25 Jul 2022 19:55:00 +0200 Subject: [PATCH] Invert icons properly in dark mode MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Julius Härtl --- css/deck.css | 15 ++++----------- 1 file changed, 4 insertions(+), 11 deletions(-) diff --git a/css/deck.css b/css/deck.css index 601eb98f3..a80dca883 100644 --- a/css/deck.css +++ b/css/deck.css @@ -1,16 +1,9 @@ .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 { - background-image: url(../img/deck.svg); -} - -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); + background-image: url(../img/deck.svg); + filter: var(--background-invert-if-dark); }