第九節 主題與外觀
[!ref] 詳解見使用者手冊「主題與外觀」節。
9.1 主題三檔
| 模式 | 觸發 | 表現 |
|---|---|---|
system |
跟隨系統 | 自動切換 |
light |
淺色 | 純灰階 + 暖白底 |
dark |
深色 | OKLCH 藍調 + 高對比度 |
9.2 關鍵色(使用者可感知)
| 角色 | 淺色 | 深色 |
|---|---|---|
| 主品牌 | 深藍 | 淺藍 |
| 強調 / 鏈接 | 藍 | 淺藍 |
| 狀態 · 成功 | 綠 | 綠 |
| 狀態 · 警告 | 琥珀 | 琥珀 |
| 狀態 · 錯誤 | 紅 | 紅 |
9.3 字型
| 角色 | 預設 |
|---|---|
| 介面 | 系統 UI 字型 |
| 等寬 | 系統等寬(SF Mono / Consolas / JetBrains Mono …) |
| 字級檔位 | 小 / 中 / 大(預設中) |
9.4 Header 快捷選單(顯示組滑塊)
Header 右上快捷選單集中四個外觀滑塊,與設置頁同源同步:
| 滑塊 | 檔位 | 對應設置項 |
|---|---|---|
| 主題 | system / light / dark | 設置 → 一般 → 主題 |
| 佈局 | 側邊欄 / 頂部分頁 | 設置 → 一般 → 工作區與工作階段佈局(workspace_display_mode) |
| 訊息量 | 正常 / 極簡 | 設置 → 一般 → 訊息密度(message_density) |
| 語言 | 簡 / 繁 / EN | 設置 → 一般 → 語言(language),切換即時生效並落盤 |
9.5 工作階段狀態條(strip)佈局
工作階段狀態條納管文件變更、記憶、待辦、計畫、目標、引導、結果草稿、附加資料、建議任務、自檢門禁共 10 類條目,按視窗寬度在兩種形態間自動切換:
| 形態 | 觸發 | 呈現 |
|---|---|---|
row |
窄螢幕,或訊息量 = 極簡(full 檔)時恆用 | 輸入框上方橫排,超寬換行;展開為向上彈出的浮層 |
rail |
寬螢幕(內容區上限 + 268px 起) | 訊息區右上縱向狀態疊,寬 236px |
- rail 形態下展開為右側堆疊抽屜:固定定位、無遮罩、不擠壓本文,寬 680px;以整個 rail 為錨,切換不同條目時抽屜位置穩定,並按兩側可用空間自動選擇向左或向右展開。
- 超寬視窗下固定預留抽屜槽位,「內容 + rail + 抽屜」整體居中,開合抽屜不會移動主內容。
- 切換佈局只改變位置,不改變內容寬度。
