Logseqをcustom.cssでCardyスタイルにしてみた

退かぬ！ 媚びぬ！省みぬ！

Logseq

Logseq 0.7.4

分類: 仕事効率化
価格: 無料 (Logseq, Inc.)

WorkFlowyのカスタマイズが難しくなった今、Cardyが Logseqに帰って参りました。

custom.css

Subtext 1.0.1

分類: 開発ツール,ユーティリティ
価格: 無料 (Charcoal Design)

logseqフォルダ内にcustom.cssを作成し、下記cssを貼り付けてください。Subtextを使うと書き換えやすいです。

.ls-block {
  font-family: Hiragino Maru Gothic ProN;
  font-size: 16px;
  caret-color: red;
  background: lavender;
  border-radius: 5px;
  margin-bottom: 3px !important;
}

.dark-theme .ls-block {
  background: darkslategray;
}

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

Cardyとは何か

アウトラインの構造をカード形式で表示するスタイルです。ブロックが視覚的に表現されるので操作しやすくなります。

文字を書くとき、ブロックが切り替わったかどうか見て取れるし、移動する範囲もわかりやすい。アウトライナーに慣れないうちはガイドになります。

ライトモードとダークモードで配色が変わります。ライトモードのラベンダーはシンプルだけど花がある。気に入りました。ダークモードはも少し暗めが良かったか。人によってそれぞれだから、ご自由にカスタマイズしてください。

問題点

ブロックメニューを出したとき。本来なら対象のブロックが青くなるのですが、変わらないときがあります。custom.cssが勝つ様子。

スライドカーソル

スライドカーソルは、右端の「キーボードを閉じる」のボタンからスライドすれば、今でも有効です。ちょっと感動する。

まとめ

カードは宛名に届いたときに意味が生じる。宛名に届くまでは意味は持たない。故に、誤配などない。ただ、別の意味が生じるだけのことです。

追記：壁紙

壁紙を貼るのは下記cssでいけそう。ネット上の画像に限るみたい。Gyazo使う？

#main-content-container{
  background-image: url('画像のURLアドレス');
  background-size: cover;
}

Logseqの Cardyをコルクボード風にする - Jazzと読書の日々

追記：6/28

ダークモードでブロック選択の色が変わらない問題。上記記事で対応策が書いてありました。ありがとうございます。