qol-gpui-themelisted

# Bone and Amber (V2) The visual system every native qol surface is drawn in. `qol-plugin-gpui-surfaces` says how a surface is wired, summoned and dismissed. This skill says what it looks like once it is on screen. Visual reference deck, every surface and every state drawn at real size: `reference/bone-and-amber-deck.html` beside this file, also published at https://claude.ai/code/artifact/0eeae966-f0e2-4a88-9c2f-2bcf7280f622 The plan for closing the gap between this spec and the code, with what five recon lanes found in the tree, is `reference/v2-migration-plan.html`, published at https://claude.ai/code/artifact/ef0b287c-2827-4de6-97a0-7dda581f0513 The deck is the picture. This file is the contract. When they disagree, this file wins and the deck gets redrawn. ## The five laws 1. **Square windows, rounded controls.** A surface has no corner radius. Everything inside it does. A rounded window on a desktop reads as a web page. 2. **No hard stops.** Separation is a translucent hairline or a wash, never a solid line and never a border that changes an element's size. 3. **Amber means two things: where you are, and what you chose.** It is never decoration, never a primary button, never a brand colour. 4. **One ladder each.** One spacing scale, one height ladder, one type scale, one radius scale. A value that is not on a ladder is a bug. 5. **Nothing is discoverable by hover alone.** If a control exists it is visible at rest. Hover may deepen it; hover may not