Logseqのソースを調べカスタムcssを作る

Logseqをカスタマイズするには、内部のクラス名を調べる必要があります。ただ、ネット上でcss関連があまりヒットしません。ないわけではないが少ない。デスクトップ版はインスペクターで調べることができるからか。

でもモバイルだとその方法は使えません。ではどうするか。

custom.js

custom.jsに、ソースを抜き出すスクリプトを組み込みます。

e = document.createElement("div")
e.id = "Source"
e.innerHTML = "ⓘ"
e.style = "color:red;font-size:20px;margin-right:10px;"
head.lastChild.prepend(e)

Source.onclick = () => {
  s = document.body.innerHTML
  s = s.replace(/<([^\/])/g, "\n<$1").replace(/\n+/g, "\n")
  s = "~~~~html\n" + s + "\n~~~~\n"
  s = "obsidian://new?file=logseq&content=" + encodeURIComponent(s)
  open(s)
}