doc: some initial experiments with colors

Signed-off-by: Brian McGee <brian@bmcgee.ie>

docs/.vitepress/theme/style.css

@@ -44,15 +44,30 @@
  * -------------------------------------------------------------------------- */
 
 :root {
-    --vp-c-default-1: var(--vp-c-gray-1);
-    --vp-c-default-2: var(--vp-c-gray-2);
-    --vp-c-default-3: var(--vp-c-gray-3);
-    --vp-c-default-soft: var(--vp-c-gray-soft);
-
-    --vp-c-brand-1: var(--vp-c-indigo-1);
-    --vp-c-brand-2: var(--vp-c-indigo-2);
-    --vp-c-brand-3: var(--vp-c-indigo-3);
-    --vp-c-brand-soft: var(--vp-c-indigo-soft);
+    --vp-c-treefmt-orange-1: #f79433;
+    --vp-c-treefmt-orange-2: #f6861a;
+    --vp-c-treefmt-orange-3: #dd6d00;
+    --vp-c-treefmt-orange-soft: rgba(245, 121, 0, 0.14);
+
+    --vp-c-treefmt-green-1: #9de05c;
+    --vp-c-treefmt-green-2: #8fdb45;
+    --vp-c-treefmt-green-3: #73d216;
+    --vp-c-treefmt-green-soft: rgba(115, 210, 22, 0.14);
+
+    --vp-c-treefmt-gray-1: #6d6e6a;
+    --vp-c-treefmt-gray-2: #888a85;
+    --vp-c-treefmt-gray-3: #a0a19d;
+    --vp-c-treefmt-gray-soft: rgba(136, 138, 133, 0.14);
+
+    --vp-c-default-1: var(--vp-c-treefmt-gray-1);
+    --vp-c-default-2: var(--vp-c-treefmt-gray-2);
+    --vp-c-default-3: var(--vp-c-treefmt-gray-3);
+    --vp-c-default-soft: var(--vp-c-treefmt-gray-soft);
+
+    --vp-c-brand-1: var(--vp-c-treefmt-orange-1);
+    --vp-c-brand-2: var(--vp-c-treefmt-orange-2);
+    --vp-c-brand-3: var(--vp-c-treefmt-orange-3);
+    --vp-c-brand-soft: var(--vp-c-treefmt-orange-soft);
 
     --vp-c-tip-1: var(--vp-c-brand-1);
     --vp-c-tip-2: var(--vp-c-brand-2);
@@ -91,17 +106,10 @@
  * -------------------------------------------------------------------------- */
 
 :root {
-    --vp-home-hero-name-color: transparent;
-    --vp-home-hero-name-background: -webkit-linear-gradient(
-        120deg,
-        #bd34fe 30%,
-        #41d1ff
-    );
-
     --vp-home-hero-image-background-image: linear-gradient(
         -45deg,
-        #bd34fe 50%,
-        #47caff 50%
+        var(--vp-c-treefmt-orange-3) 50%,
+        var(--vp-c-treefmt-green-1) 50%
     );
     --vp-home-hero-image-filter: blur(44px);
 }