Skip to content

Instantly share code, notes, and snippets.

@cferdinandi
Created September 8, 2017 14:07
Show Gist options
  • Save cferdinandi/28a8896007cd26d91c6b8a403f4180b3 to your computer and use it in GitHub Desktop.
Save cferdinandi/28a8896007cd26d91c6b8a403f4180b3 to your computer and use it in GitHub Desktop.
A simple script for toggling night mode on/off on a website.
var toggleNightMode = function () {
var nightMode = document.querySelector('#night-mode-styles');
if (nightMode) {
nightMode.parentNode.removeChild(nightMode);
return;
}
var ref = window.document.getElementsByTagName('script')[0];
nightMode = document.createElement('style');
nightMode.id = 'night-mode-styles';
nightMode.innerHTML = 'body{filter:invert(1) hue-rotate(180deg);background:#000000;}iframe,img,video{filter:invert(1) hue-rotate(180deg);}img{opacity:0.7;}img:hover{opacity:1;}';
ref.parentNode.insertBefore(nightMode, ref);
};
@cferdinandi
Copy link
Author

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment