Set up Flowbite and style home page

1 files changed, 28 insertions, 6 deletions

diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 23d9ee5..c7c27bc 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -1,17 +1,39 @@
+import flowbite from "flowbite/plugin";
+
 /** @type {import('tailwindcss').Config}*/
 const config = {
-  content: ["./src/**/*.{html,js,svelte,ts}"],
+  content: [
+    "./src/**/*.{html,js,svelte,ts}",
+    "./node_modules/flowbite/**/*.js",
+    "./node_modules/flowbite-svelte/**/*.{html,js,svelte,ts}",
+  ],
 
   theme: {
-    extend: {},
+    extend: {
+      colors: {
+        primary: {
+          0: '#110d08',
+          50: '#231a10',
+          100: '#342718',
+          200: '#574229',
+          300: '#795c39',
+          400: '#9c7649',
+          500: '#ad8351',
+          600: '#b58f62',
+          700: '#c6a885',
+          800: '#d6c1a8',
+          900: '#decdb9',
+          1000: '#efe6dc',
+        },
+      }
+    },
   },
 
   plugins: [
-    require("@tailwindcss/forms"),
-    require("@tailwindcss/typography"),
-    require("flowbite/plugin"),
+    flowbite(),
   ],
-  content: ["./node/modules/flowbite/**/*.js"],
+
+  darkMode: 'class',
 };
 
 module.exports = config;