6 replies

relative color syntax doesn't work with light-dark()?

My color palette is defined using

light-dark()

light-dark()

, e.g.

--bg-1: light-dark(var(--l-bg-1), var(--d-bg-1));

--bg-1: light-dark(var(--l-bg-1), var(--d-bg-1));

If I use relative color syntax, e.g.

background-color: rgb(from var(--bg-1) r g b / .5)

background-color: rgb(from var(--bg-1) r g b / .5)

…it doesn't set it. If I declare

--bg-1

--bg-1

to be something fixed like

#f1f1f1

#f1f1f1

then it works.

I tried in the latest versions of chrome and firefox.

Am I doing it wrong?