feat(webapp): themes refinement, new black & white themes, 2 accessibility toggles - #4547

Merged

nicktrn merged 110 commits into

mainfrom

samejr/appearance-theme-toggle

Aug 21, 2026

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

Commits on Aug 18, 2026

fix(webapp): keep the pulsing dot centred in its own ring

samejr
and
claude
committed
af50664
fix(webapp): keep the rounded badge's label readable on the light themes

samejr
and
claude
committed
c6310fa
feat(webapp): give the theme a primary accent, and make preview blue everywhere

samejr
and
claude
committed
54933e9
refactor(webapp): fold Theme tokens into a Colors page showing every theme at once

samejr
and
claude
committed
42b1217
TEMP: force the SSO variant of the email modal for review

samejr
and
claude
committed
81bacb1
fix(webapp): say single sign-on in the email modal, not identity provider

samejr
and
claude
committed
3f728e8
Revert "TEMP: force the SSO variant of the email modal for review"

samejr
and
claude
committed
e86b2ae
fix(webapp): tighten the spacing above the SSO email message

samejr
and
claude
committed
5715d88

Commits on Aug 19, 2026

docs(server-changes): note the new themes and appearance options

samejr
and
claude
committed
b3a87a6
fix(webapp): show Debug in the log level filter, using the same chip as the rows

samejr
and
claude
committed
59b084a
fix(webapp): pick the avatar letter colour that reads on its own tile

samejr
and
claude
committed
10a1a0a
fix(webapp): stop the Colors tables repeating every theme inside every theme

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

samejr
and
claude
committed
8d80632
feat(webapp): restore seven primitives so the storybook can document them

samejr
and
claude
committed
90f0495
Revert "feat(webapp): restore seven primitives so the storybook can document them"

samejr
and
claude
committed
61b390a
fix(webapp): stop the Colors page pulling Prisma into the client bundle

samejr
and
claude
committed
6cc233b
feat(webapp): name the resolved colour on every swatch in the Colors tables

samejr
and
claude
committed
af69dbb
fix(webapp): lift the neutral run statuses to 3:1 on the light themes

samejr
and
claude
committed
4884327
feat(webapp): fill tinted badges solid under Stronger colors

samejr
and
claude
committed
6cfe2aa
fix(webapp): darken the added-line green in feature flag diffs

samejr
and
claude
committed
5cde277

Commits on Aug 20, 2026

fix(webapp): give the TRACE log chip a colour to render in

samejr
and
claude
committed
117282e
fix(webapp): soften the contrast handle's hover on the light themes

samejr
and
claude
committed
3ba5184
fix(webapp): drop the inset ring from the Trigger Agent badges

samejr
and
claude
committed
263a365
fix(webapp): halve the contrast handle's hover step again on the light themes

samejr
and
claude
committed
dc61767
fix(webapp): drop the chip ring on the light themes where the chip fills solid

samejr
and
claude
committed
9e3df84
fix(webapp): keep the contrast ring off every chip that fills solid

samejr
and
claude
committed
0e89f7e
fix(webapp): give the secondary segmented control a track in every theme

samejr
and
claude
committed
8bbfee2
fix(webapp): stop the slider's value label sticking after a drag ends off-track

samejr
and
claude
committed
7df6f71
feat(webapp): let the Black theme take the contrast slider below its base

samejr
and
claude
committed
a344664
fix(webapp): make the contrast slider's negative half actually apply

samejr
and
claude
committed
2110993

Commits on Aug 21, 2026