diff --git a/docs/.vuepress/styles/index.scss b/docs/.vuepress/styles/index.scss
index 749fb5052..a8cc6bbff 100644
--- a/docs/.vuepress/styles/index.scss
+++ b/docs/.vuepress/styles/index.scss
@@ -1,6 +1,7 @@
 :root {
   --c-brand: #407ce8;
   --c-brand-light: #2e73ea;
+  --c-bg-light: rgba(95, 101, 106, 0.1);
 
   --x-nav-text-hover: #0a51bd;
 }
@@ -13,7 +14,7 @@ html.dark {
   --c-warning-text-accent: var(--c-text-accent);
 
   --c-danger-title: #b40505;
-  --c-danger-bg: rgba(72, 56, 57, 0.3);
+  --c-danger-bg: rgba(72, 56, 57, 0.4);
   --c-danger-text: #c0bebe;
 
   --c-bg-light: rgba(255, 255, 255, 0.1);