FluttyUI Logo
FluttyUI
Customization

Colors

Configure semantic color tokens in FluttyUI for brand consistency, accessibility, and reusable UI states.

Use semantic tokens such as primary, success, warning, and danger instead of raw hex values in component code.

Best practices

  • Keep a clear contrast ratio for text and surfaces
  • Separate brand tokens from status tokens
  • Test light and dark mode palettes together

This approach improves maintainability and helps teams scale design updates safely.

On this page