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

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