Obsidian Domain 顏色標記設定
給 vault 裡 5 個 domain 各自一個顏色，File Explorer 一眼看到「這個 entity 屬於哪 domain」。
為什麼
v1.3 之後 wiki/entities/<domain>/<type>/ 階層化了。在 Obsidian 的 File Explorer 側欄看就是 5 個資料夾——但全部同色，眼睛還是要讀字才能分辨。加上顏色之後：
- callit / claude / pam / tour-photo / wiki 一眼可分
- 拖檔換 domain 時不會手滑（換完顏色變了會發現）
- 看 graph view 時節點顏色帶 domain 訊息
推薦 plugin：File Color
從 community plugins 找：
搜尋：File Color（作者：mgmeyers）
GitHub：https://github.com/mgmeyers/obsidian-file-color
為什麼選這個：直接對「資料夾」上色（規則性 + 即時生效），不靠 tag、不需要每個檔案手動標。
安裝步驟
- Obsidian → Settings → Community plugins → Browse
- 搜尋
File Color - Install → Enable
設定 5 個 domain 的顏色
進 Settings → File Color → Add color rule，依次加 5 條規則：
| Domain | 路徑 pattern | 建議顏色 | 色票 hex |
|---|---|---|---|
| callit | wiki/entities/callit | 🟦 Blue | #3B82F6 |
| claude | wiki/entities/claude | 🟪 Purple | #A855F7 |
| pam | wiki/entities/pam | 🟧 Orange | #F97316 |
| tour-photo | wiki/entities/tour-photo | 🟩 Green | #10B981 |
| wiki | wiki/entities/wiki | ⬛ Slate | #64748B |
顏色選法原則：避開紅色（紅色保留給「異常」訊號，不該用來分類）。Pastel / 中飽和度為主，避免太刺眼。
進階：給 maps 也上色
可以再加：
| 對象 | 路徑 | 顏色 |
|---|---|---|
| maps | wiki/maps | 🟨 Yellow #EAB308 |
| reports | wiki/reports | ⬜ Gray #94A3B8（淡） |
同步到 graph view
File Color 預設不影響 graph view 的節點顏色。要 graph 也跟著變色，需要另一個 plugin：
Graph Analysis 或 Folder Note + 自訂 CSS
更簡單的解法：用 Obsidian 內建的 graph filter，按資料夾分群。Settings → Graph view → Groups 加 5 個 group：
| Query | Color |
|---|---|
path:wiki/entities/callit | Blue |
path:wiki/entities/claude | Purple |
path:wiki/entities/pam | Orange |
path:wiki/entities/tour-photo | Green |
path:wiki/entities/wiki | Slate |
→ Graph view 打開立即看到 5 色節點分群。
替代方案：純 CSS Snippet（不用 plugin）
如果不想裝 plugin，可用 CSS snippet。在 vault 的 .obsidian/snippets/domain-colors.css：
/* File Explorer：依路徑變色 */
.nav-folder-title[data-path^="wiki/entities/callit"] { color: #3B82F6; }
.nav-folder-title[data-path^="wiki/entities/claude"] { color: #A855F7; }
.nav-folder-title[data-path^="wiki/entities/pam"] { color: #F97316; }
.nav-folder-title[data-path^="wiki/entities/tour-photo"]{ color: #10B981; }
.nav-folder-title[data-path^="wiki/entities/wiki"] { color: #64748B; }
/* 子檔案輕微著色（淡背景）*/
.nav-file-title[data-path^="wiki/entities/callit/"] { background: rgba(59, 130, 246, 0.05); }
.nav-file-title[data-path^="wiki/entities/claude/"] { background: rgba(168, 85, 247, 0.05); }
.nav-file-title[data-path^="wiki/entities/pam/"] { background: rgba(249, 115, 22, 0.05); }
.nav-file-title[data-path^="wiki/entities/tour-photo/"] { background: rgba(16, 185, 129, 0.05); }
.nav-file-title[data-path^="wiki/entities/wiki/"] { background: rgba(100, 116, 139, 0.05); }啟用：Settings → Appearance → CSS snippets → toggle domain-colors。
優點：不裝 plugin，完全自控，跨機器同步（snippet 跟 vault 走）。 缺點：要會改 CSS，更新 domain 要手動加規則。
維護
- 新增 domain（如未來加
general）→ 在 File Color / Graph Groups / CSS snippet 同步加一條 - 改名 domain → 三處都要改
- 刪除 domain → 三處都要刪規則（規則保留會殘色但不致命）
建議：把規則設定截圖存進 Templates/ 或 50-Archive，當 vault 換機重裝時可重設。
配色全景參考
🟦 callit — IT 工單、技術系統
🟪 claude — AI / Claude 產品
🟧 pam — 績效考核、HR 業務
🟩 tour-photo — 旅遊攝影團 project
⬛ wiki — 後設層（plugin 工具自身）
不要超過 7 色（人類視覺辨色限制）。如果 domain 增至 8+，考慮拆 sub-vault 或合併概念相近的 domain。
← 回到 wiki