Skip to content

Instantly share code, notes, and snippets.

@hail2u

hail2u/color-mix.css

Created March 20, 2025 02:59
Show Gist options
  • Save hail2u/eafe34245283cc35bba220af5dc20f32 to your computer and use it in GitHub Desktop.
Save hail2u/eafe34245283cc35bba220af5dc20f32 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
color-mix.css
:root {
--color-bw: light-dark(black, white);
--color-background: light-dark(hsl(48 48% 93%), hsl(48 48% 3%));
--color-background-tone: color-mix(
in hsl,
var(--color-background),
var(--color-bw) 6%
);
--color-on-background: color-mix(
in hsl,
var(--color-background),
var(--color-bw) 78%
);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment