Obsidian OutlinerにもCardyを導入してみた

プレビューだけ。

CSSパッチ

一時的にデザインを変更するアクション。だったら最初にやるのはこれでしょう。アウトライナーをカード化する例のヤツ。

Outliner

まずObsidianをアウトライナー化してください。プラグインのOutlinerとZoomをインストール。 Outlines.mdも入れておくと一括変換できます。

Cardy.md

Templaterに下記スクリプトを登録します。

<%*
s = "ul ul li {margin-left: -32px; margin-bottom: 5px; background: lavender; padding: 3px; border-radius: 5px;} .list-bullet:after{visibility: hidden;} ";

d = document.getElementById("Cardy");
if(d){
  new Notice("Cardy off");
  d.remove();
}else{
  new Notice("Cardy on");
  e = document.createElement("style");
  e.id = "Cardy";
  document.body.appendChild(e).innerHTML = s;
}
%>