@synergy-design-system/components
Version:
41 lines (38 loc) • 1.19 kB
JavaScript
import {
PALETTE_TOKENS
} from "./chunk.JOYNXTII.js";
import {
axisCommonStyles
} from "./chunk.KMZLWOXI.js";
import {
getRealStyleValue
} from "./chunk.DKVCRWJF.js";
// src/components/chart/themes/light.ts
var categoricalColors = PALETTE_TOKENS.categorical.map(getRealStyleValue).filter(Boolean);
var synergyLightTheme = {
categoryAxis: axisCommonStyles(),
// Default color palette for charts, is categorical by default but can be overridden by setting the palette property on the chart component or by directly setting config.color
color: categoricalColors,
darkMode: "auto",
grid: {
bottom: 0,
left: 0,
// This is needed otherwise the last splitLine of the xAxis is cut off
right: 1,
top: 0
},
logAxis: axisCommonStyles(),
// Global font style
textStyle: {
color: getRealStyleValue("--syn-typography-color-text"),
fontFamily: getRealStyleValue("--syn-font-sans"),
fontSize: getRealStyleValue("--syn-font-size-small"),
fontWeight: getRealStyleValue("--syn-font-weight-normal")
},
timeAxis: axisCommonStyles(),
valueAxis: axisCommonStyles()
};
export {
synergyLightTheme
};
//# sourceMappingURL=chunk.MLDHXUGM.js.map