diff --git a/src/components/ComparisonChart.tsx b/src/components/ComparisonChart.tsx
index cefa3fac..a2eeac6a 100644
--- a/src/components/ComparisonChart.tsx
+++ b/src/components/ComparisonChart.tsx
@@ -100,7 +100,7 @@ export default function ComparisonChart({
             wrapperStyle={{ fontSize: "12px", paddingTop: "10px" }}
           />
           <Bar dataKey="me" fill="var(--accent)" radius={[4, 4, 0, 0]} maxBarSize={28} />
-          <Bar dataKey="friend" fill="#6366f1" radius={[4, 4, 0, 0]} maxBarSize={28} />
+          <Bar dataKey="friend" fill="var(--accent-secondary)" radius={[4, 4, 0, 0]} maxBarSize={28} />
         </BarChart>
       </ResponsiveContainer>
     </div>
diff --git a/src/components/MiniPRTrendChart.tsx b/src/components/MiniPRTrendChart.tsx
index 99dfb2d0..c48d8bb3 100644
--- a/src/components/MiniPRTrendChart.tsx
+++ b/src/components/MiniPRTrendChart.tsx
@@ -117,8 +117,8 @@ export default function MiniPRTrendChart() {
   }
 
   let strokeColor = "var(--accent)";
-  if (stats.trendText === "Improving") strokeColor = "#16a34a";
-  if (stats.trendText === "Degrading") strokeColor = "#dc2626";
+  if (stats.trendText === "Improving") strokeColor = "var(--success)";
+  if (stats.trendText === "Degrading") strokeColor = "var(--destructive)";
 
   return (
     <div className="mt-4 flex h-16 w-full items-center justify-between gap-4 rounded-lg bg-[var(--control)] p-3 border border-[var(--border)]">
diff --git a/src/components/PRBreakdownChart.tsx b/src/components/PRBreakdownChart.tsx
index 5977be52..2e69a155 100644
--- a/src/components/PRBreakdownChart.tsx
+++ b/src/components/PRBreakdownChart.tsx
@@ -12,10 +12,10 @@ interface PRBreakdown {
 }
 
 const SLICES: { key: keyof PRBreakdown; label: string; color: string }[] = [
-  { key: "open",   label: "Open",   color: "#6366f1" },
-  { key: "merged", label: "Merged", color: "#34d399" },
-  { key: "closed", label: "Closed", color: "#fb923c" },
-  { key: "draft",  label: "Draft",  color: "#94a3b8" },
+  { key: "open",   label: "Open",   color: "var(--accent)" },
+  { key: "merged", label: "Merged", color: "var(--success)" },
+  { key: "closed", label: "Closed", color: "var(--warning)" },
+  { key: "draft",  label: "Draft",  color: "var(--muted-foreground)" },
 ];
 
 export default function PRBreakdownChart() {
diff --git a/src/components/repo-analytics/RepoTimelineChart.tsx b/src/components/repo-analytics/RepoTimelineChart.tsx
index d727b530..1d24ac15 100644
--- a/src/components/repo-analytics/RepoTimelineChart.tsx
+++ b/src/components/repo-analytics/RepoTimelineChart.tsx
@@ -48,14 +48,14 @@ export default function RepoTimelineChart({ timeline }: { timeline: TimelinePoin
             <Line 
               type="monotone" 
               dataKey="prs" 
-              stroke="var(--chart-cyan)" 
+              stroke="var(--accent-secondary)" 
               strokeWidth={2} 
               dot={false}
             />
             <Line 
               type="monotone" 
               dataKey="issues" 
-              stroke="var(--chart-orange)" 
+              stroke="var(--warning)" 
               strokeWidth={2} 
               dot={false}
             />