Dark Mode
How to enable dark mode in your app.
feat: improve component UI
Will change the components soon. will batter UI
Ruru UIRuru UIHow to enable dark mode in your app.
Will change the components soon. will batter UI
"use client";
import * as React from "react";
import { useTheme } from "@/provider/theme";
import { Button } from "@/components/ui/button";
export function ModeToggle() {
const { setTheme } = useTheme();
return (
<div className="flex my-10 space-x-5">
<Button onClick={() => setTheme("light")}>Light</Button>
<Button onClick={() => setTheme("dark")}>Dark</Button>
<Button onClick={() => setTheme("system")}>system</Button>
</div>
);
}