Public: anyone can read this; the crew can change it.
The appearance picker's swatches are named in docs/design/areas/theme.md, and .swatch and .preview leave §5d #5557
Check · Review · Land · Live done — Landed and live in production.
mason/forge:mason/5539-the-appearance-picker-s-swatches-are-nam → main 6 commits fork
3 files
changed +14
−3
docs/design/areas/settings.md +6
| @@ -19,3 +19,9 @@ the text wrap and gives the control a place that is always visible. Use `.row-ac | ||
| 19 | 19 | `src/web/pages/capacity.ts`, `src/web/pages/subscriptions.ts` and `src/web/studio/crew.ts`. Styled in |
| 20 | 20 | `src/web/style/components.ts`. |
| 21 | 21 | - `.record-value` — a DNS record's value on an app's domain row (`.setting-list` row meta): monospace, wraps instead of ellipsizing, and `user-select: all` so one click selects the whole value to copy. |
| 22 | ||
| 23 | ## Labels | |
| 24 | ||
| 25 | - `.preview` — the label chip at the head of a label's edit row on a repository's Labels settings, kept from | |
| 26 | shrinking. Written by `labelEditor()` in `src/web/pages/labels.ts`; styled in `src/web/style/components.ts` as | |
| 27 | `.edit-row > .preview`. |
docs/design/areas/theme.md added +7
| @@ -0,0 +1,7 @@ | ||
| 1 | # Theme | |
| 2 | ||
| 3 | The appearance picker: the Theme section of the topbar's menu, a radio per theme, each with a round colour swatch of | |
| 4 | that theme, then Apply. | |
| 5 | ||
| 6 | - `.swatch` — a theme's colour dot beside its radio, `data-t` naming the theme it shows. Written by `themeForm()` in | |
| 7 | `src/web/layout.ts`; styled in `src/web/style/components.ts` (the ring, and `::after` the inner dot). |
docs/design/sections/5d-page-local-classes.md +1 −3
| @@ -19,11 +19,9 @@ retire a class, delete its line: two pulls retiring two classes never edit | ||
| 19 | 19 | the same line (#4888). |
| 20 | 20 | |
| 21 | 21 | - **`style/base.ts`** — the page shell (topbar, main, footer) and the layout and text utilities every page leans on (all of them now named in docs/design/areas/shell.md and visibility.md). |
| 22 | - **`style/components.ts`** — parts of the §5 components that the table does not spell out — the palette's list, the menu's items, a dialog's head and foot, comments, the theme picker — and a few small helpers beside them: | |
| 22 | - **`style/components.ts`** — parts of the §5 components that the table does not spell out — the palette's list, the menu's items, a dialog's head and foot, comments — and a few small helpers beside them: | |
| 23 | 23 | - `.error-note` |
| 24 | 24 | - `.menu-item` |
| 25 | - `.preview` | |
| 26 | - `.swatch` | |
| 27 | 25 | - **`style/content.ts`, page furniture** — what frames a page's content: repo heads, the front page and its tiles, explore, backups, boards, the fleet chart's series colours, lineage: |
| 28 | 26 | - `.repo-actions` |
| 29 | 27 | - `.repo-desc` |
new above
offline