trafficlunar/blockmatic
1
0
Fork 0
mirror of https://github.com/trafficlunar/blockmatic.git synced 2026-06-28 14:44:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add dark and light mode

Browse source
This commit is contained in:
trafficlunar 2024-12-03 20:26:14 +00:00
parent 7ae89a1c90
commit a536253511
9 changed files with 1024 additions and 130 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/components/menubar/theme-changer.tsx Normal file
View file

@ -0,0 +1,21 @@
import { MenubarRadioGroup, MenubarRadioItem, MenubarSub, MenubarSubContent, MenubarSubTrigger } from '@/components/ui/menubar';
import { useTheme } from '../theme-provider';
function ThemeChanger() {
const { setTheme, theme } = useTheme();
return (
<MenubarSub>
<MenubarSubTrigger>Set theme...</MenubarSubTrigger>
<MenubarSubContent>
<MenubarRadioGroup value={theme} onValueChange={(value) => setTheme(value)}>
<MenubarRadioItem value='light'>Light</MenubarRadioItem>
<MenubarRadioItem value='dark'>Dark</MenubarRadioItem>
<MenubarRadioItem value='system'>System</MenubarRadioItem>
</MenubarRadioGroup>
</MenubarSubContent>
</MenubarSub>
)
}
export default ThemeChanger