Styling/ Colors

Default Colors

For full color palette, visit Tailwind Colors.

SLATE, GRAY, ZINC, NEUTRAL, STONE, RED, ORANGE, AMBER, YELLOW, LIME, GREEN, EMERALD, TEAL, CYAN, SKY, BLUE, INDIGO, VIOLET, PURPLE, FUCHSIA, PINK, and ROSE.

Custom Color Slots

BASE, PRIMARY, and SECONDARY.

Color Tones

Each color has 11 tones, from light to dark: 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950.

Each tone has a semi-transparent variant.

USS Variables

You can use uss variables in your style sheets.

USS Classes

Or you can use uss classes to directly color your visual elements.

In addition to colors listed above, the classes also include 'transparent', 'black', and 'white'.

Background Color

Format: bg-{color}-{tone}

Text Color

Format: text-{color}-{tone}

Border Color

Format: border-{color}-{tone}

Image Tint Color

Format: tint-{color}-{tone}

UIColor Class

Allows you to easily apply uss classes listed above to VisualElements from code.