LogseqのCSSを変更してみた。

CSSとは、見た目を整えるもの。らしい。
ということで、今までのも気に入っていたのでが、カード風の表示にあこがれて、変更してみた。

変更前

GitHub - PiotrSss/logseq-bujo-theme: Custom light and dark themes for https://logseq.com/, inspired by Bullet Journals.

@import url('https://raw.githack.com/PiotrSss/logseq-bujo-theme/main/main.css');
 @import url('https://raw.githack.com/PiotrSss/logseq-bujo-theme/main/dark-coffee.css');
@import url('https://raw.githack.com/PiotrSss/logseq-bujo-theme/main/light-sepia.css');

変更後

編集したCSS。見た目は重要。

.ls-block {
  font-family: "Hiragino Maru Gothic ProN";
  font-size: 13px;
  caret-color: red;
  background: #f0f8ff;
  border-radius: 8px;
  margin-bottom: 7px !important;
}

.dark-theme .ls-block {
  background: #D3D3D3	;
}

h1, h2, h3, h4 {
  font-size: 16px !important;
}

参考サイト

Logseqをcustom.cssでCardyスタイルにしてみた - Jazzと読書の日々

CSSを変更するにあたって、背景の色とか変えるのに色コードの知識が役に立った。
ダークモードだと、背景色のほうが選択色より上に来ているのか、見えにくいので、しばらくはライトモードだけの運用にしてみようと思う。

それにしてもCSSは沼かもしれん。