Add Dark Mode to Your Website

Add dark mode to your website using DarkReader. This is a simple way to add dark mode to your website.

• GitHub: https://github.com/darkreader/darkreader
• Add code below to _includes/head.html in your Jekyll project.

  1 2 3 4 5 6 7 8 9

  {% if jekyll.environment == 'production' -%} <!-- dark theme using DarkReader --> <script src="//unpkg.com/darkreader@4.9.40/darkreader.js"></script> <script type="text/javascript"> DarkReader.setFetchMethod(window.fetch); // Fix to remedy CORS errors in chrome console //DarkReader.enable(); DarkReader.auto( {brightness: 100, contrast: 90, sepia: 10} ); </script> {%- endif %}

  
  
  

Reference:
reference the implementation from link