Obsidianでファイルごとに背景色を変える
ObsidianでファイルごとにCSSを切り分けるを使うことで、CSSを切り分けられる。
特定のclassを持つ場合、ページの背景色を替えるためのCSS
ページのフロントマター
code:sample.yaml
#.weeklyクラスが追加される
cssclasses: weekly
カスタムCSS
code:style.css
.is-focused .workspace-leaf.mod-active:has(.weekly) .view-header{
background-color:#333036;
}
.workspace-leaf-content:has(.weekly) .view-header{
background-color:#333036;
}
.workspace-split.mod-root .view-content:has(.weekly) {
background-color: #333036;
}
:has()を使って切り分ける
ページ部分とヘッダー部分に分かれ、ヘッダー部分はフォーカスしているときとそうでないときの二種類があるので共にケアしておく。
#Obsidian