AI Better UIUI

AI Better UI

UI Kit for AI & Vue

Theme

Use tailwindcss to maintain UI style

Color Tokens

ColorDescription
color-50Lightest background color, large area background
color-100Card/container background color
color-200Disabled state
color-300Border line/divider line
color-400Secondary action
color-500Base color
color-600Primary action
color-700Hover state
color-800Active state
color-900Emphasis state
color-950Darkest border color

Semantic Tokens

ColorDescription
primaryPrimary color
secondarySecondary color
accentAccent color
mutedMuted color
infoInfo color
successSuccess color
warningWarning color
errorError color