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

By · · 1 min read
I Built a Lightweight JavaScript Library for Dark/Light Mode โ€” DayniteJs ๐ŸŒ—

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

Related Posts

Trending on ShareHub

  1. Understanding Modern JavaScript Frameworks in 2026
    by Alex Chen · Feb 12, 2026 · 0 likes
  2. The System Design Primer
    by Sarah Kim · Feb 12, 2026 · 0 likes
  3. Just shipped my first open-source project!
    by Alex Chen · Feb 12, 2026 · 0 likes
  4. OpenAI Blog
    by Sarah Kim · Feb 12, 2026 · 0 likes
  5. Building Accessible Web Applications: A Practical Guide
    by Alex Chen · Feb 12, 2026 · 0 likes
  6. Rapper Lil Poppa dead at 25, days after releasing new music
    Rapper Lil Poppa dead at 25, days after releasing new music
    by Anonymous User · Feb 19, 2026 · 0 likes
  7. write-for-us
    by Volt Raven · Mar 7, 2026 · 0 likes
  8. Before the Coffee Gets Cold: Heartfelt Story of Time Travel and Second Chances
    Before the Coffee Gets Cold: Heartfelt Story of Time Travel and Second Chances
    by Anonymous User · Feb 12, 2026 · 0 likes
    #coffee gets cold #the #time travel
  9. Best DoorDash Promo Code Reddit Finds for Top Discounts
    Best DoorDash Promo Code Reddit Finds for Top Discounts
    by Anonymous User · Feb 12, 2026 · 0 likes
    #doordash #promo #reddit
  10. Premium SEO Services That Boost Rankings & Revenue | VirtualSEO.Expert
    by Anonymous User · Feb 12, 2026 · 0 likes
  11. NBC under fire for commentary about Team USA women's hockey team
    NBC under fire for commentary about Team USA women's hockey team
    by Anonymous User · Feb 18, 2026 · 0 likes
  12. Where to Watch The Nanny: Streaming and Online Viewing Options
    Where to Watch The Nanny: Streaming and Online Viewing Options
    by Anonymous User · Feb 12, 2026 · 0 likes
    #streaming #the nanny #where
  13. How Much Is Kindle Unlimited? Subscription Cost and Plan Details
    How Much Is Kindle Unlimited? Subscription Cost and Plan Details
    by Anonymous User · Feb 12, 2026 · 0 likes
    #kindle unlimited #subscription #unlimited
  14. Russian skater facing backlash for comment about Amber Glenn
    Russian skater facing backlash for comment about Amber Glenn
    by Anonymous User · Feb 18, 2026 · 0 likes
  15. Google News
    Google News
    by Anonymous User · Feb 18, 2026 · 0 likes

Latest on ShareHub

Browse Topics

#ai (2813)#news (1968)#webdev (1147)#business (889)#programming (784)#/business (721)#opensource (637)#sa transcripts (615)#investing (591)#security (580)

Around the Network