https://wineroses.hatenablog.com/entry/2025/12/26/095150

デフォルト・テーマでも安心。

cardy.css

Obsidianをカード・スタイルにするcssです。

こんな感じ。「見出し＋内容」がカードになる。

今回css内に変数を使うことでカスタマイズしやすくしました。

css本体

CSS Editorで書き込んでください。

div[data-type="markdown"] {

  --cardy-card: whitesmoke;
  --cardy-back: white;
  --cardy-header: burlywood;
  --cardy-active: gold;
  --cardy-fontsize: 22px;
  --cardy-width: 800px;

.view-header {
  background: var(--cardy-back) ;
}

.cm-line:first-child {
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  border-top-left-radius: 0.6em;
  border-top-right-radius: 0.6em;
}

.cm-line:last-child {
  padding-bottom: 0.3em;
  border-bottom-left-radius: 0.6em;
  border-bottom-right-radius: 0.6em;
}

.bwc-section-count {
  color: #ccc;
  font-size: 60%;
  background: transparent;
}

.cm-editor {
  background: var(--cardy-back);
}

.HyperMD-header {
  font-size: 90%;
  background: var(--cardy-header) !important;
  font-weight: 800;
  border-top: 0.2em solid var(--cardy-back);
  border-bottom: 1px solid var(--cardy-back);
  border-top-left-radius: 0.6em;
  border-top-right-radius: 0.6em;
  padding-top: 0.5em !important;
  padding-bottom: 0.5em !important;
}

.cm-line:has(+.HyperMD-header) {
  border-bottom-left-radius: 0.6em;
  border-bottom-right-radius: 0.6em;
}

.HyperMD-header-1 {
  color: #6C201C;
}

.HyperMD-header-2 {
  color: #6C201C;
}

.HyperMD-header-3 {
  color: #BC5215;
}

.HyperMD-header-4 {
  color: #DA702C;
}

.cm-line:not(.HyperMD-codeblock) {
  font-size: var(--cardy-fontsize);
  width: var(--cardy-width) !important;
  background: var(--cardy-card) ;
}

.cm-line:before {
 content: "　";
}
  
.cm-line.cm-active:has(br):not(:has(.bwc-section-count)) {
  padding-left: 1ic !important;
}

.cm-editor .cm-line.cm-active {
  background: var(--cardy-active);
}

}

.workspace-drawer-active-tab-header {
  background: burlywood;
  text-align: center;
  border-radius: 1rem;
  box-shadow: 1px 1px 2px #eee;
}

初めの方にある--cardy-card等で配色を指定します。

考えなくていいObsidian

自転車は考えなくていい。

それは「すぐ乗れるようになる」を意味しません。たぶん誰しも子どもの頃、乗れるまで何回もコケ散らかしたと思います。馴染むのに少し「時間」がかかった。

じゃあ、乗れるようになったら「自転車を使いこなしている」と言えるでしょうか。そうかもしれないし、そうでないかもしれない。乗れるようになると自転車の存在は「空気」になります。意識しなくなる。

でもそれは「自転車をコントロールする」ではなく、むしろ「自転車に身を任せる」ではないか。こちらの身体が自転車に合わせ変容する。メタモルフォーゼが起こる。それが「自転車を乗りこなす」なのではないでしょうか。

タイヤが小石に乗り上げると、まるで足の裏で踏んづけた時のように感覚します。身体が「自転車＋私」に拡張している。場合によっては「自転車+私＋道路」くらいに広がる。ただ風景が流れていく。人馬一体になったとき「私」は消え「風」となる。

たぶんこれが「考えなくていい」です。「自転車」も「私」もそこにはない。エディタも同様です。自分が変容してエディタと溶け合う。その場で「書くこと」だけが展開していく。そうした融合体としてのエディタ。

ところが「私」の変容しやすいツールとしにくいツールがある。そこだろうなあ。変容可能性を引き起こさない。いつまでも使い方を調べてしまう。なかなか手に馴染んでこないのです。

それはどこに違いがあるのだろう。

まとめ

年取ると物覚えが悪くなる。「ボケても使えるエディタ」を考えておかないと。

自転車は乗れそうなんだけどね。自動車はあぶない。アクセルとブレーキが同じ操作。あれは「考えないといけないUI」だ。バイクのように作法を振り分けてほしい。

追記

Q: なぜ二項対立なのか。

A: 手が2本しかないから。「こっちがあいつで、こっちが私。」