Colors
A purposeful palette, from foundational tokens to semantic component colors.
Color gives actions emphasis and makes state easier to recognize. Use the 19 shared ComponentColor choices for component intent, and foundational tokens for surfaces and custom composition.
Use words such as “Saved”, “Pending”, or “Failed” to explain status. A green or red surface alone is not enough. Contrast values below describe the displayed foreground/background pair.
The tokens behind the interface
These are the shared BluUITheme values for the current appearance. Choose Light, Dark, or System in the header. Presets use Ant Design filled colors; status badges use solid colors. Primary, Secondary, and Danger stay compatible with existing pages.
Use semantic roles
Primary identifies the main action. Default and Secondary support it. Success, Warning, and Danger communicate outcomes and conditions.
Check the actual pairing
Contrast depends on both foreground and background. Target at least 4.5:1 for normal text and 3:1 for large text. Verify focus, borders, and states separately.