From 84b609503e0963205defbbffc0d26f4717afd1c3 Mon Sep 17 00:00:00 2001 From: Nulo Date: Wed, 5 Apr 2023 16:16:48 -0300 Subject: [PATCH] usar color-scheme en vez de elegir colores --- drip.css | 30 ++++-------------------------- 1 file changed, 4 insertions(+), 26 deletions(-) diff --git a/drip.css b/drip.css index ed118e7..b634e1d 100644 --- a/drip.css +++ b/drip.css @@ -1,14 +1,8 @@ :root { - --background: white; - --backgroundish: #f0f0f0; - --foreground: #111; + color-scheme: dark light; } body { - background: white; - background: var(--background); - color: #111; - color: var(--foreground); font-family: sans-serif; max-width: 75rem; margin: 0 auto; @@ -30,7 +24,7 @@ section#conexiones { } h2 { - border-bottom: var(--foreground) solid 1px; + border-bottom: CanvasText solid 1px; } img, @@ -50,8 +44,7 @@ pre { blockquote { border-left: solid 3px; - border-color: #111; - border-color: var(--foreground); + border-color: CanvasText; margin: auto 0.5em; padding-left: 1em; } @@ -68,27 +61,13 @@ li { } a { - background: #e7e7e7; + background: ButtonFace; padding: 0em 0.35em; border-radius: 0.4rem; color: inherit; text-decoration: inherit; } -@media (prefers-color-scheme: dark) { - body { - --background: black; - --backgroundish: #111; - --foreground: #eee; - } - abbr { - color: lightgray; - } - a { - background: #221f2d; - } -} - #conexiones ul { list-style: none; padding: 0; @@ -115,7 +94,6 @@ a { flex-direction: column; margin: 0.5rem; padding: 0.5rem; - background: var(--backgroundish); min-width: 10rem; } .webring .summary {