Click the ⚙ button in the toolbar → settings slide down between toolbar
and group list.
Colors (4 pickers, live preview, persist to localStorage):
- Body background (defaults to rgthree teal #0e283f)
- Header bar (#1e4f88)
- Accent / toggle ON (#2864ad)
- Row hover (#163657)
All panel styling now reads from CSS custom properties so the live
update is just panel.style.setProperty(key, value).
Keyboard shortcuts (overrides defaults):
- Add rows one at a time: type a key char, pick a group from a dropdown
- × button removes a row
- Empty list = defaults restore (1..9 → first 9 groups by order)
- Single-key only (a-z, 0-9). Modifier keys ignored (Ctrl/Meta/Alt).
Reset button wipes both localStorage entries and rebuilds settings UI
with defaults.
Refactored onKeyDown to go through resolveShortcut() so the same code
path handles defaults and user overrides.
Greg
cf256c64f5