feat: add quick theme toggle in sidebar header - #924
Conversation
Add a theme toggle icon button near the T3 Code logo for quick access to theme switching. The toggle shows a sun/moon icon based on the current resolved theme and opens a dropdown with System, Light, and Dark options. - Uses existing useTheme hook for state management - Syncs automatically with Settings page theme selector - Works on both web and desktop (Electron) builds Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
|
Important Review skippedAuto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the ⚙️ Run configurationConfiguration used: Repository UI Review profile: CHILL Plan: Pro Run ID: You can disable this status message by setting the Use the checkbox below for a quick retry:
✨ Finishing Touches🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
|
Thanks, the GIF has been re uploaded and should work now |
|
I think this clutters up the UI for no real benefit tbh. If you want to change the theme, you can already easily find in the settings |
|
Idk of many people who change themes that often, closing as not planned @juliusmarminge dk if you have thoughts on this |

What Changed
Added a theme toggle icon button in the sidebar header, next to the T3 Code logo:
useThemehook - syncs automatically with Settings pageWhy
Quick theme switching is a common UX pattern. Users shouldn't need to navigate to Settings just to toggle between light and dark mode. This provides convenient access while keeping the full theme configuration in Settings.
UI Changes
Checklist
Note
Add theme toggle (System/Light/Dark) to sidebar header
Adds a sun/moon icon button to the sidebar header in Sidebar.tsx that opens a dropdown menu for selecting the app theme. The icon reflects the resolved theme (sun for light, moon for dark), and selecting an option calls
setThemefrom theuseThemehook. Both Electron and non-Electron header layouts are updated to include the toggle.Macroscope summarized 19f9a31.