Problem: Text with opacity created gray-on-gray which was hard to read in dark mode. Solution: Added dedicated color variables for text hierarchy: - --text-color: Primary text (bright) - --text-secondary: Secondary text (medium brightness) - --text-tertiary: Tertiary text (dimmer but still readable) Dark mode colors: - Primary: #e0e0e0 (bright white-ish) - Secondary: #b0b0b0 (medium gray) - Tertiary: #909090 (dimmer gray) Light mode colors: - Primary: #333 (dark) - Secondary: #666 (medium gray) - Tertiary: #999 (light gray) This provides much better contrast and readability in dark mode while maintaining the visual hierarchy. |
||
---|---|---|
.. | ||
admin.html | ||
admin.js | ||
app-google.js | ||
app-mapbox.js | ||
app.js | ||
favicon.svg | ||
index.html | ||
privacy.html | ||
style.css |