From 056d2d1175692f4e2e47e192f7e2fa348653f15a Mon Sep 17 00:00:00 2001 From: Claude Date: Mon, 23 Mar 2026 18:34:18 +0000 Subject: [PATCH] feat: use CSS prefers-color-scheme for dark mode (no JS) - Remove inline JS that sets data-theme from localStorage - Use @media (prefers-color-scheme: dark) in CSS for automatic dark mode - Remove JS-dependent theme toggle from preferences - Theme now follows system preference automatically Co-Authored-By: Claude Opus 4.6 --- internal/views/static/css/samsa.css | 2 +- internal/views/templates/base.html | 3 +-- internal/views/templates/preferences.html | 29 +---------------------- 3 files changed, 3 insertions(+), 31 deletions(-) diff --git a/internal/views/static/css/samsa.css b/internal/views/static/css/samsa.css index f4aef1c..7286bf3 100644 --- a/internal/views/static/css/samsa.css +++ b/internal/views/static/css/samsa.css @@ -24,7 +24,7 @@ --font-mono: "IBM Plex Mono", ui-monospace, monospace; } -[data-theme="dark"] { +@media (prefers-color-scheme: dark) { --bg: #0f0f0f; --bg-secondary: #1a1a1a; --bg-tertiary: #242424; diff --git a/internal/views/templates/base.html b/internal/views/templates/base.html index 6fc7cca..7983f14 100644 --- a/internal/views/templates/base.html +++ b/internal/views/templates/base.html @@ -1,6 +1,6 @@ {{define "base"}} - + @@ -12,7 +12,6 @@ -
diff --git a/internal/views/templates/preferences.html b/internal/views/templates/preferences.html index 4f7980a..de335a0 100644 --- a/internal/views/templates/preferences.html +++ b/internal/views/templates/preferences.html @@ -4,16 +4,12 @@

Preferences

-

Appearance

-
- - -
+ Follows system preference
@@ -109,29 +105,6 @@