dark mode improvements

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>
         )}

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}

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}

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}