Remove green

Author: jonnydgreen

www/components/DocsSidebar.tsx

@@ -11,7 +11,7 @@ export function SidebarCategory(props: {
     <li class="my-2 block">
       <a
         href={href}
-        class="text-foreground-secondary hover:text-gray-600 aria-[current]:text-fresh-green aria-[current]:hover:underline font-bold"
+        class="text-foreground-secondary hover:text-gray-600 aria-[current]:text-info aria-[current]:hover:underline font-bold"
       >
         {title}
       </a>
@@ -35,7 +35,7 @@ export function SidebarEntry(props: {
     <li class="py-[1px]">
       <a
         href={href}
-        class="aria-[current]:text-fresh-green aria-[current]:border-green-600 aria-[current]:bg-fresh-green/5 border-l-4 border-transparent px-4 py-0.5 transition-colors hover:text-fresh-green/80 font-normal block"
+        class="aria-[current]:text-info aria-[current]:border-info aria-[current]:bg-info/5 border-l-4 border-transparent px-4 py-0.5 transition-colors hover:text-info/80 font-normal block"
       >
         {title}
       </a>

www/components/NavigationBar.tsx

@@ -31,7 +31,7 @@ export default function NavigationBar(
         <li class="flex items-center">
           <a
             href="https://github.com/bisterix-studio/parley"
-            class="hover:text-green-600 inline-block transition"
+            class="hover:text-info inline-block transition"
             aria-label="GitHub"
             target="_blank"
           >

www/routes/docs/[...slug].tsx

@@ -290,12 +290,12 @@ function ForwardBackButtons(props: {
         ? (
           <a
             href={prev.href}
-            class="px-4 py-2 text-left rounded border border-foreground-secondary/20 grid border-solid w-full hover:border-green-600 transition-colors"
+            class="px-4 py-2 text-left rounded border border-foreground-secondary/20 grid border-solid w-full hover:border-info transition-colors"
           >
             <span class="text-sm text-gray-600 dark:text-gray-500">
               Previous page
             </span>
-            <span class="text-green-600 font-medium">
+            <span class="text-info font-medium">
               {prev.title}
             </span>
           </a>
@@ -305,12 +305,12 @@ function ForwardBackButtons(props: {
         ? (
           <a
             href={next.href}
-            class="px-4 py-2 text-left rounded border border-foreground-secondary/20 grid border-solid w-full hover:border-green-600 transition-colors"
+            class="px-4 py-2 text-left rounded border border-foreground-secondary/20 grid border-solid w-full hover:border-info transition-colors"
           >
             <span class="text-sm text-gray-600 dark:text-gray-500">
               Next page
             </span>
-            <span class="text-green-600 font-medium">
+            <span class="text-info font-medium">
               {next.title}
             </span>
           </a>

www/static/styles.css

@@ -4,9 +4,6 @@
 
 /* Light and dark theme variables */
 :root {
-  --fresh: 50deg, 100%, 56%;
-  --fresh-green: 142deg, 71%, 29%;
-
   --background-primary: 215deg, 100%, 100%;
   --background-secondary: 210deg, 29%, 97%;
   --background-tertiary: 207deg, 33%, 95%;
@@ -18,9 +15,6 @@
   --info: 194deg, 76%, 41%;
 }
 html[data-theme="dark"]:root {
-  --fresh: 50deg, 100%, 56%;
-  --fresh-green: 142deg, 71%, 29%;
-
   --background-primary: 217deg, 55%, 21%;
   --background-secondary: 217deg, 55%, 25%;
   --background-tertiary: 216deg, 27.7%, 22%;

www/tailwind.config.ts

@@ -22,9 +22,6 @@ export default {
     extend: {
       colors: {
         // Dark/light with Tailwind done right using CSS variables:
-        "fresh": "hsla(var(--fresh))",
-        "fresh-green": "hsla(var(--fresh-green))",
-
         "background-primary": "hsla(var(--background-primary))",
         "background-secondary": "hsla(var(--background-secondary))",
         "background-tertiary": "hsla(var(--background-tertiary))",