Support for custom colors with state variants (e.g hover)
epleaner opened this issue · 1 comments
epleaner commented
Expected:
Mirroring tailwindcss/typography's state variant customization (shown here), I expect this custom hover color to be applied to anchors when in dark mode.
My tailwind.config.js fragment:
module.exports = {
darkMode: "class",
theme: {
nightwind: (theme) => ({
typography: {
a: {
color: theme("colors.green.500", defaultTheme.colors.green[500]),
"&:hover": {
color: theme("colors.red.100", defaultTheme.colors.red[100]),
},
},
},
}),
plugins: [
require("nightwind"),
],
};
Actual:
No hover color is applied; anchors remain the same color as non-hover state.
To be clear: nightwind is working as expected in all other aspects, it's just hover that doesn't seem to be applying. I have no hover:text-xxx-xxx css overrides in any components or tailwind.scss.
jjranalli commented
Thanks for pointing this out. Will fix it in one of the future updates!