diff options
Diffstat (limited to 's2i/bin/darkmode.css')
-rw-r--r-- | s2i/bin/darkmode.css | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/s2i/bin/darkmode.css b/s2i/bin/darkmode.css new file mode 100644 index 0000000..65b0320 --- /dev/null +++ b/s2i/bin/darkmode.css @@ -0,0 +1,52 @@ +/* css variables for colors */ +:root { + --color-page: #e0e0e0; + --color-text: black; + --color-link: blue; + --color-link-seen: darkblue; + --color-border: #ccc; + + --color-black: black; + --color-white: #F5F5F5; + --color-blue: #552681; +} + +/* dark mode colors */ +@media screen and (prefers-color-scheme: dark) { + :root { + --color-page: #303030; + --color-text: #e0e0e0; + --color-link: #90d0e0; + --color-link-seen: #90d0ff; + --color-border: #666; + + --color-black: #e0e0e0; + --color-white: #202020; + --color-blue: #aa88ee; + } +} + +body { + /* colors */ + color: var(--color-text); + background: var(--color-page); + + /* no extra long lines please */ + max-width: 100ch; + + /* center text */ + margin: 0px auto; + + /* beautify a bit */ + padding: 2ex 2em; + border: 2pt solid var(--color-border); +} + +a { + color: var(--color-link); + text-decoration: underline; +} + +a:visited { + color: var(--color-link-seen); +} |