update appearance

packages/docs/.vitepress/config.mts

@@ -1,37 +1,38 @@
-import { defineConfig } from 'vitepress';
+import { defineConfig } from "vitepress";
 
 // https://vitepress.dev/reference/site-config
 export default defineConfig({
   title: "Lunchbox",
   description: "ThreeJS web components",
-  appearance: 'dark',
+  appearance: "dark",
   themeConfig: {
     // https://vitepress.dev/reference/default-theme-config
-    nav: [
-      { text: 'Guide', link: '/guide' },
-    ],
+    nav: [{ text: "Guide", link: "/guide" }],
 
     sidebar: [
       {
-        text: 'Getting started',
+        text: "Getting started",
         items: [
-          { text: 'Overview', link: '/guide' },
-          { text: 'Install', link: '/install' },
-          { text: 'Core concepts', link: '/concepts' },
+          { text: "Overview", link: "/guide" },
+          { text: "Install", link: "/install" },
+          { text: "Core concepts", link: "/concepts" },
         ],
       },
       {
-        text: 'Components',
+        text: "Components",
         items: [
-          { text: 'Component Guide', link: '/components/component-guide' },
-          { text: 'Events', link: '/components/events' },
-          { text: 'Advanced components', link: '/components/advanced' },
+          { text: "Component Guide", link: "/components/component-guide" },
+          { text: "Events", link: "/components/events" },
+          { text: "Advanced components", link: "/components/advanced" },
         ],
       },
     ],
 
     socialLinks: [
-      { icon: 'github', link: 'https://github.com/breakfast-studio/lunchboxjs' },
+      {
+        icon: "github",
+        link: "https://github.com/breakfast-studio/lunchboxjs",
+      },
     ],
   },
 });

packages/docs/.vitepress/theme/custom.css

@@ -13,4 +13,12 @@ three-lunchbox {
     border-radius: 8px;
     overflow: hidden;
     background: var(--vp-code-block-bg);
+}
+
+.VPNavBarAppearance {
+    display: none !important;
+}
+.VPSocialLinks::before {
+    /* display: none !important; */
+    transform: translateX(-7px);
 }