diff options
| -rw-r--r-- | default.css | 44 |
1 files changed, 41 insertions, 3 deletions
diff --git a/default.css b/default.css index ddd0982..768def3 100644 --- a/default.css +++ b/default.css @@ -1,5 +1,29 @@ +:root { + --background: #fff; + --foreground: #222; + --accent: #c29; + --dim: #777; +} + +@media (prefers-color-scheme: dark) { + :root { + --background: #111; + --foreground: #bbb; + } +} + html { font-family: monospace; + color: var(--foreground); + background-color: var(--background); +} + +a, a:visited { + color: var(--accent); + text-decoration: none; +} +a:hover { + text-decoration: underline; } body { @@ -17,7 +41,7 @@ nav { flex-wrap: wrap; align-items: center; justify-content: space-between; - margin-bottom: 1em; + margin-bottom: 1.5em; } nav ol { @@ -49,6 +73,13 @@ tr td:not(:last-child) { td.time { white-space: nowrap; } +td.time a { + color: var(--dim); +} +tr:target td.time a { + color: var(--accent); + text-decoration: underline; +} td.nick { text-align: right; @@ -67,13 +98,20 @@ tr.notice td.nick span::before, tr.notice td.nick span::after { } footer { - margin-top: 1em; + font-size: 0.83em; + color: var(--dim); + margin-top: 1.5rem; display: flex; flex-wrap: wrap; justify-content: space-between; } +footer a, footer a:visited { + color: var(--dim); +} footer span[title] { + cursor: help; +} +footer span[title]:hover { text-decoration: underline; text-decoration-style: dotted; - cursor: help; } |