feat: add TiKUI tailwind styles

Tietokilta · Jul 22, 2023 · 4d82dbd · 4d82dbd
1 parent 2a866da
commit 4d82dbd
Showing 1 changed file with 77 additions and 1 deletion.
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
@@ -2,7 +2,83 @@
 module.exports = {
   content: ["./lib/**/*.{html,js,ts,jsx,tsx}"],
   theme: {
-    extend: {}
+    extend: {
+      fontFamily: {
+        sans: ["Inter", "sans-serif"],
+        mono: ["Roboto Mono", "monospace"]
+      },
+      colors: {
+        primary: {
+          900: "#034d22",
+          800: "#087831",
+          700: "#0fbe40",
+          600: "#38ec5c",
+          500: "#7ef98c",
+          400: "#9ff9a9",
+          300: "#bbf9c2",
+          200: "#d8fadc",
+          100: "#e8fcea"
+        },
+        secondary: {
+          900: "#42045f",
+          800: "#5b0881",
+          700: "#8b0fc4",
+          600: "#ba45f0",
+          500: "#d690f6",
+          400: "#dfabf7",
+          300: "#e7c4f7",
+          200: "#f0dcf9",
+          100: "#f7eefc"
+        },
+        danger: {
+          900: "#55031c",
+          800: "#710525",
+          700: "#930d35",
+          600: "#be1548",
+          500: "#e02f64",
+          400: "#e75d86",
+          300: "#ea8ca9",
+          200: "#f3c8d5",
+          100: "#f8e7ec"
+        },
+        gray: {
+          900: "#0a0d10",
+          800: "#2b313b",
+          700: "#515862",
+          600: "#8a96a8",
+          500: "#b1becb",
+          400: "#c4cdd4",
+          300: "#d6dde4",
+          200: "#f0f3f5",
+          100: "#f8f9fa"
+        },
+        success: {
+          900: "#224804",
+          800: "#387508",
+          700: "#4c9a0f",
+          600: "#63c616",
+          500: "#73e01e",
+          400: "#93e552",
+          300: "#b2ec85",
+          200: "#d5f5bb",
+          100: "#e4fdd1"
+        },
+        warning: {
+          900: "#583704",
+          800: "#a87a10",
+          700: "#e2b71a",
+          600: "#e8cb37",
+          500: "#f1e04d",
+          400: "#f2e67d",
+          300: "#f5eda6",
+          200: "#f9f4c9",
+          100: "#fbf7e6"
+        }
+      },
+      boxShadow: {
+        solid: "2px 2px 0 #0a0d10"
+      }
+    }
   },
   plugins: []
 };