From 8963ab91a272a57120273703dc2716aae16669dca18fe2c39b9fb18268a3e275 Mon Sep 17 00:00:00 2001
From: Nicholas Johnson <>
Date: Fri, 18 Sep 2026 00:00:00 +0000
Subject: Improve dark mode, focus and wrapping in the stylesheet

The page declared no colour scheme, so browsers styled their own widgets
for a light page against this theme's dark one. That was invisible until
entries gained audio, since the audio player is the first user interface
control the theme renders; scrollbars and form controls were affected
too.

Also give keyboard users the highlight that pointer users get on hover,
and let long words break in list items, blockquotes and headings rather
than only in paragraphs, so that a long URL cannot push the layout
sideways. Preformatted blocks keep scrolling instead of breaking.

The empty rulesets left as block placeholders are removed; the html and
body colours are deliberately different and are untouched.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 assets/static/css/style.css | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

(limited to 'assets')

diff --git a/assets/static/css/style.css b/assets/static/css/style.css
index f8a294a..f8045b4 100644
--- a/assets/static/css/style.css
+++ b/assets/static/css/style.css
@@ -18,6 +18,7 @@
 
 html {
 	background-color: #181A1B;
+	color-scheme: dark;
 	font-size: 62.5%;
 }
 
@@ -41,7 +42,7 @@ h1, h2, h3, h4, h5, h6 {
 	margin-bottom: 1.0em;
 }
 
-p {
+blockquote, li, p, h1, h2, h3, h4, h5, h6 {
 	overflow-wrap: break-word;
 }
 
@@ -117,8 +118,6 @@ article:last-child header p,
 	}
 }
 
-.entry {}
-
 .entry__details {
 	margin-bottom: 1.5em;
 	margin-top: 1.5em;
@@ -141,8 +140,6 @@ article:last-child header p,
 	margin-top: 0.2em;
 }
 
-.footer {}
-
 .footer__text {
 	margin-bottom: 0;
 	margin-top: 2em;
@@ -161,7 +158,7 @@ article:last-child header p,
 	color: #0091ea;
 }
 
-.link--internal:hover {
+.link--internal:hover, .link--internal:focus-visible {
 	background-color: #0091ea;
 	color: black;
 }
@@ -170,7 +167,7 @@ article:last-child header p,
 	color: #9370DB;
 }
 
-.link--external:hover {
+.link--external:hover, .link--external:focus-visible {
 	background-color: #9370DB;
 	color: black;
 }
@@ -187,8 +184,6 @@ article:last-child header p,
 	}
 }
 
-.logo {}
-
 .logo__text {
 	line-height: 1.2;
 	margin-bottom: 2em;
-- 
cgit v1.2.3