tweak docs style

Author: yyx990803

CLAUDE.md

@@ -6,6 +6,7 @@ Full-stack framework for Cloudflare Workers, powered by Vite.
 
 - **Important**: The source of truth for agent instructions is `CLAUDE.md` (this file). `AGENTS.md` is a symlink to this file. `README.md` is a separate public-facing file. When asked to update agent instructions, always update `CLAUDE.md`.
 - Documentation source lives in `docs/`.
+  - Docs is a Vitepress project using our custom theme. When asked to "link the theme", temporarily edit `docs/package.json` so that `@voidzero-dev/vitepress-theme` point to `link:../../../theme`. Rerun `pnpm install` to link it. Revert these when asked to "unlink the theme".
 
 ## Important Note for Release Workflows
 
@@ -33,9 +34,9 @@ The `void` package on npm has these previous versions: '0.0.1', '0.1.0', '0.1.2'
 
 ```
 pnpm -r build                       # Build all packages
-pnpm -C packages/void build   # Build only the core plugin
+pnpm -C packages/void build         # Build only the core plugin
 pnpm test                           # Run vitest (unit + integration tests)
-pnpm test packages/void       # Only test the core plugin
+pnpm test packages/void             # Only test the core plugin
 pnpm lint                           # oxlint
 pnpm fmt                            # oxfmt --write .
 pnpm check                          # Typecheck all packages (tsc --noEmit)

docs/.vitepress/config.ts

@@ -107,6 +107,7 @@ const socialLinks = [
 const platformLinks = {
   text: "Platform",
   items: [
+    { text: "Company", link: "https://voidzero.dev" },
     { text: "Features", link: "/platform/features" },
     { text: "Pricing", link: "/platform/pricing" },
     { text: "Enterprise", link: "/platform/enterprise" },

docs/.vitepress/theme/FileTree.vue

@@ -328,10 +328,12 @@ const TreeNode = defineComponent({
   color: var(--vp-c-brand-1);
 }
 
+/* Adapter tabs */
 /* Adapter tabs */
 .adapter-tabs {
   display: flex;
   gap: 0;
+  overflow-x: auto;
   border: 1px solid var(--vp-c-divider);
   border-bottom: none;
   border-radius: 8px 8px 0 0;

docs/.vitepress/theme/Home.vue

@@ -55,11 +55,13 @@ const tree = (ext) => [
 <style scoped>
 .hero-file-tree {
   margin-top: 2rem;
+  max-width: calc(100vw - 80px);
 }
 
 @media (min-width: 768px) {
   .hero-file-tree {
     margin-top: 0;
+    max-width: none;
   }
 }
 

docs/.vitepress/theme/styles.css

@@ -14,3 +14,11 @@
 :root[data-theme="light"] {
   --color-brand: #4f30e8;
 }
+
+.dark .aside-credit-logo-dark {
+  display: none !important;
+}
+
+.dark .aside-credit-logo-light {
+  display: inline !important;
+}

docs/package.json

@@ -10,7 +10,7 @@
   },
   "devDependencies": {
     "@iconify/vue": "5.0.0",
-    "@voidzero-dev/vitepress-theme": "^4.7.0",
+    "@voidzero-dev/vitepress-theme": "^4.7.1",
     "oxc-minify": "^0.114.0",
     "reka-ui": "2.8.2",
     "vitepress": "2.0.0-alpha.16",