skullbite/cartridges
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: Fix styles for dark mode

Browse Source
This commit is contained in:
kramo
2025-12-02 00:03:39 +01:00
parent ec87a49acb
commit d62848d82b
1 changed files with 17 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
cartridges/ui/style.css
View File

@@ -40,13 +40,23 @@
} }
#details list { #details list {
background: rgb(from var(--card-bg-color) r g b / 20%); background: rgb(from white r g b / 20%);
} }
#background { #background {
filter: saturate(300%) opacity(50%); filter: saturate(300%) opacity(50%);
} }
@media (prefers-color-scheme: dark) {
#details list {
background: rgb(from white r g b / 10%);
}
#background {
filter: saturate(300%) brightness(50%);
}
}
@media (prefers-contrast: more) { @media (prefers-contrast: more) {
#grid > child:focus-within:focus-visible #cover { #grid > child:focus-within:focus-visible #cover {
outline: 5px solid var(--accent-color); outline: 5px solid var(--accent-color);
@@ -59,4 +69,10 @@
#background { #background {
filter: saturate(300%) opacity(20%); filter: saturate(300%) opacity(20%);
} }
@media (prefers-color-scheme: dark) {
#background {
filter: saturate(300%) brightness(25%);
}
}
} }