From c42b72149c5c45c820cfe3e9b38d3a57c9e487dd Mon Sep 17 00:00:00 2001
From: Jan-Christoph Borchardt <hey@jancborchardt.net>
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 <hey@jancborchardt.net>
---
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 e58ca387cfb..706473e3b13 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%);
}
}
--
GitLab