Skip to content

Instantly share code, notes, and snippets.

@willmendesneto

willmendesneto/dark-mode-via-css-media-query.css

Last active July 5, 2020 18:55
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 willmendesneto/34f501c84d8562cbbce165af9f0094dd to your computer and use it in GitHub Desktop.
Save willmendesneto/34f501c84d8562cbbce165af9f0094dd to your computer and use it in GitHub Desktop.
Download ZIP
dark-mode via css media query
Raw
dark-mode-via-css-media-query.css
html {
background: #FFFFFF;
}
// Detect if the user has requested the system
// use a light or dark color theme.
// More details about `prefers-color-scheme` in https://web.dev/prefers-color-scheme/
@media (prefers-color-scheme: "dark") {
html {
filter: invert(100%);
}
img, video {
filter: invert(100%);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment