Last updated on October 2, 2025
Text Color
Usage
Please refer to the documentation on the Tailwind CSS website
Compatibility
| Class | Support |
|---|---|
| โ Full Support |
| โ Full Support |
| ๐ Web only |
| ๐ Web only |
Legend
Class
-{n} Supports values from theme
-[n] Supports arbitrary values
Icon
โ Full support
โ๏ธ Partial support on native
๐งช Experimental support on native
๐ฑ Native only
๐ Web only
textOpacity (native only)
For performance reasons, Nativewind renders with the corePlugin textOpacity disabled. This plugin allows text to dynamically change its opacity via the --tw-text-opacity variable. Instead, the opacity is set as a static value in the color property.
If you need to use this feature, you can enable it by adding the following to your tailwind.config.js file: