mirror of
https://github.com/A6-9V/MQL5-Google-Onedrive.git
synced 2026-04-11 13:20:57 +00:00
- 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`.
9 lines
800 B
Markdown
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.
|