drip: Mejorar manejo de colores
This commit is contained in:
parent
868b3039c5
commit
44b896ce70
1 changed files with 13 additions and 5 deletions
18
drip.css
18
drip.css
|
@ -1,4 +1,13 @@
|
||||||
|
:root {
|
||||||
|
--background: white;
|
||||||
|
--foreground: #111;
|
||||||
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
background: white;
|
||||||
|
background: var(--background);
|
||||||
|
color: #111;
|
||||||
|
color: var(--foreground);
|
||||||
font-family: sans-serif;
|
font-family: sans-serif;
|
||||||
max-width: 45rem;
|
max-width: 45rem;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
@ -32,6 +41,8 @@ pre {
|
||||||
|
|
||||||
blockquote {
|
blockquote {
|
||||||
border-left: solid 3px;
|
border-left: solid 3px;
|
||||||
|
border-color: #111;
|
||||||
|
border-color: var(--foreground);
|
||||||
margin: auto 0.5em;
|
margin: auto 0.5em;
|
||||||
padding-left: 1em;
|
padding-left: 1em;
|
||||||
}
|
}
|
||||||
|
@ -47,8 +58,8 @@ li {
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
body {
|
body {
|
||||||
background: black;
|
--background: black;
|
||||||
color: #eee;
|
--foreground: #eee;
|
||||||
}
|
}
|
||||||
abbr {
|
abbr {
|
||||||
color: lightgray;
|
color: lightgray;
|
||||||
|
@ -59,7 +70,4 @@ li {
|
||||||
a:visited {
|
a:visited {
|
||||||
color: #ff9;
|
color: #ff9;
|
||||||
}
|
}
|
||||||
ul {
|
|
||||||
background: rgba(255, 0, 0, 0.2);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
Reference in a new issue