style: update VitePress config and theme styles for improved navbar appearance

Author: w0fv1

.vitepress/config.mts

@@ -1,67 +1,77 @@
-import { defineConfig } from 'vitepress'
-import Icons from 'unplugin-icons/vite'
+import { defineConfig } from "vitepress";
+import Icons from "unplugin-icons/vite";
 
 export default defineConfig({
   vite: {
-    plugins: [Icons({ compiler: 'vue3', autoInstall: false })]
+    plugins: [Icons({ compiler: "vue3", autoInstall: false })],
   },
   title: "Mukea",
-  
+  head: [
+    ["link", { rel: "icon", href: "/favicon.ico" }],
+    ["link", { rel: "shortcut icon", href: "/favicon.ico" }],
+    ["link", { rel: "apple-touch-icon", href: "/mukea.png" }],
+  ],
+
   // 共享的主题配置
   themeConfig: {
-    logo: '/favicon.ico',
+    logo: "/favicon.ico",
   },
- base: '/', 
+  base: "/",
   // i18n 配置核心
   locales: {
     // 默认语言（中文） - 对应根目录 /
     root: {
-      label: '简体中文',
-      lang: 'zh-CN',
+      label: "简体中文",
+      lang: "zh-CN",
       title: "Mukea",
       description: "一个可爱、主动的桌面 AI 伙伴",
       themeConfig: {
         nav: [
-          { text: '下载', link: '/download' },
-          { text: '博客', link: '/blog', target: '_blank', rel: 'noreferrer' }
+          { text: "下载", link: "/download" },
+          { text: "博客", link: "/blog", target: "_blank", rel: "noreferrer" },
         ],
         sidebar: {
-          '/blog/': [
+          "/blog/": [
             {
-              text: '博客',
+              text: "博客",
               items: [
-                { text: '为什么我们要做 Mukea', link: '/blog/' },
-                { text: 'Mukea形象', link: '/blog/mukea-image' }
-              ]
-            }
-          ]
-        }
-      }
+                { text: "为什么我们要做 Mukea", link: "/blog/" },
+                { text: "Mukea形象", link: "/blog/mukea-image" },
+              ],
+            },
+          ],
+        },
+      },
     },
     // 英文 - 对应 /en/ 目录
     en: {
-      label: 'English',
-      lang: 'en-US',
-      link: '/en/', // 指向英文版首页
+      label: "English",
+      lang: "en-US",
+      link: "/en/", // 指向英文版首页
       title: "Mukea",
       description: "A cute, proactive AI companion.",
       themeConfig: {
         nav: [
-          { text: 'Download', link: '/en/download' },
-          { text: 'Blog', link: '/en/blog', target: '_blank', rel: 'noreferrer' }
+          { text: "Download", link: "/en/download" },
+          {
+            text: "Blog",
+            link: "/en/blog",
+            target: "_blank",
+            rel: "noreferrer",
+          },
         ],
         sidebar: {
-          '/en/blog/': [
+          "/en/blog/": [
             {
-              text: 'Blog',
+              text: "Blog",
               items: [
-                { text: 'Why We’re Building Mukea', link: '/en/blog/' },
-                { text: 'Mukea Look', link: '/en/blog/mukea-image' }
-              ]
-            }
-          ]
-        }
-      }
-    }
-  }
-})
+                { text: "Why We’re Building Mukea", link: "/en/blog/" },
+                { text: "Mukea Look", link: "/en/blog/mukea-image" },
+              ],
+            },
+          ],
+        },
+      },
+    },
+  },
+});

.vitepress/theme/style.css

@@ -76,49 +76,19 @@ html:not(.dark) .VPHome .VPFeature {
   background-color: transparent !important;
 }
 
-.mukea-nav-transparent .VPNavBar:not(.screen-open) .divider-line {
-  background-color: transparent !important;
-}
-
-@media (min-width: 960px) {
-  .mukea-nav-transparent .VPNavBar:not(.home.top) .content-body {
-    background-color: transparent !important;
-  }
-}
-
-/* Keep top navbar layout consistent even when a sidebar exists (e.g. blog). */
-@media (min-width: 960px) {
-  .VPNavBar.has-sidebar .wrapper {
-    padding: 0 32px !important;
-  }
-
-  .VPNavBar.has-sidebar .container {
-    max-width: calc(var(--vp-layout-max-width) - 64px) !important;
-  }
-
-  .VPNavBar.has-sidebar .title {
-    position: static !important;
-    width: auto !important;
-    padding: 0 !important;
-  }
+/* .vitepress/theme/custom.css */
 
-  .VPNavBar.has-sidebar .content {
-    padding-left: 0 !important;
-    padding-right: 0 !important;
-  }
-
-  .VPNavBar.has-sidebar .divider {
-    padding-left: 0 !important;
-  }
-
-  .VPNavBarTitle.has-sidebar .title {
-    border-bottom-color: transparent !important;
-  }
+/* 1) 非 home：去掉 VPNavBar 自身的阴影/边框 */
+.VPNavBar:not(.home) {
+  box-shadow: none !important;
+  border-bottom: none !important;
 }
 
-
-/* Download pages: remove doc padding so fixed layout doesn't create scroll */
-.VPDoc .vp-doc._download,
-.VPDoc .vp-doc._en_download {
-  padding: 0 !important;
+/* 2) 非 home：如果底部分隔线/阴影是通过内部 divider 或伪元素画出来的，也一并清掉 */
+.VPNavBar:not(.home)::after,
+.VPNavBar:not(.home) .divider,
+.VPNavBar:not(.home) .divider-line {
+  box-shadow: none !important;
+  border-bottom: none !important;
+  background: transparent !important;
 }