Skip to content

Instantly share code, notes, and snippets.

@fdrobidoux

fdrobidoux/easy-dark-mode.css

Last active November 21, 2019 19:13
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save fdrobidoux/da9321071e1238d60485cf553a4a32c7 to your computer and use it in GitHub Desktop.
Save fdrobidoux/da9321071e1238d60485cf553a4a32c7 to your computer and use it in GitHub Desktop.
Download ZIP
Easiest way to turn any web page into an alternative, dark-themed design. Based on Zeal's dark mode CSS file.
Raw
easy-dark-mode.css
/* Based on https://github.com/zealdocs/zeal/blob/master/src/app/resources/browser/assets/css/darkmode.css */
html {
-webkit-filter: invert() hue-rotate(180deg) contrast(70%);
filter: invert() hue-rotate(180deg) contrast(70%);
background: #333;
}
html img {
-webkit-filter: invert() hue-rotate(180deg) contrast(120%);
filter: invert() hue-rotate(180deg) contrast(120%);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment