init2

Signed-off-by: angel <angel@sillyangel.dev>

frontend/tailwind.config.js

@@ -0,0 +1,67 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ["./src/**/*.{html,js}"],
+theme: {
+    extend: {
+      colors: {
+        background: "var(--background)",
+        foreground: "var(--foreground)",
+        "vanilla-custard": {
+          "50": "hsl(43.8 100% 94.9%)",
+          "100": "hsl(43.5 100% 90%)",
+          "200": "hsl(44.1 100% 80%)",
+          "300": "hsl(43.9 100% 70%)",
+          "400": "hsl(44.1 100% 60%)",
+          "500": "hsl(44 100% 50%)",
+          "600": "hsl(44.1 100% 40%)",
+          "700": "hsl(43.9 100% 30%)",
+          "800": "hsl(44.1 100% 20%)",
+          "900": "hsl(43.5 100% 10%)",
+          "950": "hsl(43.3 100% 7.1%)"
+        },
+        "shadow-grey": {
+          "50": "hsl(300 7.7% 94.9%)",
+          "100": "hsl(320 5.9% 90%)",
+          "200": "hsl(315 7.8% 80%)",
+          "300": "hsl(316.4 7.2% 70%)",
+          "400": "hsl(312.9 6.9% 60%)",
+          "500": "hsl(314.1 6.7% 50%)",
+          "600": "hsl(312.9 6.9% 40%)",
+          "700": "hsl(316.4 7.2% 30%)",
+          "800": "hsl(315 7.8% 20%)",
+          "900": "hsl(320 5.9% 10%)",
+          "950": "hsl(330 5.6% 7.1%)"
+        },
+        "faded-copper": {
+          "50": "hsl(24 20% 95.1%)",
+          "100": "hsl(33.3 17.6% 90%)",
+          "200": "hsl(30 19.6% 80%)",
+          "300": "hsl(31 19% 70%)",
+          "400": "hsl(31.6 18.6% 60%)",
+          "500": "hsl(30.6 19.2% 50%)",
+          "600": "hsl(31.6 18.6% 40%)",
+          "700": "hsl(31 19% 30%)",
+          "800": "hsl(30 19.6% 20%)",
+          "900": "hsl(33.3 17.6% 10%)",
+          "950": "hsl(34.3 20% 6.9%)"
+        },
+        "stone-brown": {
+          "50": "hsl(24 20% 95.1%)",
+          "100": "hsl(33.3 17.6% 90%)",
+          "200": "hsl(33 19.6% 80%)",
+          "300": "hsl(33.1 19% 70%)",
+          "400": "hsl(33.2 18.6% 60%)",
+          "500": "hsl(33.1 19.2% 50%)",
+          "600": "hsl(33.2 18.6% 40%)",
+          "700": "hsl(33.1 19% 30%)",
+          "800": "hsl(33 19.6% 20%)",
+          "900": "hsl(33.3 17.6% 10%)",
+          "950": "hsl(34.3 20% 6.9%)"
+        },
+        "primary": "hsl(31 100% 72%)" 
+      },
+    },
+  },
+  plugins: [],
+}
+