usar color-scheme en vez de elegir colores
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful

This commit is contained in:
Cat /dev/Nulo 2023-04-05 16:16:48 -03:00
parent 083404e137
commit 84b609503e

View file

@ -1,14 +1,8 @@
:root { :root {
--background: white; color-scheme: dark light;
--backgroundish: #f0f0f0;
--foreground: #111;
} }
body { body {
background: white;
background: var(--background);
color: #111;
color: var(--foreground);
font-family: sans-serif; font-family: sans-serif;
max-width: 75rem; max-width: 75rem;
margin: 0 auto; margin: 0 auto;
@ -30,7 +24,7 @@ section#conexiones {
} }
h2 { h2 {
border-bottom: var(--foreground) solid 1px; border-bottom: CanvasText solid 1px;
} }
img, img,
@ -50,8 +44,7 @@ pre {
blockquote { blockquote {
border-left: solid 3px; border-left: solid 3px;
border-color: #111; border-color: CanvasText;
border-color: var(--foreground);
margin: auto 0.5em; margin: auto 0.5em;
padding-left: 1em; padding-left: 1em;
} }
@ -68,27 +61,13 @@ li {
} }
a { a {
background: #e7e7e7; background: ButtonFace;
padding: 0em 0.35em; padding: 0em 0.35em;
border-radius: 0.4rem; border-radius: 0.4rem;
color: inherit; color: inherit;
text-decoration: inherit; text-decoration: inherit;
} }
@media (prefers-color-scheme: dark) {
body {
--background: black;
--backgroundish: #111;
--foreground: #eee;
}
abbr {
color: lightgray;
}
a {
background: #221f2d;
}
}
#conexiones ul { #conexiones ul {
list-style: none; list-style: none;
padding: 0; padding: 0;
@ -115,7 +94,6 @@ a {
flex-direction: column; flex-direction: column;
margin: 0.5rem; margin: 0.5rem;
padding: 0.5rem; padding: 0.5rem;
background: var(--backgroundish);
min-width: 10rem; min-width: 10rem;
} }
.webring .summary { .webring .summary {