0ba29226a2
The only surface in the dashboard that uses amber as a fill color — the one-alarm-color rule reserves this paint for "look here." 48px strip in the alertbanner grid-area, dark text (--amber-fg #1a1a1a) on the amber fill for cross-room legibility, ellipsis on long messages, dismiss button at right. Returns null when the ui store has no currentAlert so the row collapses to zero and the center grid sits flush with the top strip. Auto-dismiss after 30s via setTimeout in useEffect; cleanup on unmount or alert change. role="alert" for screen readers. focus-visible outline 1px --amber-fg. Adds --amber-fg to ethos tokens — pairs explicitly with --amber so any future amber-fill surface uses the same dark text. Also cleans up an empty `//` line in the ethos comment block (stylelint scss/comment-no-empty). |
||
|---|---|---|
| .. | ||
| advanced | ||
| beginner | ||
| intermediate | ||