Themes (Real Colors)

Themes map Real Colors to your Context Colors at run-time. It's that simple!

Typically, you will define multiple color themes. However it is surprising what you can do with a single theme. For example, you can make minor color adjustments throughout your entire application from a single source (i.e. your theme)!

Never the less, once you have gone through this process, it is a minimal effort to define multiple themes, so you might as well take the plunge!

In tw-themes Real Colors are supplied through tailwind's standard color pallet. This includes a total of 220 colors (22 base colors, each with 10 shades).

If that is not enough, you can also specify Real Colors through CSS compatible color definitions (ex: '#8050c8'). This however is discouraged, because you loose the capability to invert shades, and define opacity (see Themes for more detail).