44 lines
1.2 KiB
TypeScript
44 lines
1.2 KiB
TypeScript
|
const fontFamily = '-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif'
|
||
|
|
|
||
|
|
const colors = {
|
||
|
|
primary: '#3784fa',
|
||
|
|
primarySoft: '#eff6ff',
|
||
|
|
primaryFaint: 'rgba(55,132,250,0.03)',
|
||
|
|
primaryLight: '#5b9bfb',
|
||
|
|
teal: '#169b9b',
|
||
|
|
tealLight: '#46b5bc',
|
||
|
|
green: '#18a46f',
|
||
|
|
purple: '#8b5cf6',
|
||
|
|
amber: '#bf850e',
|
||
|
|
rose: '#e85e70',
|
||
|
|
muted: '#64748b',
|
||
|
|
text: '#1f2937',
|
||
|
|
border: '#e5eaf2',
|
||
|
|
axis: '#d8e2ef',
|
||
|
|
unknown: '#a2adbf',
|
||
|
|
surface: '#fff',
|
||
|
|
}
|
||
|
|
|
||
|
|
/** Explicitly consumed by workbench charts; never registers a global ECharts theme. */
|
||
|
|
export const adminWorkbenchChartTheme = {
|
||
|
|
fontFamily,
|
||
|
|
colors,
|
||
|
|
tooltip: {
|
||
|
|
backgroundColor: colors.surface,
|
||
|
|
borderColor: colors.border,
|
||
|
|
borderWidth: 1,
|
||
|
|
borderRadius: 10,
|
||
|
|
padding: 12,
|
||
|
|
extraCssText: 'box-shadow: 0 8px 24px rgba(31, 55, 90, 0.1);',
|
||
|
|
textStyle: { color: colors.text, fontSize: 12, fontFamily },
|
||
|
|
},
|
||
|
|
axisLabel: { color: colors.muted, fontSize: 12 },
|
||
|
|
axisName: { color: colors.muted, fontSize: 12 },
|
||
|
|
splitLine: {
|
||
|
|
show: true,
|
||
|
|
lineStyle: { type: 'dashed' as const, color: colors.border, opacity: 0.8 },
|
||
|
|
},
|
||
|
|
}
|
||
|
|
|
||
|
|
export type AdminWorkbenchChartTheme = typeof adminWorkbenchChartTheme
|