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 <noreply@anthropic.com>

1 files changed, 12 insertions, 0 deletions

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;
 }