21 replies

Dynamically setting the color in TailwindCSS.

I am working with Next.js and Tailwind CSS and using

Context API

Context API

Context API

Context API to set the theme of my webpage dynamically. I have a color palette of 8 colors.
But

hover:${themeColor.bg.base}

hover:${themeColor.bg.base}

hover:${themeColor.bg.base}

hover:${themeColor.bg.base} is not working with hover, otherwise the color is working fine.

themeColor.hover.base

themeColor.hover.base

themeColor.hover.base

themeColor.hover.base actually points to

bg-themeColor2Base

bg-themeColor2Base

bg-themeColor2Base

bg-themeColor2Base, and

themeColor2Base

themeColor2Base

themeColor2Base

themeColor2Base is defined in

tailwind.config.css

tailwind.config.css

tailwind.config.css

tailwind.config.css.