undefined | Better HN

0 pointsdavidkunz2y ago0 comments

But why is the order switched below?

Functional notation: light-dark(light-color, dark-color)

0 comments

It's not.. `light-color` refers to the colour you want presented if the user's preference is for a "light" theme.

It's not declaring the relative brightness of the two colours - I agree it could be documented a little less ambiguously with something like `light-theme-color`.

davidkunzOP2y ago

I got confused because I thought it would set a background color. For text it's inverted and hence correct.

erhaetherth2y ago

It sets the foreground/text color because it's used with the `color` property (https://developer.mozilla.org/en-US/docs/Web/CSS/color). You can use it to set the background color too in which case you'd do `background-color: light-dark(white, black);`

j / k navigate · click thread line to collapse