Radix Colors CSS Generator

Global Options

This option will includes .light and .dark class.

Generate tailwind config for the Radix CSS custom properties.

Shared Options

All this options will be share with all colors.

Prefix for generated CSS custom properties.

Required

The separator between prefix and color name.

Required

The separator before the step number.

Required

The identifier for overlay on CSS custom property.

Required

The separator between color name and overlay identifier.

Required

The overlay identifier for tailwind classes.

Required

read on Tailwind CSS Docs.

Color Options

Name that will be use for CSS custom properties and Tailwind classes.

Required

Generate alpha colors.

List of color step to includes separate with comma(,).

Required

List of overlay step to includes separate with comma(,).

Required

Map default step number to custom number separate with comma(,).

Required