From 3bb534f20bdc6490846e1b3c987225d4e844a2f9 Mon Sep 17 00:00:00 2001
From: rootiest <chris@rootiest.com>
Date: Sat, 25 Jul 2026 22:59:11 -0400
Subject: [PATCH] feat(docs): configure Starlight site with Catppuccin theme

---
 docs/site/astro.config.mjs          | 38 +++++++++++++----------------
 docs/site/src/styles/catppuccin.css | 28 +++++++++++++++++++++
 2 files changed, 45 insertions(+), 21 deletions(-)
 create mode 100644 docs/site/src/styles/catppuccin.css

diff --git a/docs/site/astro.config.mjs b/docs/site/astro.config.mjs
index 69b83b3..195b237 100644
--- a/docs/site/astro.config.mjs
+++ b/docs/site/astro.config.mjs
@@ -1,26 +1,22 @@
-// @ts-check
 import { defineConfig } from 'astro/config';
 import starlight from '@astrojs/starlight';
+import sidebar from './src/sidebar.json' with { type: 'json' };
 
-// https://astro.build/config
 export default defineConfig({
-	integrations: [
-		starlight({
-			title: 'My Docs',
-			social: [{ icon: 'github', label: 'GitHub', href: 'https://github.com/withastro/starlight' }],
-			sidebar: [
-				{
-					label: 'Guides',
-					items: [
-						// Each item here is one entry in the navigation menu.
-						{ label: 'Example Guide', slug: 'guides/example' },
-					],
-				},
-				{
-					label: 'Reference',
-					items: [{ autogenerate: { directory: 'reference' } }],
-				},
-			],
-		}),
-	],
+  site: 'https://fish-config.pages.dev',
+  integrations: [
+    starlight({
+      title: 'Fish Config',
+      description: 'Reference manual for the rootiest fish configuration.',
+      social: [
+        {
+          icon: 'code-branch',
+          label: 'Gitea',
+          href: 'https://git.rootiest.dev/rootiest/fish-config',
+        },
+      ],
+      customCss: ['./src/styles/catppuccin.css'],
+      sidebar,
+    }),
+  ],
 });
diff --git a/docs/site/src/styles/catppuccin.css b/docs/site/src/styles/catppuccin.css
new file mode 100644
index 0000000..7eaf590
--- /dev/null
+++ b/docs/site/src/styles/catppuccin.css
@@ -0,0 +1,28 @@
+/* Catppuccin Mocha (dark) / Latte (light) mapped onto Starlight tokens. */
+:root {
+  --sl-color-accent-low: #1e1e2e;
+  --sl-color-accent: #89b4fa;
+  --sl-color-accent-high: #b4befe;
+  --sl-color-white: #cdd6f4;
+  --sl-color-gray-1: #bac2de;
+  --sl-color-gray-2: #a6adc8;
+  --sl-color-gray-3: #7f849c;
+  --sl-color-gray-4: #585b70;
+  --sl-color-gray-5: #45475a;
+  --sl-color-gray-6: #313244;
+  --sl-color-black: #181825;
+}
+
+:root[data-theme='light'] {
+  --sl-color-accent-low: #dce0e8;
+  --sl-color-accent: #1e66f5;
+  --sl-color-accent-high: #7287fd;
+  --sl-color-white: #4c4f69;
+  --sl-color-gray-1: #5c5f77;
+  --sl-color-gray-2: #6c6f85;
+  --sl-color-gray-3: #7c7f93;
+  --sl-color-gray-4: #9ca0b0;
+  --sl-color-gray-5: #bcc0cc;
+  --sl-color-gray-6: #ccd0da;
+  --sl-color-black: #eff1f5;
+}