Add theme dropdown with animated icon morphing#11
Merged
Conversation
Replace the simple dark/light toggle button with a dropdown offering dark, light, and system theme options. Icons morph smoothly via Framer Motion on theme change. The `t` shortcut remains as a dark/light toggle. Closes #10 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Contributor
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
tkeyboard shortcut preserved as dark/light toggleCloses #10
Test plan
t: toggles dark/light with icon morph, closes dropdown if openEscape: closes dropdown🤖 Generated with Claude Code
Note
Low Risk
Primarily UI behavior changes around theme selection and keyboard handling; low risk aside from potential hydration/UX regressions in the new client-side dropdown interactions.
Overview
Updates the site to default to dark theme (instead of system) while still allowing system theming.
Replaces the simple top-nav dark/light toggle with a new
ThemeToggledropdown that offers dark/light/system options, adds Framer Motion icon transition animations, supports click-outside andEscapeto dismiss, and preserves thetkeyboard shortcut to toggle dark/light (now handled within the toggle component).Written by Cursor Bugbot for commit 9a0821d. This will update automatically on new commits. Configure here.