
I Built a Lightweight JavaScript Library for Dark/Light Mode β DayniteJs π
π I Built a Lightweight JavaScript Library for Dark/Light Mode β DayniteJs π As a frontend developer, one thing I kept repeating in projects was implementing light/dark mode toggle . Every time: I rewrote the same logic Managed localStorage again Handled system preferences manually So I thoughtβ¦ π Why not build a reusable solution? Thatβs how DayniteJs was born. π‘ What is DayniteJs? DayniteJs is a lightweight JavaScript library that helps you easily: π Toggle between light & dark mode πΎ Save user preference automatically π₯οΈ Detect system theme ( prefers-color-scheme ) β‘ Use a simple, clean API π¦ Installation npm install daynitejs π οΈ Usage import DayniteJs from ' daynitejs ' ; const daynite = new DayniteJs (); daynite . toggle (); π¨ CSS Setup [ data-theme = "light" ] { --bg-color : #ffffff ; --text-color : #1f2937 ; } [ data-theme = "dark" ] { --bg-color : #1f2937 ; --text-color : #f3f4f6 ; } body { background-color : var ( --bg-color ); color : var ( --text-color ); } π§ What I Learned
Continue reading on Dev.to Webdev
Opens in a new tab



