Skip to content

simplify theme toggle to a binary switch#778

Merged
moehdotdev merged 1 commit into
mainfrom
home-uiux-changes
Jun 2, 2026
Merged

simplify theme toggle to a binary switch#778
moehdotdev merged 1 commit into
mainfrom
home-uiux-changes

Conversation

@moehdotdev

Copy link
Copy Markdown
Member

replaced the 3-option toggle group (light / dark / system) with a single toggle that flips between light and dark. also cleaned up how the toggle is placed in the sidebar dropdown and aligned the feedback button and sign out item styles to match.

before :
image

now :
image

what changed:

  • swapped ToggleGroup + 3 items for a single Toggle component
  • switched from theme to resolvedTheme so the ui always reflects the actual active theme, not just the stored preference
  • the toggle now shows the current icon (sun/moon) and labels what mode you'll switch to
  • added a visual pill switch inside the button for a clearer on/off state
  • removed the wrapper div around ThemeToggle in the sidebar, it now drops in directly as a menu item
  • unified button styles across ThemeToggle, Feedback, and the sign out DropdownMenuItem
  • added a Trigger variant to toggle.tsx for the pill style

why:
the system theme option wasn't doing much from a ux standpoint and the old layout had extra wrapper divs with a "Theme :" label that felt out of place. this is simpler, more consistent with the rest of the menu items, and the resolved theme fix means the toggle state is always accurate on load.

@vercel

vercel Bot commented Jun 2, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
notevo Ready Ready Preview, Comment Jun 2, 2026 4:07pm

@moehdotdev moehdotdev merged commit 27a4a23 into main Jun 2, 2026
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant