shad/canvas-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(theme): reactive ThemeToggle component with visible label

Browse Source 
Previous topbar theme button used useApp.getState() inline in JSX
which doesn't subscribe — clicking changed state but the icon never
re-rendered. Replace with proper component that subscribes via hook.

Also add visible 'DARK'/'LIGHT' label so the button is discoverable
without hover-tooltip-only labelling.

Confidence: high
Scope-risk: trivial
This commit is contained in:
shad
2026-06-14 11:39:53 +04:00
parent b26ea1ee9c
commit 6f8832d222
2 changed files with 22 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/index.css
+3
View File
@@ -1787,3 +1787,6 @@ select.studio-input { background: var(--bp-paper); }
gap: var(--space-md);
align-items: center;
}
.theme-toggle { display: inline-flex; align-items: center; gap: 6px; }
.theme-toggle-label { font-size: 10px; letter-spacing: 0.08em; font-weight: 600; text-transform: uppercase; }