diff --git a/docs/.vitepress/theme/index.css b/docs/.vitepress/theme/index.css
index 5eab1f54b45..947dceb125d 100644
--- a/docs/.vitepress/theme/index.css
+++ b/docs/.vitepress/theme/index.css
@@ -1,3 +1,56 @@
+:root {
+  --fkr-hue: 160;
+  --fkr-saturation: 84%;
+  --fkr-lightness: 39%;
+  --fkr-alpha: 14%;
+  --fkr-step: 2%;
+  --vp-c-brand-1: hsl(
+    var(--fkr-hue),
+    var(--fkr-saturation),
+    var(--fkr-lightness)
+  );
+  --vp-c-brand-2: hsl(
+    var(--fkr-hue),
+    var(--fkr-saturation),
+    calc(var(--fkr-lightness) + var(--fkr-step))
+  );
+  --vp-c-brand-3: hsl(
+    var(--fkr-hue),
+    var(--fkr-saturation),
+    calc(var(--fkr-lightness) + 2 * var(--fkr-step))
+  );
+  --vp-c-brand-soft: hsla(
+    var(--fkr-hue),
+    var(--fkr-saturation),
+    var(--fkr-lightness),
+    var(--fkr-alpha)
+  );
+}
+
+.dark {
+  --vp-c-brand-1: hsl(
+    var(--fkr-hue),
+    var(--fkr-saturation),
+    var(--fkr-lightness)
+  );
+  --vp-c-brand-2: hsl(
+    var(--fkr-hue),
+    var(--fkr-saturation),
+    calc(var(--fkr-lightness) - var(--fkr-step))
+  );
+  --vp-c-brand-3: hsl(
+    var(--fkr-hue),
+    var(--fkr-saturation),
+    calc(var(--fkr-lightness) - 2 * var(--fkr-step))
+  );
+  --vp-c-brand-soft: hsla(
+    var(--fkr-hue),
+    var(--fkr-saturation),
+    var(--fkr-lightness),
+    var(--fkr-alpha)
+  );
+}
+
 table td * {
   display: inline;
 }