Add tailwind and custom fonts

astro.config.mjs

@@ -1,27 +1,38 @@
 // @ts-check
-import { defineConfig } from 'astro/config';
-import starlight from '@astrojs/starlight';
+import { defineConfig } from "astro/config";
+import starlight from "@astrojs/starlight";
+import tailwind from "@astrojs/tailwind";
 
 // https://astro.build/config
 export default defineConfig({
-    site: 'https://alllex.github.io',
+    site: "https://alllex.github.io",
     integrations: [
         starlight({
-            title: 'Wiki by Alex',
+            title: "Wiki by Alex",
             social: {
-                github: 'https://github.com/alllex/wiki',
+                github: "https://github.com/alllex/wiki",
             },
-            favicon: '/favicon.ico',
+            favicon: "/favicon.ico",
+            customCss: [
+                "@fontsource-variable/noto-sans",
+                "@fontsource-variable/noto-sans/wght-italic.css",
+                "@fontsource-variable/jetbrains-mono",
+                "@fontsource-variable/jetbrains-mono/wght-italic.css",
+                "./src/tailwind.css",
+            ],
             sidebar: [
                 {
-                    label: 'Intro',
-                    autogenerate: { directory: 'intro' },
+                    label: "Intro",
+                    autogenerate: { directory: "intro" },
                 },
                 {
-                    label: 'Shells',
-                    autogenerate: { directory: 'shells' },
+                    label: "Shells",
+                    autogenerate: { directory: "shells" },
                 },
             ],
         }),
+        tailwind({
+            applyBaseStyles: false,
+        }),
     ],
 });

package.json

@@ -12,7 +12,12 @@
   },
   "dependencies": {
     "@astrojs/starlight": "^0.30.3",
+    "@astrojs/starlight-tailwind": "^3.0.0",
+    "@astrojs/tailwind": "^5.1.4",
+    "@fontsource-variable/jetbrains-mono": "^5.1.1",
+    "@fontsource-variable/noto-sans": "^5.1.0",
     "astro": "^5.0.2",
-    "sharp": "^0.32.5"
+    "sharp": "^0.32.5",
+    "tailwindcss": "^3.4.17"
   }
 }