feat(webapp): switch themes from the account menu - #4547

Draft

samejr wants to merge 68 commits into

mainfrom

samejr/appearance-theme-toggle

Commits on Aug 10, 2026

feat(webapp): switch themes from the account menu

samejr
and
claude
committed
ee88a8e
feat(webapp): more options entry, theme select and a finer contrast slider

samejr
and
claude
committed
54939fe
fix(webapp): stop the contrast label sticking, tighten the theme picker

samejr
and
claude
committed
41a9789
feat(webapp): mark the default contrast on the slider

samejr
and
claude
committed
47d3246
fix(webapp): widen the theme select and correct the tooltip arrow

samejr
and
claude
committed
4d5645d
fix(webapp): notch the contrast track at the default mark

samejr
and
claude
committed
4c6ddfb
fix(webapp): notch the contrast mark against the real page colour

samejr
and
claude
committed
5c9de3d
fix(webapp): widen the gap either side of the contrast mark

samejr
and
claude
committed
2a1e291
fix(webapp): thicken the contrast mark line to 2px

samejr
and
claude
committed
74802cf
feat(webapp): click the contrast mark to reset to the default

samejr
and
claude
committed
e0a58ca
feat(webapp): split icon and badge accents out into an Icon contrast toggle

samejr
and
claude
committed
0aeee45
feat(webapp): add an App sidebar row and descriptions to the profile page

samejr
and
claude
committed
34ad34f
fix(webapp): tighten settings row descriptions

samejr
and
claude
committed
ade0691
feat(webapp): open the customize sidebar modal from the profile page

samejr
and
claude
committed
07d62a1

Commits on Aug 11, 2026

fix(webapp): apply the theme on click, not on the loader's next pass

samejr
and
claude
committed
f1b7413
fix(webapp): brighten the secondary button on hover in the dark themes

samejr
and
claude
committed
23533dd
fix(webapp): brighten the secondary select on hover in the dark themes

samejr
and
claude
committed
77ed110
feat(webapp): add a surround-free switch variant and move it to indigo

samejr
and
claude
committed
b80cc8c
feat(webapp): drop the switch surround on the onboarding emails row

samejr
and
claude
committed
e0b7a8a
fix(webapp): dim the contrast handle and brighten it on hover

samejr
and
claude
committed
3037a21
fix(webapp): step the Customize button and theme select down a size

samejr
and
claude
committed
d9866d8
feat(webapp): floor the contrast slider at 15% and mark the default at 30%

samejr
and
claude
committed
641dc25
feat(webapp): add an Underline links preference

samejr
and
claude
committed
bb48233
chore(webapp): temporary underline audit story

samejr
and
claude
committed
f2adfeb
refactor(webapp): route hand-rolled links through TextLink

samejr
and
claude
committed
c9e6590

Commits on Aug 12, 2026

Merge remote-tracking branch 'origin/main' into samejr/appearance-theme-toggle
samejr
committed
1afd029
feat(webapp): add Black and White themes

samejr
and
claude
committed
5175479
feat(webapp): swap the Black and White icons with the active theme

samejr
and
claude
committed
948db74
feat(webapp): use a custom monitor icon for the System theme

samejr
and
claude
committed
38dc6a5
feat(webapp): split Theme from Interface and let System pick its two themes

samejr
and
claude
committed
ab1f24e
fix(webapp): rename the Theme section to Appearance

samejr
and
claude
committed
f4ef1b3
feat(webapp): slide the system Light and Dark rows open and shut

samejr
and
claude
committed
f44e574
chore(webapp): remove the temporary underline audit story

samejr
and
claude
committed
b4cfb15
Merge remote-tracking branch 'origin/main' into samejr/appearance-theme-toggle

samejr
and
claude
committed
1570540
fix(webapp): treat the White theme as light, not dark

samejr
and
claude
committed
3b65be0
fix(webapp): keep the button text color when the label isn't plain text

samejr
and
claude
committed
9cb6fc1
fix(webapp): give loading spinners a color that suits the theme

samejr
and
claude
committed
e9080b2
fix(webapp): swap the last hard-coded greys for theme tokens

samejr
and
claude
committed
aec652d
fix(webapp): list White above Black in the theme picker

samejr
and
claude
committed
e09b00e

Commits on Aug 13, 2026

fix(webapp): stop CopyButton nesting a button inside its tooltip trigger

samejr
and
claude
committed
9ac591f
feat(webapp): give the storybook a theme switcher and a categorised sidebar

samejr
and
claude
committed
b9a30e7
feat(webapp): cover the remaining components in the storybook

samejr
and
claude
committed
b443b2d
fix(webapp): stop a ClickHouse outage crashing the dev server

samejr
and
claude
committed
7040f45
feat(webapp): add theme shortcuts, an icon contrast toggle and an H2 title

samejr
and
claude
committed
267ab71
feat(webapp): show a story's component file names, copyable on hover

samejr
and
claude
committed
305c8b3
feat(webapp): complete the storybook's variant coverage

samejr
and
claude
committed
10e1fde
feat(webapp): make Dark the default theme and retire Classic

samejr
and
claude
committed
a385493
feat(webapp): move the light themes onto ramp travel too

samejr
and
claude
committed
4a6e9d3
fix(webapp): let light's whole surface stack respond to contrast

samejr
and
claude
committed
cef20b9
fix(webapp): keep light's surfaces distinct and soften its grid lines

samejr
and
claude
committed
59dbe5b

Commits on Aug 14, 2026

fix(webapp): hover text links by color, never by adding an underline

samejr
and
claude
committed
cbe3788
fix(webapp): move hand-rolled text links onto the shared treatment

samejr
and
claude
committed
bcb48e7
fix(webapp): let markdown prose links follow the underline preference

samejr
and
claude
committed
1ddf734
fix(webapp): make the text link hover big enough to see

samejr
and
claude
committed
bc1d745
refactor(webapp): give every text link one theme-aware color

samejr
and
claude
committed
9d7fc59
refactor(webapp): move the last hand-rolled links onto TextLink

samejr
and
claude
committed
638649c
fix(webapp): let the switch's checked fill follow the theme

samejr
and
claude
committed
838c10f
fix(webapp): give the primary button and the switch one shared accent

samejr
and
claude
committed
e67da93
fix(webapp): drop the stray full stop from the Dark system setting row

samejr
and
claude
committed
3faf71c
feat(webapp): update each profile field on its own instead of one big form

samejr
and
claude
committed
abf3f19
fix(webapp): let log level chips and a few stray accents follow the theme

samejr
and
claude
committed
2cf0672
fix(webapp): show the Stronger colors example chip on hover, not in a tooltip

samejr
and
claude
committed
6682a3d
feat(webapp): move the profile name and email onto the row, behind an edit icon

samejr
and
claude
committed
781fb4a

Commits on Aug 15, 2026

fix(webapp): even up the switch handle's padding at medium size

samejr
and
claude
committed
e0bdb56
fix(webapp): show a Stronger colors example that changes on the light themes

samejr
and
claude
committed
0eb7c31
feat(webapp): give settings sections more room between them

samejr
and
claude
committed
1cf2f57
refactor(webapp): rename the accessibility storybook page to Stronger colors

samejr
and
claude
committed
8928841
feat(webapp): add line and stacked bar examples to the Stronger colors page

samejr
and
claude
committed
257d8d4