Use theme-aware chart colors and update color variables

src/app/dashboard/_components/revenue-chart.tsx

@@ -87,7 +87,7 @@ export function RevenueChart({ invoices }: RevenueChartProps) {
       return (
         <div className="bg-card border-border rounded-lg border p-3 shadow-lg">
           <p className="font-medium">{label}</p>
-          <p style={{ color: "hsl(210 40% 50%)" }}>
+          <p style={{ color: "oklch(var(--chart-1))" }}>
             Revenue: {formatCurrency(data.revenue)}
           </p>
           <p className="text-muted-foreground text-sm">
@@ -122,12 +122,12 @@ export function RevenueChart({ invoices }: RevenueChartProps) {
             <linearGradient id="revenueGradient" x1="0" y1="0" x2="0" y2="1">
               <stop
                 offset="5%"
-                stopColor="hsl(210 40% 70%)"
+                stopColor="oklch(var(--chart-1))"
                 stopOpacity={0.4}
               />
               <stop
                 offset="95%"
-                stopColor="hsl(210 40% 70%)"
+                stopColor="oklch(var(--chart-1))"
                 stopOpacity={0.05}
               />
             </linearGradient>
@@ -148,7 +148,7 @@ export function RevenueChart({ invoices }: RevenueChartProps) {
           <Area
             type="monotone"
             dataKey="revenue"
-            stroke="hsl(210 40% 60%)"
+            stroke="oklch(var(--chart-1))"
             strokeWidth={2}
             fill="url(#revenueGradient)"
           />