ahpxex/open-dashboard

品牌重塑

唯一的品牌設定面是 src/config/app.ts（appConfig）。它由 側邊欄（Logo + 名稱 + 導航）、根文件頭（標題 + 描述）、主題提供者，以及驗證頁面（品牌標頭）所使用。 除此之外，不應在其他地方硬編碼產品名稱或 Logo。

步驟

1. 編輯 src/config/app.ts：

   • name—產品名稱（側邊欄、<title>、驗證標頭）。
   • description—<meta name="description">。
   • logo—任何 Phosphor 圖示元件（例如 import { RocketIcon }）。
   • theme—{ defaultTheme: "light" | "dark" | "system", enableSystem }。

2. 導航 位於 src/lib/sidebar-items.ts（mainMenuItems、 bottomMenuItems），以 appConfig.nav 的形式呈現。可以新增/移除/重新排序項目； 請保留 // create-resource:anchor 這行（生成器會在其上方插入內容）。

3. 主題標記（顏色）是位於 src/styles/app.css 中的 CSS 變數 （--primary、--chart-1..5、……），適用於明亮與 .dark 模式。圖表與狀態標籤會 自動重新設定主題。

驗證

執行 bun run check，然後載入應用程式：側邊欄、瀏覽器分頁標題以及 登入頁面都會顯示新的品牌資訊。appConfig 的單元測試會驗證導航的不變性（src/config/app.test.ts）。