為Obsidian頁籤增添光彩

Obsidian v0.16.0新增了分頁式的操作，但現有的佈景主題還找不到能將頁籤強調出不同的樣式，自己研究了一下自訂了一個CSS片段，在頁籤上緣加上邊框顏色，檔名也加上容易區別的顏色（使用外觀設定裡的Accent color）。

▼ myobsidian-tabs.css

.is-focused .mod-active .workspace-tab-header.is-active {
  border-top: 2px solid orange;
}

.is-focused .mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-icon,
.is-focused .mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-title {
  color: rgb(var(--color-accent-rgb));
}

＃＃

您可能也會有興趣的類似文章

• [Obs＃96] Obsidian分頁調整： CSS樣式與外掛，讓分頁操作更簡便 (0則留言, 2022/09/10)
• [Obs＃107] Obsidian全方位搜尋：OmniSearch外掛 (0則留言, 2022/11/20)
• Obsidian 1.0新手教學—打造個人知識管理利器，專屬的第二大腦 (2022年) (4則留言, 2022/10/22)
• Obs143｜分頁式介面的應用：HTML Tabs外掛；增加Obsidian呈現的便利性 (0則留言, 2023/10/15)
• Obsidian(黑曜石) 高亮度顯示或變更文字顏色的3種方法 (4則留言, 2020/07/01)
• [Obs＃85] 分享使用中與外觀有關的10個外掛 (0則留言, 2022/05/01)
• Obs124｜跳，跳，跳乎伊勇！Obsidian用書籤和標籤快速在檔案間跳轉 (1則留言, 2023/04/23)
• [Obs＃95] Obsidian v0.16對於使用介面的強化🚀 (0則留言, 2022/09/04)
• Obs128｜Obsidian Dataview進度條與YAML欄位快速輸入的方法 (0則留言, 2023/05/11)
• Obsidian(黑曜石) 水平捲動面板的設定方法 (11則留言, 2020/06/27)
• Obsidian v0.16.0 Insider版釋出，添加了分頁式的操作 (0則留言, 2022/08/30)
• [Obs＃45] 軟體工程師必備的6個Obsidian外掛 (0則留言, 2021/08/13)
• [Obs＃98] Obsidian的幾個CSS與HTML小技巧 (0則留言, 2022/10/02)
• Obs129｜Obsidian除了CSS片段以外的CSS進階用法與兩個CSS外掛 (0則留言, 2023/05/14)
• [Obs＃86] 分享與編輯器相關的21個Obsidian外掛 (0則留言, 2022/05/08)