harivansh-afk/React-Portfolio
1
0
Fork 0
mirror of https://github.com/harivansh-afk/React-Portfolio.git synced 2026-04-21 06:04:47 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

chore: dark mode default

Browse source
This commit is contained in:
Harivansh Rathi 2025-01-03 17:42:08 +05:30
parent fb5b992b17
commit 6d17375685
1 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/themetoggle/index.js
View file

@ -3,13 +3,13 @@ import { WiMoonAltWaningCrescent4 } from "react-icons/wi";
const Themetoggle = () => { const Themetoggle = () => {
const [theme, settheme] = useState(localStorage.getItem("theme")); const [theme, settheme] = useState(localStorage.getItem("theme") || "dark");
const themetoggle = () => { const themetoggle = () => {
settheme(theme === "dark" ? "light" : "dark"); settheme(theme === "dark" ? "light" : "dark");
}; };
useEffect(() => { useEffect(() => {
document.documentElement.setAttribute('data-theme', theme); document.documentElement.setAttribute('data-theme', theme);
localStorage.setItem('theme', theme ); localStorage.setItem('theme', theme );
}, [theme]); }, [theme]);
return ( return (
<div className="nav_ac" onClick={themetoggle}> <div className="nav_ac" onClick={themetoggle}>