standardebooks/web
1
0
Fork 0
mirror of https://github.com/standardebooks/web.git synced 2025-07-07 07:10:29 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix dark theme being broken when system theme is light and user forces dark

Browse source
This commit is contained in:
Alex Cabal 2022-03-11 18:30:49 -04:00
parent 2ecf21fb2d
commit ad706f6774
1 changed files with 25 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

50
www/css/manual-dark.css
View file

@ -1,28 +1,26 @@
@media(prefers-color-scheme: dark){ main.manual.outdated{
main.manual.outdated{
background: url('/images/outdated-dark.svg'); background: url('/images/outdated-dark.svg');
} }
blockquote, blockquote,
figure.text{ figure.text{
background: rgba(0,0,0,.25); background: rgba(0,0,0,.25);
} }
code.terminal{ code.terminal{
background-color: var(--light-body-text); background-color: var(--light-body-text);
} }
.manual > article > section > section[id] > ol ol > li aside.number::after, .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 > ol > li aside.number::after,
.manual > article > section > section[id] section > aside.number::after{ .manual > article > section > section[id] section > aside.number::after{
border-color: rgba(255, 255, 255, .5); border-color: rgba(255, 255, 255, .5);
} }
main.manual *:target{ main.manual *:target{
color: var(--light-body-text); color: var(--light-body-text);
} }
main.manual *:target aside.number{ main.manual *:target aside.number{
color: var(--dark-body-text); color: var(--dark-body-text);
}
} }