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}