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

9 lines
824 B
Markdown

## 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.