Obsidian Thino をカスタマイズするCSS

Memosの頃よりフォントが大きくなってる？

Thino

MemosがバージョンアップしてThinoになりました。

で、ですね、フォントが大きい。 どうも通常の編集画面と同じフォントサイズが適用されています。 書き込む方も、表示する方も。 でも、ちょっとメモをする用途なので、コンパクトに引き締まった感じになってほしいです。

ということでカスタムcssを作ります。

Thino.css

CSS Editorで下記スクリプトを書き込んでください。

.memo-editor-wrapper .cm-contentContainer {
  font-size: 18px !important;
}

.memo-editor-wrapper .btns-container .action-btn {
  background: mediumaquamarine !important;
}

.memo-content-text p {
  font-size: 15px !important;  
}

memo-editor-wrapperが投稿欄で、btns-containerは投稿ボタンです。 memo-content-textが一覧表示。

使用例

ボックスの余白が目立ってしまうかなあ。 どこで調節するんだろ？

まとめ

クラス名を見るとmemoとthinoが混在してる。 今後thinoに統一されそう。