Redesign theme toggle as a two-icon light/dark switch

Browse source

Replace the single-icon popover with a dropdown of radio inputs with a
compact two-button toggle (light/dark), inspired by vale.rocks' design:
clicking an icon forces that theme, clicking the active icon again
returns to following the system preference. Keeps the existing
light-dark() colour-scheme mechanism and view-transition wipe
animation, and reuses the project's existing Fluent UI sun/moon icons.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Fn4aNjE3ofpDM78F4qmdCV

...

This commit is contained in:

Jonny Barnes 2026-08-22 18:14:08 +01:00

parent be2bc267ad

commit e9d8f4c74b

Signed by: jonny

SSH key fingerprint: SHA256:CTuSlns5U7qlD9jqHvtnVmfYV3Zwl2Z7WnJ4/dqOaL8

7 changed files with 102 additions and 136 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download patch file Download diff file Expand all files Collapse all files

2

public/assets/css/app.css

View file

File diff suppressed because one or more lines are too long

2

public/assets/css/app.css.map

View file

File diff suppressed because one or more lines are too long