edouardproust / dark-mode-toogle-bookmark

Toogle dark and light mode for any website directly clicking on a Bookmark. This is the most reliable code for applying Dark mode on Github as it inverts colors of the page instead of changing backgrounds and font colors.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Dark Mode Toogle [Bookmark]

Toggle Dark / Light mode for any website directly clicking on a Bookmark. This is the most reliable code for applying Dark mode on Github as it inverts colors of the page instead of changing backgrounds and font colors.

  • Works perfectly for Google products (Calendar, Docs, Sheet, Ads, Analytics, Tag Manager), Facebook, Instagram, etc.
  • Works on any browser.

image image

How to use

  1. Download and unzip the file
  2. Import dark_mode_toggle.html in your internet browser favorites.
  3. OR copy the code of dark_mode_toggle.js file and paste it in a bookmark of your internet browser. image
  4. Click on the bookmark to toggle webpage dark/light mode.

Change contrast

To adapt contrast, change DARK_PERCENT const with a number between 51 and 100.

About

Toogle dark and light mode for any website directly clicking on a Bookmark. This is the most reliable code for applying Dark mode on Github as it inverts colors of the page instead of changing backgrounds and font colors.


Languages

Language:HTML 60.6%Language:JavaScript 39.4%