diff --git a/src/components/head/page-head-colors.webc b/src/components/head/page-head-colors.webc
index e84b6e8..dddc81e 100644
--- a/src/components/head/page-head-colors.webc
+++ b/src/components/head/page-head-colors.webc
@@ -45,8 +45,9 @@
 
     --clr-color-box-background: var(--theme-c-primary-200);
 
-    --clr-quick-info-bg-start: var(--theme-c-primary-100);
-    --clr-quick-info-bg-end: var(--theme-c-primary-150);
+    --clr-quick-info-background: var(--theme-c-primary-150);
+    --clr-quick-info-gradient-start: oklch(from var(--clr-quick-info-background) calc(l + 0.1) c h);
+    --clr-quick-info-gradient-end: oklch(from var(--clr-quick-info-background) l c h);
 
     @media (prefers-color-scheme: dark) {
       --clr-page-background: var(--theme-c-primary-850);
@@ -62,8 +63,7 @@
 
       --clr-color-box-background: var(--theme-c-primary-700);
 
-      --clr-quick-info-bg-start: var(--theme-c-primary-700);
-      --clr-quick-info-bg-end: var(--theme-c-primary-750);
+      --clr-quick-info-background: var(--theme-c-primary-750);
     }
   }