Attempt some more styling

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;
 }