chore: use starlight palette generator (for now)

astro.config.mjs

@@ -1,9 +1,10 @@
 import { defineConfig } from "astro/config";
 import starlight from "@astrojs/starlight";
+import tailwind from "@astrojs/tailwind";
 
 // https://astro.build/config
 export default defineConfig({
-	site: "https://honey-lang.github.io",
+	site: "https://honey-lang.org",
 	integrations: [
 		starlight({
 			title: "honey",
@@ -22,6 +23,8 @@ export default defineConfig({
 					autogenerate: { directory: "reference" },
 				},
 			],
+			customCss: ["./src/tailwind.css"],
 		}),
+		tailwind({ applyBaseStyles: false }),
 	],
 });

package.json

@@ -11,10 +11,11 @@
     "astro": "astro"
   },
   "dependencies": {
+    "@astrojs/check": "^0.9.1",
     "@astrojs/starlight": "^0.25.3",
+    "@astrojs/starlight-tailwind": "^2.0.3",
     "astro": "^4.10.2",
     "sharp": "^0.32.5",
-    "@astrojs/check": "^0.9.1",
     "typescript": "^5.5.4"
   }
 }

src/tailwind.css

@@ -0,0 +1,9 @@
+@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap");
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+html,
+body {
+  @apply font-nunito-sans;
+}

tailwind.config.mjs

@@ -0,0 +1,19 @@
+import starlightPlugin from "@astrojs/starlight-tailwind";
+
+// Generated color palettes
+const accent = { 200: "#ddc4a4", 600: "#926000", 900: "#462c00", 950: "#331f02" };
+const gray = { 100: "#f6f6f9", 200: "#ededf4", 300: "#c1c1c9", 400: "#8a8a99", 500: "#565764", 700: "#373743", 800: "#252531", 900: "#17181d" };
+
+/** @type {import("tailwindcss").Config} */
+export default {
+	content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
+	theme: {
+		extend: {
+			colors: { accent, gray },
+		},
+		fontFamily: {
+			"nunito-sans": "'Nunito Sans'",
+		}
+	},
+	plugins: [starlightPlugin()],
+};