Colors package
| Package | Description |
|---|---|
colors |
This package contains Material Design colors. |
Importing it#
import { /* color tokens */ } from "@getsoren/design-system/colors";Use this when you need Material Design's color palette directly — for example in custom CSS, in a theme override you're building for ThemeProvider, or anywhere else in your app that needs to stay visually consistent with the rest of the design system without pulling in a full component.
How it relates to theming#
The colors package is independent of ThemeProvider — you can use it standalone even in parts of your app that don't render Soren Design System components. If you're building a custom theme object to pass into ThemeProvider, these are the same color primitives the default theme is built from.