Colors
Foundational color tokens for backgrounds, borders, text and charts.
bg-background
bg-background
bg-secondary
bg-secondary
bg-tertiary
bg-tertiary
bg-quaternary
bg-quaternary
bg-surface
bg-surface
bg-surface-inverted
bg-surface-inverted
bg-elevated
bg-elevated
text-primary
text-primary
text-secondary
text-secondary
text-tertiary
text-tertiary
text-quaternary
text-quaternary
border-primary
border-primary
border-primary-solid
border-primary-solid
border-secondary
border-secondary
border-secondary-solid
border-secondary-solid
border-inverted
border-inverted
text-brand-primary
text-brand-primary
text-brand-primary-hover
text-brand-primary-hover
text-brand-secondary
text-brand-secondary
text-brand-secondary-solid
text-brand-secondary-solid
text-brand-foreground
text-brand-foreground
text-brand-inverted
text-brand-inverted
destructive
destructive
warning
warning
ring
ring
PreviousIntroduction
NextTypography
© 2026 Rogo Technologies Inc.