brand colors

Author: Fil

docs/.vitepress/theme/custom.css

@@ -1,27 +1,24 @@
 :root {
-  --vp-c-purple-1: #7135be;
-  --vp-c-purple-2: #7f42cd;
-  --vp-c-purple-3: #9555e2;
-  --vp-c-purple-soft: rgba(155, 91, 233, 0.14);
   --vp-c-red: #f43f5e;
   --vp-c-green: #10b981;
   --vp-c-blue: #0092ff;
   --vp-c-purple: #a463f2;
-  --vp-c-brand-1: var(--vp-c-purple-1);
-  --vp-c-brand-2: var(--vp-c-purple-2);
-  --vp-c-brand-3: var(--vp-c-purple-3);
-  --vp-c-brand-soft: var(--vp-c-purple-soft);
+  --theme-phosphate: #148576;
+  --theme-phosphate-soft: #d7fbf7;
+  --vp-c-brand-1: var(--theme-phosphate); /* link and brand color */
+  --vp-c-brand-2: var(--theme-phosphate);
+  --vp-c-brand-3: rgb(243, 139, 233);  /* home page alt color */
+  --vp-c-brand-soft: var(--theme-phosphate-soft);
   --vp-font-family-base: -apple-system, BlinkMacSystemFont, "avenir next", avenir, helvetica, "helvetica neue", ubuntu,
     roboto, noto, "segoe ui", arial, sans-serif;
   --sans-text: Inter, var(--vp-font-family-base);
   --mono-heading: "Spline Sans Mono", monospace;
 }
 
 .dark {
-  --vp-c-purple-1: #db96ff;
-  --vp-c-purple-2: #9a5ae8;
-  --vp-c-purple-3: #884ad6;
-  --vp-c-purple-soft: rgba(155, 91, 233, 0.16);
+  --theme-phosphate: #37d5be;
+  --vp-c-brand-3: rgb(183, 41, 169);  /* home page alt color */
+  --theme-phosphate-soft: #033a32;
   --vp-c-text-1: #f5f5f5;
 }
 

docs/index.md

@@ -90,7 +90,7 @@ features:
 
 :root {
   --vp-home-hero-name-color: transparent;
-  --vp-home-hero-name-background: linear-gradient(-30deg, hsl(200deg 100% 65%), var(--vp-c-purple));
+  --vp-home-hero-name-background: linear-gradient(-30deg, var(--vp-c-brand-3), var(--vp-c-brand-1));
 }
 
 :root.dark .VPHero .VPImage {