joey/busi488energy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: use direct hex color for correlation chart axis labels

Browse Source 
CSS variable hsl(var(--muted-foreground)) doesn't resolve in SVG
context. Use #a1a1aa (zinc-400) directly for reliable visibility
on dark background.
This commit is contained in:
Joey Eamigh 2026-02-11 14:48:26 -05:00
parent 564d212148
commit 3251e30a2e
No known key found for this signature in database
GPG Key ID: CE8C05DFFC53C9CB
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/charts/correlation-chart.tsx
View File

@ -129,7 +129,7 @@ export function CorrelationChart({ data }: CorrelationChartProps) {
type="number" type="number"
dataKey="total_capacity_mw" dataKey="total_capacity_mw"
name="DC Capacity" name="DC Capacity"
tick={{ fontSize: 11, fill: 'hsl(var(--muted-foreground))' }} tick={{ fontSize: 11, fill: '#a1a1aa' }}
tickLine={false} tickLine={false}
axisLine={false} axisLine={false}
tickFormatter={(v: number) => `${v} MW`}> tickFormatter={(v: number) => `${v} MW`}>
@ -137,14 +137,14 @@ export function CorrelationChart({ data }: CorrelationChartProps) {
value="Total DC Capacity (MW)" value="Total DC Capacity (MW)"
offset={-10} offset={-10}
position="insideBottom" position="insideBottom"
style={{ fontSize: 11, fill: 'hsl(var(--muted-foreground))' }} style={{ fontSize: 11, fill: '#a1a1aa' }}
/> />
</XAxis> </XAxis>
<YAxis <YAxis
type="number" type="number"
dataKey="avg_price" dataKey="avg_price"
name="Avg Price" name="Avg Price"
tick={{ fontSize: 11, fill: 'hsl(var(--muted-foreground))' }} tick={{ fontSize: 11, fill: '#a1a1aa' }}
tickLine={false} tickLine={false}
axisLine={false} axisLine={false}
tickFormatter={(v: number) => `$${v}`}> tickFormatter={(v: number) => `$${v}`}>
@ -152,7 +152,7 @@ export function CorrelationChart({ data }: CorrelationChartProps) {
value="Avg Price ($/MWh)" value="Avg Price ($/MWh)"
angle={-90} angle={-90}
position="insideLeft" position="insideLeft"
style={{ fontSize: 11, fill: 'hsl(var(--muted-foreground))' }} style={{ fontSize: 11, fill: '#a1a1aa' }}
/> />
</YAxis> </YAxis>
<ZAxis range={[200, 200]} /> <ZAxis range={[200, 200]} />