docs: override default vitepress brand colors (#2632)

faker-js · Feb 5, 2024 · acbdae7 · acbdae7
1 parent b1987ef
commit acbdae7
Showing 1 changed file with 53 additions and 0 deletions.
diff --git 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;
 }