diff --git a/assets/styles/layout/variables/main/_dark.scss b/assets/styles/layout/variables/main/_dark.scss
index c83dc2e24..6ae4998ba 100644
--- a/assets/styles/layout/variables/main/_dark.scss
+++ b/assets/styles/layout/variables/main/_dark.scss
@@ -20,8 +20,8 @@
     --hover-border-color: var(--p-surface-500);
     --mark-background: var(--p-surface-700);
     --mark-text-color: var(--p-surface-200);
-    --selection-background: color-mix(in srgb, var(--primary-color), transparent 84%);
-    --selection-text-color: rgba(255,255,255,.87);
+    --selection-background: var(--p-surface-700);
+    --selection-text-color: var(--p-surface-0);
     --code-button-text-color: var(--p-surface-300);
     --docsearch-mask-background: var(--p-mask-background);
 }
diff --git a/assets/styles/layout/variables/main/_light.scss b/assets/styles/layout/variables/main/_light.scss
index 3f119e89d..58ab5eecb 100644
--- a/assets/styles/layout/variables/main/_light.scss
+++ b/assets/styles/layout/variables/main/_light.scss
@@ -20,8 +20,8 @@
     --hover-border-color: var(--p-surface-400);
     --mark-background: var(--p-surface-200);
     --mark-text-color: var(--p-surface-700);
-    --selection-background: var(--p-primary-50);
-    --selection-text-color: var(--p-primary-700);
+    --selection-background: var(--p-surface-200);
+    --selection-text-color: var(--p-surface-950);
     --code-button-text-color: var(--p-surface-300);
     --docsearch-mask-background: var(--p-mask-background);
 }