Skip to content

Instantly share code, notes, and snippets.

@cadoo

cadoo/oklch.css

Created August 30, 2023 13:54
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 cadoo/b77485f766fff002df0ba5a96f203cf5 to your computer and use it in GitHub Desktop.
Save cadoo/b77485f766fff002df0ba5a96f203cf5 to your computer and use it in GitHub Desktop.
Download ZIP
OKLCH colors with fallback
Raw
oklch.css
html {
--brandYellow: hsl(53.81 97% 58%);
background: var(--brandYellow);
}
@supports (color: oklch(0% 0 0)) {
html {
--brandYellow: oklch(91.91% 0.22 102.16);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment