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-23 - [Copy Button State Management]
**Learning:** Rapid clicking on "Copy" buttons caused a race condition where the feedback state (Checkmark/Green) was captured as the "original" state, leaving the button permanently stuck in the "Success" state.
**Action:** Implement a guard clause (e.g., `if (btn.dataset.copying) return;`) and use `dataset` flags to prevent re-triggering the action while the feedback animation is active.
🎨 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 - Add 'Copy' buttons to Fly.io App ID and Telegram Bot ID in system status section - Implement accessible feedback (icon change + aria-label) - Refactor to use event listeners and prevent race conditions - Update both index.html and dashboard/index.html 2026-02-23 20:06:11 +00:00
			`## 2026-02-23 - [Copy Button State Management]`
			`Learning: Rapid clicking on "Copy" buttons caused a race condition where the feedback state (Checkmark/Green) was captured as the "original" state, leaving the button permanently stuck in the "Success" state.`
			Action: Implement a guard clause (e.g., `if (btn.dataset.copying) return;`) and use `dataset` flags to prevent re-triggering the action while the feedback animation is active.