Multiple themes support for tailwindcss. Developing with one theme and it works with multiple themes, all you need is just to define your default (for shade 500) color values for your theme. We will generate all shades from 50 to 900 for you, following the built-in shade name convention of the default color values.

Yiming Li
GitHub ID: upupming

Themeable

How it wroks
We follow the Dracula color palette definition for the name convention of all colors. All shades are automatically generated, so it may not look nicely as the tailwindcss official shades (which is manually chosen). You can override the auto generated values if you wish by passing an object with different shades to a palette.

Current Theme Colors

bg-themeable-background-{50-900}
bg-themeable-foreground-{50-900}
bg-themeable-selection-{50-900}
bg-themeable-comment-{50-900}
bg-themeable-cyan-{50-900}
bg-themeable-green-{50-900}
bg-themeable-orange-{50-900}
bg-themeable-pink-{50-900}
bg-themeable-purple-{50-900}
bg-themeable-red-{50-900}
bg-themeable-yellow-{50-900}