MQL5-Google-Onedrive/.jules/palette.md
google-labs-jules[bot] 6343782c72 feat(ux): add pulse animation to active status badge
- Add `@keyframes pulse` and `.status-pulse` class to `index.html`, `dashboard/index.html`, and `scripts/web_dashboard.py`.
- Apply `.status-pulse` to the "Active" status badge to indicate system liveness.
- Improve visual feedback for the user on system health.
- Record UX learning in `.jules/palette.md`.
2026-02-24 11:32:30 +00:00

9 lines
800 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-13 - [Status Indicator Animation]
**Learning:** Adding a subtle CSS animation (pulse) to status indicators significantly improves the perception of system liveness and draws attention to critical states without adding visual clutter.
**Action:** Use `.status-pulse` class for "Active" or "Live" status badges to provide immediate visual feedback of system health.