MQL5-Google-Onedrive/.jules/palette.md

## 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 - [Interaction] Copy to Clipboard for System IDs
**Learning:** Users need to quickly copy system IDs (Fly.io App name, Telegram Bot handle) from the status dashboard.
**Action:** Implemented a non-intrusive "Copy" icon button (📋) next to values that changes to (✅) on success. Used `navigator.clipboard` API with visual feedback. Pattern reusable for any copyable text.
🎨 Palette: Add skip-to-content link for accessibility 2026-02-08 11:20:56 +00:00			`## PALETTE'S JOURNAL - CRITICAL LEARNINGS ONLY`
🎨 Palette: Improve color contrast and accessibility - Replaced #667eea with #4f46e5 to meet WCAG AA contrast standards. - Updated hover color to #4338ca. - Added aria-label to Service Worker update button. - Updated manifest.json theme color. 2026-02-13 11:40:16 +00:00
			`## 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`.
feat(ux): add copy-to-clipboard buttons for system status Added 'Copy' icon buttons to the 'Fly.io App' and 'Telegram Bot' fields in the System Status section of index.html and dashboard/index.html. This improves usability by allowing users to quickly copy these IDs. Implemented using navigator.clipboard API with visual feedback (✅). Verified via Playwright script and regression tests. 2026-02-22 11:40:13 +00:00
			`## 2026-02-13 - [Interaction] Copy to Clipboard for System IDs`
			`Learning: Users need to quickly copy system IDs (Fly.io App name, Telegram Bot handle) from the status dashboard.`
			Action: Implemented a non-intrusive "Copy" icon button (📋) next to values that changes to (✅) on success. Used `navigator.clipboard` API with visual feedback. Pattern reusable for any copyable text.