himalay/dark.md

Created September 23, 2020 15:23

Star () You must be signed in to star a gist
Fork () You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/himalay/f8eebba074cb717368e2177458dbe3dd.js"></script>
Save himalay/f8eebba074cb717368e2177458dbe3dd to your computer and use it in GitHub Desktop.

Download ZIP

Dark theme

Raw

dark.md

https://dev.to/dip15739/dark-mode-with-only-1-css-property-17fl

html[theme='dark-mode'] {
    filter: invert(1) hue-rotate(180deg);
}
html[theme='dark-mode'] img,
picture,
video{
    filter: invert(1) hue-rotate(180deg);
}
.invert { filter: invert(1) hue-rotate(180deg); }

function comeToTheDarkside() {
  document.documentElement.style.filter = 'invert(1) hue-rotate(180deg)';
  document.body.querySelectorAll('img, picture, video')
  .forEach(el => el.style.filter = 'invert(1) hue-rotate(180deg)');
}