Skip to main content
type ComponentColors = Flattened<{
  colors: typeof colorsComponents;
}>;
Component colors are the colors for the individual UI components. They inherit values from the SemanticColors via CSS variables.

Example

const theme: Partial<ComponentColors> = {
  "colors-cta-primary-bg-default": "var(--cdp-web-colors-bg-primary)",
};

See