添加 logo.svg 文件并更新布局组件以支持光暗模式下的 logo 显示

Author: hotlong

objectdocs.json

@@ -13,7 +13,9 @@
   },
   "branding": {
     "logo": {
-      "text": "ObjectStack"
+      "text": "ObjectStack",
+      "light": "/logo.svg",
+      "dark": "/logo.svg"
     },
     "theme": {
       "accentColor": "blue", 

packages/site/app/layout.config.tsx

@@ -1,9 +1,32 @@
 import { type BaseLayoutProps } from 'fumadocs-ui/layouts/shared';
 import { siteConfig } from '@/lib/site-config';
+import Image from 'next/image';
 
 export const baseOptions: BaseLayoutProps = {
   nav: {
-    title: siteConfig.branding.logo.text || 'ObjectStack',
+    title: (
+      <div className="flex items-center gap-2">
+        {siteConfig.branding.logo.light && (
+          <Image
+            src={siteConfig.branding.logo.light}
+            alt={siteConfig.branding.logo.text || 'Logo'}
+            width={30}
+            height={30}
+            className={siteConfig.branding.logo.dark ? 'dark:hidden' : ''}
+          />
+        )}
+        {siteConfig.branding.logo.dark && (
+          <Image
+            src={siteConfig.branding.logo.dark}
+            alt={siteConfig.branding.logo.text || 'Logo'}
+            width={30}
+            height={30}
+            className="hidden dark:block"
+          />
+        )}
+        <span className="font-bold">{siteConfig.branding.logo.text || 'ObjectStack'}</span>
+      </div>
+    ),
     transparentMode: siteConfig.layout.navbar.transparentMode,
   },
   links: siteConfig.layout.navbar.links.map(link => ({