29 lines
823 B
TypeScript
29 lines
823 B
TypeScript
|
/**
|
||
|
|
* Chart theme — token-driven colors for all data viz (recharts + custom SVG).
|
||
|
|
* Values reference CSS variables so charts re-theme with the [data-theme]
|
||
|
|
* presets in globals.css. EMA hues are fixed, distinct colors (work on any
|
||
|
|
* background); grid/axis/up/down/accent follow the active theme.
|
||
|
|
*/
|
||
|
|
export const chart = {
|
||
|
|
grid: "var(--color-line)",
|
||
|
|
axis: "var(--color-fg-muted)",
|
||
|
|
text: "var(--color-fg-muted)",
|
||
|
|
up: "var(--color-up)",
|
||
|
|
down: "var(--color-down)",
|
||
|
|
accent: "var(--color-accent)",
|
||
|
|
neutral: "#6b7280",
|
||
|
|
emaColors: {
|
||
|
|
9: "#f472b6",
|
||
|
|
21: "#a78bfa",
|
||
|
|
50: "#60a5fa",
|
||
|
|
200: "#34d399",
|
||
|
|
},
|
||
|
|
tooltip: {
|
||
|
|
backgroundColor: "var(--color-surface-raised)",
|
||
|
|
border: "1px solid var(--color-line)",
|
||
|
|
borderRadius: 6,
|
||
|
|
color: "var(--color-fg)",
|
||
|
|
fontSize: 12,
|
||
|
|
},
|
||
|
|
} as const;
|