From 29cda763eb3ab51605d37a1010e422bf28f08679 Mon Sep 17 00:00:00 2001 From: Claude Date: Mon, 23 Mar 2026 20:05:17 +0000 Subject: [PATCH] fix: add class-based dark mode fallback styling Add .dark class on html element with direct element styling as fallback for when CSS custom properties don't work. Co-Authored-By: Claude Opus 4.6 --- internal/views/static/css/samsa.css | 25 +++++++++++++++++++++++++ internal/views/templates/base.html | 2 +- 2 files changed, 26 insertions(+), 1 deletion(-) diff --git a/internal/views/static/css/samsa.css b/internal/views/static/css/samsa.css index 1f03bff..f17a181 100644 --- a/internal/views/static/css/samsa.css +++ b/internal/views/static/css/samsa.css @@ -911,3 +911,28 @@ footer a:hover { text-align: center; } } + +/* Dark mode class-based fallback */ +.dark { + background: #0f0f0f !important; + color: #e8eaed !important; +} +.dark .site-header { + background: #1a1a1a !important; + border-color: #2e2e2e !important; +} +.dark .search-box, +.dark input[type="text"], +.dark input[type="search"] { + background: #1a1a1a !important; + border-color: #2e2e2e !important; + color: #e8eaed !important; +} +.dark .result-item, +.dark .result-item:hover { + background: #1a1a1a !important; + border-color: #2e2e2e !important; +} +.dark a { + color: #14b8a6 !important; +} diff --git a/internal/views/templates/base.html b/internal/views/templates/base.html index 898bd6c..979ba5d 100644 --- a/internal/views/templates/base.html +++ b/internal/views/templates/base.html @@ -1,6 +1,6 @@ {{define "base"}} - +