CSS: light-dark(lightColor, darkColor)
This is a little gem I've found. In the future, this can save some lines of code.
An example implementation could be:
:root {
--theme-bg-light: #eeeeee;
--theme-bg-dark: #111111;
}
.my-component {
background-color: light-dark(var(--theme-bg-light), var(--theme-bg-dark));
}
I'm excited to use this feature in non-tailwind projects. :)
38/100 of #100DaysToOffload