usar color-scheme en vez de elegir colores
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
This commit is contained in:
parent
083404e137
commit
84b609503e
1 changed files with 4 additions and 26 deletions
30
drip.css
30
drip.css
|
@ -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 {
|
||||||
|
|
Reference in a new issue