From ad706f6774c56becb6d3dec0285c84d7b267eabe Mon Sep 17 00:00:00 2001 From: Alex Cabal Date: Fri, 11 Mar 2022 18:30:49 -0400 Subject: [PATCH] Fix dark theme being broken when system theme is light and user forces dark --- www/css/manual-dark.css | 52 ++++++++++++++++++++--------------------- 1 file changed, 25 insertions(+), 27 deletions(-) diff --git a/www/css/manual-dark.css b/www/css/manual-dark.css index 1efa6a1e..e906e9d7 100644 --- a/www/css/manual-dark.css +++ b/www/css/manual-dark.css @@ -1,28 +1,26 @@ -@media(prefers-color-scheme: dark){ - main.manual.outdated{ - background: url('/images/outdated-dark.svg'); - } - - blockquote, - figure.text{ - background: rgba(0,0,0,.25); - } - - code.terminal{ - background-color: var(--light-body-text); - } - - .manual > article > section > section[id] > ol ol > li aside.number::after, - .manual > article > section > section[id] section > ol > li aside.number::after, - .manual > article > section > section[id] section > aside.number::after{ - border-color: rgba(255, 255, 255, .5); - } - - main.manual *:target{ - color: var(--light-body-text); - } - - main.manual *:target aside.number{ - color: var(--dark-body-text); - } +main.manual.outdated{ + background: url('/images/outdated-dark.svg'); +} + +blockquote, +figure.text{ + background: rgba(0,0,0,.25); +} + +code.terminal{ + background-color: var(--light-body-text); +} + +.manual > article > section > section[id] > ol ol > li aside.number::after, +.manual > article > section > section[id] section > ol > li aside.number::after, +.manual > article > section > section[id] section > aside.number::after{ + border-color: rgba(255, 255, 255, .5); +} + +main.manual *:target{ + color: var(--light-body-text); +} + +main.manual *:target aside.number{ + color: var(--dark-body-text); }