diff options
| author | colorchestra <morph@posteo.de> | 2021-05-13 00:47:39 +0200 |
|---|---|---|
| committer | colorchestra <morph@posteo.de> | 2021-05-13 00:47:39 +0200 |
| commit | 62961cd1e2bddf0024aec6f5cafeb7e5b27b4c56 (patch) | |
| tree | e4cb0f2b6353a8f4b9e02b4734540b72f09126e0 /static/css/style.css | |
| parent | 1d7ace3ece261034d7f902035105387fc3cb8705 (diff) | |
set light/dark colors based css on variables
Diffstat (limited to 'static/css/style.css')
| -rw-r--r-- | static/css/style.css | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/static/css/style.css b/static/css/style.css index 4072b9a..8860c17 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -1,6 +1,7 @@ html {overflow-y: scroll} -:root { --darkbg: #000; --darklink: #5bf; --darkvisited: #e94560; } -body{max-width:800px;margin:40px auto;padding:0 10px;font:14px/1.5 monospace;color:#444}h1,h2,h3{line-height:1.2}@media (prefers-color-scheme: dark){body{color:white;background:#000000}a:link{color:#5bf}a:visited{color:#e94560}} +:root { --bgcolor: white; --fontcolor: #444; --linkcolor: #00e; --visitedcolor: #551a8b;} +@media (prefers-color-scheme: dark) { :root { --bgcolor: black; --fontcolor: white; --linkcolor: #5bf; --visitedcolor: #e94560;}} +body{max-width:800px;margin:40px auto;padding:0 10px;font:14px/1.5 monospace;color:var(--fontcolor); background: var(--bgcolor)}a:link{color: var(--linkcolor)}a:visited{color: var(--visitedcolor)}a:active{color: var(--visitedcolor)}h1,h2,h3{line-height:1.2} p > code{color: #FFFFFF; background:#000000; padding:2px} pre{color: #FFFFFF; background:#000000; padding:24px; overflow-x: auto} article{padding:24px 0} |