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...

Source: DEV Community
π 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 Building this libra