Skip to content

feat(ui): dark theme, profile menu and topbar theme switcher #65

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
SomiVista wants to merge 14 commits into
base: dev
Choose a base branch
from
Open

feat(ui): dark theme, profile menu and topbar theme switcher #65

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
14 commits
Select commit Hold shift + click to select a range
c13caa5
fix(ui): lift the app shell topbar above the content column
SomiVista Sep 1, 2026
47a6c10
feat: wire the three-state theme switch and its no-flash guard
SomiVista Sep 1, 2026
d36fca1
feat(ui): make dark real on the st- design system
SomiVista Sep 1, 2026
31f5a51
feat(ui): add the topbar profile menu with the theme switch
SomiVista Sep 1, 2026
064051d
fix(ui): act on the profile-menu review
SomiVista Sep 1, 2026
5fe57b8
refactor(ui): apply the theme by data-theme, and stop meaning white w…
SomiVista Sep 1, 2026
51663ef
feat(ui): add StThemeSwitcher and place it on all three surfaces
SomiVista Sep 1, 2026
5bffacf
fix(ui): drop a dead prop default and correct two stale comments
SomiVista Sep 1, 2026
2e7da51
feat(ui): rebuild Today's board on subturtle-ui
SomiVista Sep 1, 2026
603d216
fix(ui): stop the board cards stretching, and gate optional practice
SomiVista Sep 1, 2026
51bfc6b
feat(ui): rebuild PoolCard on subturtle-ui
SomiVista Sep 1, 2026
0808df4
feat(ui): rebuild Phrase bundles on subturtle-ui
SomiVista Sep 1, 2026
61d430f
feat(ui): rebuild Review settings on subturtle-ui
SomiVista Sep 1, 2026
e7cd5eb
Merge branch 'claude/board-screen-subturtle-ui' into new-design
SomiVista Sep 1, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 11 additions & 3 deletions CLAUDE.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -172,9 +172,17 @@ promoted to `dev` in batches. While it is in progress:
(`panel`, `btn`, `form-input`, `badge`, `animate__*`, `screen_loader`, `main-section`),
plus `pilotui/toast` and `useAppStore` from `pilotui/store`. Un-migrated screens render
inside the new shell and keep working.
- **Dark mode is light-only on migrated surfaces.** The theme switcher stays and
`:root.dark` is scaffolded but empty, so toggling dark leaves migrated screens light while
pilotui ones go dark. Deliberate; dark lands as its own milestone.
- **Dark mode is real on `st-` surfaces.** The theme is applied as
`data-theme="light" | "dark"` on `<html>`; both Tailwind builds use
`darkMode: ['selector', '[data-theme="dark"]']`, and `@nuxtjs/color-mode` owns the
preference (Light / Dark / System, `subturtle:theme`, pre-paint script, no flash). The
control is `StThemeSwitcher` in the topbar — there is no Appearance row in the profile
menu. Un-migrated pilotui screens keep their own `dark:` behaviour; the module also keeps
writing the `.dark` class and `plugins/theme.client.ts` mirrors the preference into
pilotui's store, so the two never disagree, but they are not styled to match and will not
be until each screen migrates.
⚠️ `ui/src/styles/theme-tokens.css` still holds the EARLIER handoff's palette. The design
system's own `subturtle-theme.css` supersedes it wholesale — see the banner in that file.
- `subturtle-ui` is a `link:../ui` dependency whose `dist/` is not committed, so the
frontend's `postinstall` builds it. Any context that installs the frontend needs `ui/`
present — the Dockerfile copies it in.
Expand Down
Loading
Loading