From e279119f97e9aaf1e3f5f705af989fd1acdf6bbc Mon Sep 17 00:00:00 2001 From: Kunthawat Greethong Date: Sun, 14 Jun 2026 21:34:08 +0700 Subject: [PATCH] fix(dark): resolve dark-on-dark text in marquee, log, footer MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Dark mode bug: hardcoded rgba(10,10,10,0.3) used as text color on dark backgrounds — unreadable. Fix: html.dark overrides for: - .marquee-track .ts - .fx-marquee-track .ts - .fx-log .ts - .fx-footer-bottom All now use rgba(250,238,200,0.4) (warm cream, legible on dark) --- src/styles/fx-system.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/styles/fx-system.css b/src/styles/fx-system.css index 2004c07..df88a33 100644 --- a/src/styles/fx-system.css +++ b/src/styles/fx-system.css @@ -1259,8 +1259,10 @@ html.dark .bento-tile.surface-yellow { color: var(--ink); } /* v7-5 uses rgba(10,10,10,0.3) for dim text (.ts in log + footer-bottom) Invert to cream-equivalent for dark mode */ -html.dark .ts { color: rgba(250,250,250,0.3); } -html.dark .fx-footer-bottom { color: rgba(250,250,250,0.3); } +html.dark .marquee-track .ts, +html.dark .fx-marquee-track .ts { color: rgba(250,238,200,0.4); } +html.dark .fx-log .ts { color: rgba(250,238,200,0.4); } +html.dark .fx-footer-bottom { color: rgba(250,238,200,0.4); } /* Coral backgrounds keep their cream text — already high contrast. No override needed for .fx-btn.coral, .fx-nav-cta, .fx-pricing-cta,