diff --git a/frontend/src/components/git/ForgejoHeatmap.tsx b/frontend/src/components/git/ForgejoHeatmap.tsx
index 2acd029..217e9e1 100644
--- a/frontend/src/components/git/ForgejoHeatmap.tsx
+++ b/frontend/src/components/git/ForgejoHeatmap.tsx
@@ -833,7 +833,7 @@ export function ForgejoHeatmap({
         {[0, 1].map((i) => (
           <div
             key={i}
-            className="rounded-xl border border-[color:var(--border)] bg-[linear-gradient(145deg,rgba(52,211,153,0.14),var(--surface)_44%)] p-4"
+            className="rounded-xl border border-[color:var(--border)] bg-[color:var(--surface)] p-4"
           >
             <div className="mb-3 flex justify-between">
               <div
@@ -859,7 +859,7 @@ export function ForgejoHeatmap({
     <div className="space-y-4">
       {/* ── Two cards ───────────────────────────────────────────── */}
       <div className="grid grid-cols-1 gap-4 lg:grid-cols-2">
-        <section className="rounded-xl border border-[color:var(--border)] bg-[linear-gradient(145deg,rgba(52,211,153,0.14),var(--surface)_44%)] p-4 shadow-lush">
+        <section className="rounded-xl border border-[color:var(--border)] bg-[color:var(--surface)] p-4 shadow-lush">
           <LineChart
             days={days}
             range={lineRange}
@@ -867,7 +867,7 @@ export function ForgejoHeatmap({
             lastPush={lastPush}
           />
         </section>
-        <section className="rounded-xl border border-[color:var(--border)] bg-[linear-gradient(145deg,rgba(52,211,153,0.14),var(--surface)_44%)] p-4 shadow-lush">
+        <section className="rounded-xl border border-[color:var(--border)] bg-[color:var(--surface)] p-4 shadow-lush">
           <HeatmapGrid
             days={days}
             range={heatRange}
diff --git a/frontend/src/components/git/ForgejoIssueMetricCards.tsx b/frontend/src/components/git/ForgejoIssueMetricCards.tsx
index 4dd0b9f..fbc8e4c 100644
--- a/frontend/src/components/git/ForgejoIssueMetricCards.tsx
+++ b/frontend/src/components/git/ForgejoIssueMetricCards.tsx
@@ -402,7 +402,7 @@ export function ForgejoIssueMetricCards({
   ];
 
   return (
-    <section className="rounded-xl border border-[color:var(--border)] bg-[linear-gradient(145deg,rgba(251,191,36,0.13),var(--surface)_44%)] p-4 shadow-lush md:p-6">
+    <section className="rounded-xl border border-[color:var(--border)] bg-[color:var(--surface)] p-4 shadow-lush md:p-6">
       <div className="mb-4 flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
         <div className="min-w-0">
           <h3 className="text-lg font-semibold text-strong">