add rebrand landing page (#211)

packages/ui/styles/globals.css

@@ -14,7 +14,7 @@
     --popover: 220 2% 96%;
     --popover-foreground: 234 16% 35%;
 
-    --primary: 200 65% 14%;
+    --primary: 167 34% 20%;
     --primary-foreground: 210 40% 98%;
 
     --secondary: 210 40% 96.1%;
@@ -63,6 +63,7 @@
     --purple: 266 85% 58%;
     --yellow: 35 77% 49%;
     --gray: 220 9% 46%;
+    --primary-light: 183 74% 35%;
   }
 
   .dark {
@@ -75,7 +76,7 @@
     --popover: 240 21% 15%;
     --popover-foreground: 226 64% 88%;
 
-    --primary: 220 23% 95%;
+    --primary: 167 64% 94%;
     --primary-foreground: 240 23% 9%;
 
     --secondary: 217.2 32.6% 17.5%;
@@ -122,6 +123,7 @@
     --purple: 267 84% 81%;
     --yellow: 41 86% 83%;
     --gray: 218 11% 65%;
+    --primary-light: 170 57% 73%;
   }
 }
 
@@ -137,6 +139,18 @@
   }
 }
 
+@media (prefers-color-scheme: dark) {
+  .shiki,
+  .shiki span {
+    color: var(--shiki-dark) !important;
+    background-color: var(--shiki-dark-bg) !important;
+    /* Optional, if you also want font styles */
+    font-style: var(--shiki-dark-font-style) !important;
+    font-weight: var(--shiki-dark-font-weight) !important;
+    text-decoration: var(--shiki-dark-text-decoration) !important;
+  }
+}
+
 /* .app,
 ::before,
 ::after {