feat: add tailwind theme

Author: Crauzer

site/astro.config.mjs

@@ -4,14 +4,18 @@ import starlight from "@astrojs/starlight";
 import mdx from "@astrojs/mdx";
 import react from "@astrojs/react";
 
+import tailwindcss from "@tailwindcss/vite";
+
 // https://astro.build/config
 export default defineConfig({
   site: 'https://meta-wiki.leaguetoolkit.dev',
+
   // Remove 'base' when using custom domain (no subpath needed)
   integrations: [
     starlight({
       title: "LoL Meta Wiki",
       customCss: [
+        "./src/styles/global.css",
         "./src/styles/custom.css",
       ],
       editLink: {
@@ -43,4 +47,9 @@ export default defineConfig({
     mdx(),
     react(),
   ],
-});
+
+  vite: {
+    // @ts-expect-error - Vite plugin type compatibility issue between dependencies
+    plugins: [tailwindcss()],
+  },
+});

site/package.json

@@ -14,12 +14,14 @@
     "@astrojs/mdx": "4.3.9",
     "@astrojs/react": "4.4.1",
     "@astrojs/starlight": "^0.36.1",
+    "@tailwindcss/vite": "^4.1.17",
     "@types/react": "^19.2.2",
     "@types/react-dom": "^19.2.2",
     "astro": "^5.6.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "sharp": "^0.34.2",
-    "shiki": "^3.15.0"
+    "shiki": "^3.15.0",
+    "tailwindcss": "^4.1.17"
   }
 }