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%); } }