Usage

Colors are available as CSS variables, eliminating the need for imports or additional setup. Simply reference the variables directly in your styles.

We use CSS variables for colors to support theming, allowing values to change dynamically at runtime based on the active theme.

.my-class {  
  background-color: var(--cds-color-background-soft);  
  color: var(--cds-color-text-default);  
}