jjranalli/nightwind

Support for custom colors with state variants (e.g hover)

epleaner opened this issue · 1 comments

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.

Thanks for pointing this out. Will fix it in one of the future updates!