Skip to main content

Chart Theming

The Chart Theme parameter on each of the chart components uses the same Fluent Themes as the PowerCAT Creator Kit.

Fluent Theme Format
{
palette: {
themePrimary: "#190A4F",
themeLighterAlt: "#eff7f9",
themeLighter: "#c3dfe8",
themeLight: "#95c5d4",
themeTertiary: "#4492a9",
themeSecondary: "#106781",
themeDarkAlt: "#190A4F",
themeDark: "#004155",
themeDarker: "#00303f",
neutralLighterAlt: "#faf9f8",
neutralLighter: "#f3f2f1",
neutralLight: "#edebe9",
neutralQuaternaryAlt: "#e1dfdd",
neutralQuaternary: "#d0d0d0",
neutralTertiaryAlt: "#c8c6c4",
neutralTertiary: "#a19f9d",
neutralSecondary: "#605e5c",
neutralPrimaryAlt: "#3b3a39",
neutralPrimary: "#323130",
neutralDark: "#201f1e",
black: "#000000",
white: "#ffffff"
}
}