website-theme

docs/guides/docusaurus-site-guide.md

@@ -243,6 +243,17 @@ The site deploys automatically via GitHub Actions when changes to `website/` are
 
 **First-time setup**: Enable GitHub Pages in repo Settings → Pages → Source: GitHub Actions
 
+## Style Guidelines
+
+**No emoji**: Do not use emoji in the site content, components, or documentation. Use icon fonts (Lucide) for visual indicators instead.
+
+**Icons**: The site uses [Lucide](https://lucide.dev) icon font. Use CSS classes like `icon-copy`, `icon-check`, `icon-arrow-right`. Example:
+```jsx
+<i className="icon-copy" />
+```
+
+**Terminal aesthetic**: Maintain the TUI/terminal visual style. Use monospace fonts, muted colors with bright accents, and clean 1px borders.
+
 ## Common Tasks
 
 ### Add a new docs section

website/docusaurus.config.js

@@ -30,6 +30,10 @@ const config = {
   projectName: 'sidecar',
   trailingSlash: false,
 
+  customFields: {
+    githubUrl: 'https://github.com/marcus/sidecar',
+  },
+
   onBrokenLinks: 'throw',
 
   // Even if you don't use internationalization, you can use this field to set
@@ -40,6 +44,35 @@ const config = {
     locales: ['en'],
   },
 
+  headTags: [
+    {
+      tagName: 'link',
+      attributes: {
+        rel: 'preconnect',
+        href: 'https://fonts.googleapis.com',
+      },
+    },
+    {
+      tagName: 'link',
+      attributes: {
+        rel: 'preconnect',
+        href: 'https://fonts.gstatic.com',
+        crossorigin: 'anonymous',
+      },
+    },
+  ],
+
+  stylesheets: [
+    {
+      href: 'https://fonts.googleapis.com/css2?family=Google+Sans+Code:ital,wght@0,300..800;1,300..800&family=JetBrains+Mono:wght@400;500;600;700&display=swap',
+      type: 'text/css',
+    },
+    {
+      href: 'https://cdn.jsdelivr.net/npm/lucide-static@latest/font/lucide.css',
+      type: 'text/css',
+    },
+  ],
+
   presets: [
     [
       'classic',
@@ -73,7 +106,9 @@ const config = {
       // Replace with your project's social card
       image: 'img/docusaurus-social-card.jpg',
       colorMode: {
-        respectPrefersColorScheme: true,
+        defaultMode: 'dark',
+        disableSwitch: true,
+        respectPrefersColorScheme: false,
       },
       navbar: {
         title: 'Sidecar',