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