diff --git a/page/src/App.css b/page/src/App.css
index b97ac278..60b29f41 100644
--- a/page/src/App.css
+++ b/page/src/App.css
@@ -47,7 +47,8 @@ button.fancy.bg-primary {
     rgba(0, 123, 255, 1) 100%
   );
   border: 0px solid rgb(27, 149, 255);
-  text-shadow: rgba(0, 0, 0, 0.2) 0px 1px;
+  text-shadow: rgba(207, 207, 207, 0.2) 0px 1px;
+  color: #222;
 }
 
 button.fancy.bg-primary:hover {
diff --git a/page/src/index.css b/page/src/index.css
index f99e0197..a4367651 100644
--- a/page/src/index.css
+++ b/page/src/index.css
@@ -49,7 +49,7 @@
   --card-foreground: oklch(0.141 0.005 285.823);
   --popover: oklch(1 0 0);
   --popover-foreground: oklch(0.141 0.005 285.823);
-  --primary: oklch(0.64 0.192 253.32);
+  --primary: oklch(61.686% 0.20434 256.402);
   --primary-foreground: oklch(0.97 0.014 254.604);
   --secondary: oklch(0.967 0.001 286.375);
   --secondary-foreground: oklch(0.21 0.006 285.885);
@@ -84,8 +84,8 @@
   --card-foreground: oklch(0.985 0 0);
   --popover: oklch(0.21 0.006 285.885);
   --popover-foreground: oklch(0.985 0 0);
-  --primary: oklch(62.358% 0.20636 255.147);
-  --primary-foreground: oklch(0.97 0.014 254.604);
+  --primary: oklch(66.906% 0.18376 248.826);
+  --primary-foreground: oklch(29.313% 0.00003 271.152);
   --secondary: oklch(0.274 0.006 286.033);
   --secondary-foreground: oklch(0.985 0 0);
   --muted: oklch(0.274 0.006 286.033);
@@ -95,7 +95,7 @@
   --destructive: oklch(0.69 0.1953 33.18);
   --border: oklch(1 0 0 / 10%);
   --input: oklch(1 0 0 / 15%);
-  --ring: oklch(0.488 0.243 264.376);
+  --ring: oklch(57.771% 0.18952 256.306);
   --chart-1: oklch(0.488 0.243 264.376);
   --chart-2: oklch(0.696 0.17 162.48);
   --chart-3: oklch(0.769 0.188 70.08);