ThemeColors

This interface defines theme-specific color values used in light and dark themes.

Props

PropertyTypeDescription
ring, border, input, dropdownColorValueThemed UI elements
base_background, base_foregroundColorValueMain layer coloring
base_card, base_card_lift, etc.ColorValueCard surfaces
base_accent, base_warning, etc.ColorValueAction and state tokens
brand_primary, etc.ColorValueBrand-aligned thematic tokens

🔁 Unlike GlobalColorsType, ThemeColors is contextual to a theme (light or dark).