Menu
Home Get started
Utilities
Components

Colors

The theme provides predefined main colors: primary, secondary, success, warning, error, white and black.
Background Colors
bg-primary
bg-secondary
bg-success
bg-warning
bg-error
bg-white
bg-black
Background Opacity
no opacity
opacity 75
opacity 50
opacity 25
opacity 10
Background Gray Scales
bg-gray-50
bg-gray-100
bg-gray-150
bg-gray-200
bg-gray-250
bg-gray-300
bg-gray-350
bg-gray-400
bg-gray-450
bg-gray-500
bg-gray-550
bg-gray-600
bg-gray-650
bg-gray-700
bg-gray-750
bg-gray-800
bg-gray-850
bg-gray-900
bg-gray-950
Text Colors
text-primary
text-secondary
text-success
text-warning
text-error
text-black
text-white
Text Gray Scales
text-gray-50
text-gray-100
text-gray-150
text-gray-200
text-gray-250
text-gray-300
text-gray-350
text-gray-400
text-gray-450
text-gray-500
text-gray-550
text-gray-600
text-gray-650
text-gray-700
text-gray-750
text-gray-800
text-gray-850
text-gray-900
text-gray-950

Previous: General

← Get started

Next: Utilities

Typography →