Obsidianでファイルごとに背景色を変える
特定のclassを持つ場合、ページの背景色を替えるためのCSS
ページのフロントマター
code:sample.yaml
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) {
}
:has()を使って切り分ける
ページ部分とヘッダー部分に分かれ、ヘッダー部分はフォーカスしているときとそうでないときの二種類があるので共にケアしておく。