数式編集中のプレビューは色を変えてほしい
数式記法のプレビューが出るようになったのはありがたいのですが、書かれている文章と色が同じなので、次の行の式と時々混乱します。特に文章の中に数式が現れる場合、混乱が激しいです。 https://gyazo.com/e8831a7797aff43d83c7664335e1efe8
プレビューであることが分かるように色(文字色か背景色)を変えて欲しいです。
(ただ、厳密には本当に式に色を付けたい場合に混乱するかも。背景色なら安全そう。)
プレビュー用のCSSクラスが定義されていると思うので、それを教えてくれれば style.css で何とかなるかもしれないです。BugbearR.icon
code:css
.formula-preview .result {
/* #〇〇〇 の部分にカラーコードを入れればできる */ }
プレビューは以下のように入っているようです
code:html
<div class="line section-1 cursor-line formula-line" id="xxx" style="min-height: 36.4219px;">
<div class="telomere">...</div>
<span class="text"><span><span>
<span class="indent-mark" style="width: 1.5em;"></span>
<span class="indent" style="margin-left: 1.5em;">
<span class="formula"><code>...</code></span>
</span>
</span></span></span>
<div class="formula-preview text">
<span class="result">
<span><span class="indent" style="margin-left: 1.5em;">
<span class="formula">
<span class="preview">
<span class="katex-display"><span class="katex">...</span></span>
</span>
</span>
</span></span>
</span>
</div>
</div>