From c42b72149c5c45c820cfe3e9b38d3a57c9e487dd Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Thu, 17 Jan 2019 12:20:49 +0100 Subject: [PATCH] Dark theme: Prevent slideshow icons from going dark Signed-off-by: Jan-Christoph Borchardt --- apps/accessibility/css/themedark.scss | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) diff --git a/apps/accessibility/css/themedark.scss b/apps/accessibility/css/themedark.scss index e58ca387cf..706473e3b1 100644 --- a/apps/accessibility/css/themedark.scss +++ b/apps/accessibility/css/themedark.scss @@ -45,6 +45,13 @@ $color-border-dark: lighten($color-main-background, 14%); filter: invert(100%); } +// since svg icons are inverted, revert to white for the header +.header-right > * { + [class^='icon-'], [class*=' icon-'] { + filter: invert(100%); + } +} + .bubble, .app-navigation-entry-menu, .popovermenu { @@ -65,9 +72,9 @@ $color-border-dark: lighten($color-main-background, 14%); border: 1px solid var(--color-border); } -// since svg icons are inverted, revert to white for the header -.header-right > * { - [class^='icon-'], [class*=' icon-'] { +// Prevent slideshow icons from going dark +#slideshow { + [class^='icon-'], [class*=' icon-']{ filter: invert(100%); } }