MQL5-Google-Onedrive/.jules/palette.md
google-labs-jules[bot] aaa090e2cf 🎨 Palette: Improve status badge contrast for accessibility
- Updated status badge colors to use "Subtle Badge" pattern (Background-100/Text-800).
- Changed success badge to `#dcfce7`/`#166534`.
- Changed warning badge to `#fef3c7`/`#92400e`.
- Applied changes to `index.html`, `dashboard/index.html`, and `scripts/web_dashboard.py` for consistency.
- Improves contrast ratio from failing AA (<3:1) to passing AAA (>7:1).
2026-02-25 12:03:43 +00:00

824 B

PALETTE'S JOURNAL - CRITICAL LEARNINGS ONLY

2026-02-13 - [Brand Color Contrast Failure]

Learning: The brand color #667eea fails WCAG AA contrast (3.4:1) against white backgrounds, affecting accessibility for text headers and primary buttons. Action: Replace #667eea with #4f46e5 (Indigo 600) which passes WCAG AA (5.5:1) while maintaining brand identity. Update all instances including manifest.json.

2026-02-25 - [Status Badge Contrast Improvement]

Learning: Default status badge colors (Green-500/Amber-500) on white backgrounds fail WCAG AA contrast (approx 3:1). Action: Use "Subtle Badge" pattern: Light background (100) with Dark text (800) to achieve AAA compliance (>7:1) while maintaining color semantics. Used #dcfce7/#166534 for success and #fef3c7/#92400e for warning.