kunthawat/moreminimore-astroreal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(dark): resolve dark-on-dark text in marquee, log, footer

Browse Source 
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)
This commit is contained in:
Kunthawat Greethong
2026-06-14 21:34:08 +07:00
parent ceffb2a3f3
commit e279119f97
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/styles/fx-system.css
View File

@@ -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,