From 9e128c49457684ae3e9d6b9b3208e9de8c17ec29 Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Sat, 21 Mar 2026 22:49:43 +0100
Subject: [PATCH] fix: remove pattern fill from dashboard chart, use gradient
 only

---
 components/dashboard/Chart.tsx | 14 +++-----------
 1 file changed, 3 insertions(+), 11 deletions(-)

diff --git a/components/dashboard/Chart.tsx b/components/dashboard/Chart.tsx
index b3c9b93..8e4938d 100644
--- a/components/dashboard/Chart.tsx
+++ b/components/dashboard/Chart.tsx
@@ -2,7 +2,7 @@
 
 import { useState, useMemo, useRef, useCallback, useEffect } from 'react'
 import { useTheme } from '@ciphera-net/ui'
-import { AreaChart as VisxAreaChart, Area as VisxArea, Grid as VisxGrid, XAxis as VisxXAxis, YAxis as VisxYAxis, ChartTooltip as VisxChartTooltip, PatternLines as VisxPatternLines, PatternArea as VisxPatternArea, type TooltipRow } from '@/components/ui/area-chart'
+import { AreaChart as VisxAreaChart, Area as VisxArea, Grid as VisxGrid, XAxis as VisxXAxis, YAxis as VisxYAxis, ChartTooltip as VisxChartTooltip, type TooltipRow } from '@/components/ui/area-chart'
 import { Card, CardContent, CardHeader } from '@/components/ui/card'
 import { formatNumber, formatDuration, formatUpdatedAgo, DatePicker } from '@ciphera-net/ui'
 import { Select, DownloadIcon, PlusIcon, XIcon } from '@ciphera-net/ui'
@@ -427,22 +427,14 @@ export default function Chart({
                 aspectRatio="2.5 / 1"
                 margin={{ top: 20, right: 20, bottom: 40, left: 50 }}
               >
-                <VisxPatternLines
-                  id="area-pattern"
-                  width={6}
-                  height={6}
-                  orientation={['diagonal']}
-                  stroke={CHART_COLORS[metric]}
-                  strokeWidth={1}
-                />
-                <VisxPatternArea dataKey={metric} fill="url(#area-pattern)" />
                 <VisxGrid horizontal vertical={false} stroke="var(--chart-grid)" strokeDasharray="4,4" />
                 <VisxArea
                   dataKey={metric}
                   fill={CHART_COLORS[metric]}
-                  fillOpacity={0}
+                  fillOpacity={0.15}
                   stroke={CHART_COLORS[metric]}
                   strokeWidth={2}
+                  gradientToOpacity={0}
                 />
                 <VisxXAxis numTicks={6} />
                 <VisxYAxis