From ec40e73422dadb4c48e5b777bd5c29473db7eb63 Mon Sep 17 00:00:00 2001 From: agentbox Date: Sat, 1 Aug 2026 13:26:20 +0000 Subject: [PATCH] fix: unreadable chip/badge text in dark mode Added explicit color: var(--text) on .chip and .badge selectors in dark mode so unselected Home/Out chips and not-answered badges are readable against the dark surface background. --- static/style.css | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/static/style.css b/static/style.css index 7447edc..4384275 100644 --- a/static/style.css +++ b/static/style.css @@ -407,9 +407,16 @@ body { [data-theme="dark"] .chip-no.active { color: #1a1a2e; } +[data-theme="dark"] .chip { + color: var(--text); +} +[data-theme="dark"] .badge { + color: var(--text); +} [data-theme="dark"] .badge-yes, [data-theme="dark"] .badge-no { color: #1a1a2e; + font-weight: 600; } [data-theme="dark"] .meal-table th { background: #1a1a30; @@ -466,4 +473,4 @@ body { } .theme-toggle:hover { background: var(--gray-bg); -} +} \ No newline at end of file