diff --git a/index.html b/index.html
index 7e5cd41..e3726ab 100644
--- a/index.html
+++ b/index.html
@@ -1106,8 +1106,10 @@
     }
 
     .heat-avg {
-      color: #f8faf7;
-      background: linear-gradient(135deg, #4f46e5, #ec4899) !important;
+      color: #4338ca;
+      background:
+        linear-gradient(135deg, rgba(79, 70, 229, 0.12), rgba(236, 72, 153, 0.10)),
+        #f8fafc !important;
       font-weight: 700;
     }
 
diff --git a/skillopt.html b/skillopt.html
index 7e5cd41..e3726ab 100644
--- a/skillopt.html
+++ b/skillopt.html
@@ -1106,8 +1106,10 @@
     }
 
     .heat-avg {
-      color: #f8faf7;
-      background: linear-gradient(135deg, #4f46e5, #ec4899) !important;
+      color: #4338ca;
+      background:
+        linear-gradient(135deg, rgba(79, 70, 229, 0.12), rgba(236, 72, 153, 0.10)),
+        #f8fafc !important;
       font-weight: 700;
     }