feat: add color and typography

ainunns · Oct 8, 2024 · 8624670 · 8624670
1 parent f3108bf
commit 8624670
Showing 1 changed file with 69 additions and 2 deletions.
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -1,5 +1,4 @@
 import forms from "@tailwindcss/forms";
-import defaultTheme from "tailwindcss/defaultTheme";
 
 /** @type {import('tailwindcss').Config} */
 export default {
@@ -13,7 +12,75 @@ export default {
   theme: {
     extend: {
       fontFamily: {
-        sans: ["Figtree", ...defaultTheme.fontFamily.sans],
+        sans: ["Inter", "sans-serif"],
+      },
+      colors: {
+        neutral: {
+          100: "#F5F5F5",
+          200: "#EBEBEB",
+          300: "#E0E0E0",
+          400: "#D6D6D6",
+          500: "#CCCCCC",
+          600: "#A3A3A3",
+          700: "#7A7A7A",
+          800: "#515151",
+          900: "#292929",
+        },
+        pink: {
+          100: "#FFF5F8",
+          200: "#FFF5F8",
+          300: "#FFE2E9",
+          400: "#FFD9E1",
+          500: "#FFCFDA",
+          600: "#CCA6AE",
+          700: "#997C83",
+          800: "#665357",
+          900: "#33292C",
+        },
+        copper: {
+          100: "#EFDFD6",
+          200: "#E0C0AD",
+          300: "#D0A084",
+          400: "#C1815B",
+          500: "#B16132",
+          600: "#8E4E28",
+          700: "#6A3A1E",
+          800: "#472714",
+          900: "#23130A",
+        },
+        martinique: {
+          100: "#D9D7DF",
+          200: "#B3AFBE",
+          300: "#8E889E",
+          400: "#68607D",
+          500: "#42385D",
+          600: "#352D4A",
+          700: "#282238",
+          800: "#1A1625",
+          900: "#0D0B13",
+        },
+        bouquet: {
+          100: "#EFEAEF",
+          200: "#DFD4DF",
+          300: "#D0BFCE",
+          400: "#C0A9BE",
+          500: "#B094AE",
+          600: "#8D768B",
+          700: "#6A5968",
+          800: "#463B46",
+          900: "#231E23",
+        },
+        koromiko: {
+          100: "#FEF1E2",
+          200: "#FEE3C5",
+          300: "#FDD5A7",
+          400: "#FDC78A",
+          500: "#FCB96D",
+          600: "#CA9457",
+          700: "#976F41",
+          800: "#654A2C",
+          900: "#322516",
+        },
       },
     },
   },