Skip to content

Instantly share code, notes, and snippets.

@nocodesupplyco

nocodesupplyco/prefers-dark-light.css

Created December 16, 2022 18:26
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 nocodesupplyco/d6f66f0896edeb5f13e18a4fddcb9ea9 to your computer and use it in GitHub Desktop.
Save nocodesupplyco/d6f66f0896edeb5f13e18a4fddcb9ea9 to your computer and use it in GitHub Desktop.
Download ZIP
@media Prefers Dark/Light Mode
Raw
prefers-dark-light.css
@media (prefers-color-scheme: dark) {
--lightness: 90%;
--text-1: hsl(200 10% var(--lightness));
}
/*Other uses:*/
@media (prefers-contrast: high) {...}
@media (prefers-reduce-transparency: reduce) {...}
@media (forced-colors: high) {...}
@media (light-level: dim) {...}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment