Dark Mode (also known as Night Mode) is one of the most popular webdesign trends of the year. Many websites go dark mode exclusively while other ones like Wikipedia are missing this essential feature. Dark Mode might be better for your eyes, improve battery life and save energy, but the implementation is time consuming. With the javascript and css microframework darkowl i make it is easy to integrate dark mode into your website with a single line of code.

===
If you want to support me, check out solidtime, an open-source time-tracker i'm building: https://www.solidtime.io/
===

Nightowl Github Repository
https://github.com/bufferhead-code/ni...

Original article by Aral Balkan:
https://ar.al/2021/08/24/implementing...

= = = = = =

Darkmode can be implemented in a variety of ways using darkmode features of tailwind CSS or CSS Variables to set colors of text and backgrounds dynamically based on the preferred colors scheme setting of a browser and operating system. But what you end up doing is basically inverting most colors and assigning them again. With darkowl.js this process can be automated to some extend and speed up the implementation of dark mode for simple website a lot. Webdevelopment doesn't have to be difficult.

Music from #Uppbeat (free for Creators!):
https://uppbeat.io/t/hartzmann/purple...
License code: VWWRDEFWATQMADGZ