## はじめに [公式]には『`obsidian.css`を編集しましょう』 と書いてあるが設定画面には違うことが書いてある。 [公式]: https://publish.obsidian.md/help/Plugins/Custom+CSS ![[Pasted image 20210104141000.png]] `.obsidian/snippets`ディレクトリの中に`.css`ファイルをして読み込むのが正しそう。 ![[Pasted image 20210104141158.png]] ## CSSファイルの作成 `<valut>/.obsidian/snippets/owl.css`を作成する。 ```css .cm-header-2 { color: red; } ``` Editor画面の見出し2を赤文字にする設定を入れてみた。 ## 設定で読み込む [[CSS snippets]]の設定を開くと認識されているので有効にする。 ![[Pasted image 20210104141913.png]] 設定を閉じると反映されている👍 ![[Pasted image 20210104142015.png]] また、CSSファイルを変更するとリアルタイムに反映される。 ## MOC - [[Obsidianでチェックしたタスクのリンクを強調表示しない]] - [[Obsidianでページ埋め込み(embed)のスタイルを目立たせない]] - [[emタグ(強調)でオシャレなwarning表示]]