From 468eb57acb02017d622e99d97dc79ab8d2737cc0 Mon Sep 17 00:00:00 2001 From: Ken D'Ambrosio Date: Mon, 25 May 2026 01:11:44 +0000 Subject: Fix day/date visibility in dark table headers text-muted stays dark grey inside table-dark, making dates invisible. today-col's background !important fought table-dark, turning that cell light and hiding the white day name. Fix: restore dark bg for today-col in thead via a scoped rule, use a top-border accent instead, and force text-muted to a readable white-ish inside dark headers. Co-Authored-By: Claude Sonnet 4.6 --- app/static/css/style.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) (limited to 'app/static/css') diff --git a/app/static/css/style.css b/app/static/css/style.css index 37d36f6..e18ba91 100644 --- a/app/static/css/style.css +++ b/app/static/css/style.css @@ -112,6 +112,18 @@ body { background: rgba(181, 69, 27, 0.06) !important; } +/* Inside dark thead: today-col background fights table-dark, making white text invisible. + Restore the dark bg and use a top-border accent instead. */ +.table-dark .today-col { + background: var(--bs-table-bg) !important; + border-top: 3px solid var(--primary) !important; +} + +/* text-muted stays dark grey even in table-dark — override to readable white-ish */ +.table-dark .text-muted { + color: rgba(255, 255, 255, 0.6) !important; +} + .plan-entry, .planned-meal { font-size: 0.82rem; } -- cgit v1.2.3