From 48c5485728fb7603e2de614d2fbbc9edf7e78dd9 Mon Sep 17 00:00:00 2001
From: Matt Mayer <matt@matthewmayer.co.uk>
Date: Mon, 29 Jan 2024 07:43:25 +0700
Subject: [PATCH 1/3] docs: override default vitepress brand colors

---
 docs/.vitepress/theme/index.css | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/docs/.vitepress/theme/index.css b/docs/.vitepress/theme/index.css
index 0d8e1853738..1f0231f5b0a 100644
--- a/docs/.vitepress/theme/index.css
+++ b/docs/.vitepress/theme/index.css
@@ -1,3 +1,18 @@
+:root {
+  --faker-brand-hue: 2;
+  --vp-c-brand-1: hsl(var(--faker-brand-hue), 53%, 45%);
+  --vp-c-brand-2: hsl(var(--faker-brand-hue), 53%, 51%);
+  --vp-c-brand-3: hsl(var(--faker-brand-hue), 53%, 57%);
+  --vp-c-brand-soft: hsla(var(--faker-brand-hue), 100%, 70%, 0.14);
+}
+
+.dark {
+  --vp-c-brand-1: hsl(var(--faker-brand-hue), 100%, 83%);
+  --vp-c-brand-2: hsl(var(--faker-brand-hue), 74%, 63%);
+  --vp-c-brand-3: hsl(var(--faker-brand-hue), 70%, 55%);
+  --vp-c-brand-soft: hsla(var(--faker-brand-hue), 100%, 70%, 0.16);
+}
+
 table td * {
   display: inline;
 }

From 7410fa430e04b234fdccdb67ecf2200ca7e1115e Mon Sep 17 00:00:00 2001
From: Matt Mayer <matt@matthewmayer.co.uk>
Date: Sun, 4 Feb 2024 14:38:12 +0700
Subject: [PATCH 2/3] green theme

---
 docs/.vitepress/theme/index.css | 56 +++++++++++++++++++++++++++------
 docs/guide/index.md             |  4 +++
 2 files changed, 51 insertions(+), 9 deletions(-)

diff --git a/docs/.vitepress/theme/index.css b/docs/.vitepress/theme/index.css
index 1f0231f5b0a..60a0a170c54 100644
--- a/docs/.vitepress/theme/index.css
+++ b/docs/.vitepress/theme/index.css
@@ -1,16 +1,54 @@
 :root {
-  --faker-brand-hue: 2;
-  --vp-c-brand-1: hsl(var(--faker-brand-hue), 53%, 45%);
-  --vp-c-brand-2: hsl(var(--faker-brand-hue), 53%, 51%);
-  --vp-c-brand-3: hsl(var(--faker-brand-hue), 53%, 57%);
-  --vp-c-brand-soft: hsla(var(--faker-brand-hue), 100%, 70%, 0.14);
+  --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(--faker-brand-hue), 100%, 83%);
-  --vp-c-brand-2: hsl(var(--faker-brand-hue), 74%, 63%);
-  --vp-c-brand-3: hsl(var(--faker-brand-hue), 70%, 55%);
-  --vp-c-brand-soft: hsla(var(--faker-brand-hue), 100%, 70%, 0.16);
+  --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 * {
diff --git a/docs/guide/index.md b/docs/guide/index.md
index 9e7456efd34..557c26adb65 100644
--- a/docs/guide/index.md
+++ b/docs/guide/index.md
@@ -4,6 +4,10 @@
 
 Faker is a popular library that generates fake (but reasonable) data that can be used for things such as:
 
+<p style="background-color:var(--vp-c-brand-1) !important;">Brand 1</p>
+<p style="background-color:var(--vp-c-brand-2) !important;">Brand 2</p>
+<p style="background-color:var(--vp-c-brand-3) !important;">Brand 3</p>
+
 - Unit Testing
 - Performance Testing
 - Building Demos

From fad558ce0a72a91c8ad6ad5c28a7788ae955e413 Mon Sep 17 00:00:00 2001
From: Matt Mayer <matt@matthewmayer.co.uk>
Date: Sun, 4 Feb 2024 16:34:54 +0700
Subject: [PATCH 3/3] rv testing code

---
 docs/guide/index.md | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/docs/guide/index.md b/docs/guide/index.md
index 557c26adb65..9e7456efd34 100644
--- a/docs/guide/index.md
+++ b/docs/guide/index.md
@@ -4,10 +4,6 @@
 
 Faker is a popular library that generates fake (but reasonable) data that can be used for things such as:
 
-<p style="background-color:var(--vp-c-brand-1) !important;">Brand 1</p>
-<p style="background-color:var(--vp-c-brand-2) !important;">Brand 2</p>
-<p style="background-color:var(--vp-c-brand-3) !important;">Brand 3</p>
-
 - Unit Testing
 - Performance Testing
 - Building Demos