# Brand color

Below is the brand color data structure for `ThemeProvider` within HSDS:

```js
const theme = {
  brandColor: {
    // Main
    brandColor,
    textColor,

    // Shade
    colorShade,
    isWhite,

    // Background
    backgroundColorActive,
    backgroundColorHover,
    backgroundColorInteractive,
    backgroundColorUI,
    backgroundColorUIActive,
    backgroundColorUIFocus,
    backgroundColorUIHover,
    backgroundColorUIMuted,

    // Text
    textColorInactive,
    textColorInteractive,
    textColorMuted,

    // SVG
    svgPathPrimary,
    svgPathSecondary,
  },
}
```
