Initial commit

tailwind.config.js

@@ -0,0 +1,63 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  darkMode: ["class"],
+  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
+  theme: {
+    container: {
+      center: true,
+      padding: "2rem",
+      screens: {
+        "2xl": "1400px",
+      },
+    },
+    extend: {
+      colors: {
+        border: "hsl(0 0% 20%)",
+        input: "hsl(0 0% 20%)",
+        ring: "hsl(0 0% 20%)",
+        background: "hsl(0 0% 100%)",
+        foreground: "hsl(0 0% 0%)",
+        primary: {
+          DEFAULT: "hsl(0 0% 0%)",
+          foreground: "hsl(0 0% 100%)",
+        },
+        secondary: {
+          DEFAULT: "hsl(0 0% 96%)",
+          foreground: "hsl(0 0% 0%)",
+        },
+        destructive: {
+          DEFAULT: "hsl(0 0% 0%)",
+          foreground: "hsl(0 0% 100%)",
+        },
+        muted: {
+          DEFAULT: "hsl(0 0% 96%)",
+          foreground: "hsl(0 0% 40%)",
+        },
+        accent: {
+          DEFAULT: "hsl(0 0% 96%)",
+          foreground: "hsl(0 0% 0%)",
+        },
+        popover: {
+          DEFAULT: "hsl(0 0% 100%)",
+          foreground: "hsl(0 0% 0%)",
+        },
+        card: {
+          DEFAULT: "hsl(0 0% 100%)",
+          foreground: "hsl(0 0% 0%)",
+        },
+      },
+      borderRadius: {
+        lg: "0.5rem",
+        md: "calc(0.5rem - 2px)",
+        sm: "calc(0.5rem - 4px)",
+      },
+      boxShadow: {
+        sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+        DEFAULT: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+        md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+        lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+      },
+    },
+  },
+  plugins: [],
+};