changed theme to lighter yellow

Author: ariflogs

app/(marketing)/page.tsx

@@ -133,7 +133,7 @@ export default function Home() {
         </div>
       </section>
 
-      <section className="container max-w-6xl mx-auto border-2 bg-primary-300 border-black p-16">
+      <section className="container max-w-6xl mx-auto border-2 bg-primary-400 border-black p-16">
         <H2 className="mb-8 text-center">
           And did I mention it&apos;s Free and Open Source?
         </H2>

content/docs/index.mdx

@@ -43,15 +43,15 @@ const config = {
       colors: {
         primary: {
           50: "#FFFEF0",
-          100: "#FEF9C3",
-          200: "#FEF08A",
-          300: "#FDE047",
-          400: "#FACC15",
-          500: "#EAB308",
-          600: "#CA8A04",
-          700: "#A16207",
-          800: "#854D0E",
-          900: "#713F12",
+          100: "#FFFAC2",
+          200: "#FFF299",
+          300: "#FFE766",
+          400: "#FFDB33",
+          500: "#FFCC00",
+          600: "#FFB700",
+          700: "#FF9F00",
+          800: "#E68A00",
+          900: "#B36B00",
         },
       },
     },

tailwind.config.ts

@@ -10,29 +10,29 @@ const config: Config = {
   theme: {
     extend: {
       textColor: {
-        muted: "var(--muted)"
+        muted: "var(--muted)",
       },
       fontFamily: {
         head: ["var(--font-head)"],
         sans: ["var(--font-sans)"],
       },
       boxShadow: {
-        "xs": "1px 1px 0 0 #000",
-        "md": "3px 3px 0 0 #000",
+        xs: "1px 1px 0 0 #000",
+        md: "3px 3px 0 0 #000",
         "3xl": "10px 10px 0 0 #000",
       },
       colors: {
         primary: {
           50: "#FFFEF0",
-          100: "#FEF9C3",
-          200: "#FEF08A",
-          300: "#FDE047",
-          400: "#FACC15",
-          500: "#EAB308",
-          600: "#CA8A04",
-          700: "#A16207",
-          800: "#854D0E",
-          900: "#713F12",
+          100: "#FFFAC2",
+          200: "#FFF299",
+          300: "#FFE766",
+          400: "#FFDB33",
+          500: "#FFCC00",
+          600: "#FFB700",
+          700: "#FF9F00",
+          800: "#E68A00",
+          900: "#B36B00",
         },
       },
     },