From 1a0d9d9e9dea0f6cb683ec7cc933bbcb452fc73d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Carl-Gerhard=20Lindesva=CC=88rd?= <lindesvard@gmail.com>
Date: Tue, 2 Apr 2024 11:37:11 +0200
Subject: [PATCH] dark mode improvements

---
 .../src/components/report/chart/ReportAreaChart.tsx         | 1 +
 .../src/components/report/chart/ReportHistogramChart.tsx    | 6 +++++-
 .../src/components/report/chart/ReportLineChart.tsx         | 2 ++
 apps/dashboard/src/components/ui/table.tsx                  | 2 +-
 4 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/apps/dashboard/src/components/report/chart/ReportAreaChart.tsx b/apps/dashboard/src/components/report/chart/ReportAreaChart.tsx
index 9e156d85..27126d21 100644
--- a/apps/dashboard/src/components/report/chart/ReportAreaChart.tsx
+++ b/apps/dashboard/src/components/report/chart/ReportAreaChart.tsx
@@ -104,6 +104,7 @@ export function ReportAreaChart({
               strokeDasharray="3 3"
               horizontal={true}
               vertical={false}
+              className="stroke-slate-300"
             />
           </AreaChart>
         )}
diff --git a/apps/dashboard/src/components/report/chart/ReportHistogramChart.tsx b/apps/dashboard/src/components/report/chart/ReportHistogramChart.tsx
index ef7c1f41..1e8bd31b 100644
--- a/apps/dashboard/src/components/report/chart/ReportHistogramChart.tsx
+++ b/apps/dashboard/src/components/report/chart/ReportHistogramChart.tsx
@@ -47,7 +47,11 @@ export function ReportHistogramChart({
       <ResponsiveContainer>
         {({ width, height }) => (
           <BarChart width={width} height={height} data={rechartData}>
-            <CartesianGrid strokeDasharray="3 3" vertical={false} />
+            <CartesianGrid
+              strokeDasharray="3 3"
+              vertical={false}
+              className="stroke-slate-300"
+            />
             <Tooltip content={<ReportChartTooltip />} cursor={<BarHover />} />
             <XAxis
               fontSize={12}
diff --git a/apps/dashboard/src/components/report/chart/ReportLineChart.tsx b/apps/dashboard/src/components/report/chart/ReportLineChart.tsx
index 8d9cdac7..8310c599 100644
--- a/apps/dashboard/src/components/report/chart/ReportLineChart.tsx
+++ b/apps/dashboard/src/components/report/chart/ReportLineChart.tsx
@@ -54,6 +54,7 @@ export function ReportLineChart({
               strokeDasharray="3 3"
               horizontal={true}
               vertical={false}
+              className="stroke-slate-300"
             />
             {references.map((ref) => (
               <ReferenceLine
@@ -93,6 +94,7 @@ export function ReportLineChart({
               return (
                 <React.Fragment key={serie.name}>
                   <Line
+                    dot={false}
                     type={lineType}
                     key={serie.name}
                     name={serie.name}
diff --git a/apps/dashboard/src/components/ui/table.tsx b/apps/dashboard/src/components/ui/table.tsx
index 4a2a083e..b83becbc 100644
--- a/apps/dashboard/src/components/ui/table.tsx
+++ b/apps/dashboard/src/components/ui/table.tsx
@@ -75,7 +75,7 @@ const TableHead = React.forwardRef<
   <th
     ref={ref}
     className={cn(
-      'h-10 border-b border-border bg-slate-50 px-4 text-left align-middle text-sm font-medium text-muted-foreground text-slate-500 shadow-[0_0_0_0.5px] shadow-border [&:has([role=checkbox])]:pr-0',
+      'h-10 border-b border-border bg-slate-100 px-4 text-left align-middle text-sm font-medium text-muted-foreground shadow-[0_0_0_0.5px] shadow-border [&:has([role=checkbox])]:pr-0',
       className
     )}
     {...props}