いつもScrapboxを使わせていただいております

先程新しく追加されたThemeですが、どのThemeにしてもコードの文字選択にズレが生じるというバグが発生しています

おそらく原因は filter: invert() です

理由はわかりませんが、この色反転用filterを使うと、 div.cursor と div.selection の位置計算がおかしくなるようです

dark theme以外のThemeでも、 --invert-color: invert(0%) が悪さをして文字選択をずらしてしまっているようです

開発ツールで --invert-color をOFFにすると直ります

Classic Themeと Light では --invert-color がないので発生しません

現状だとThemeを変えただけで文字選択がバグってしまいます。 filter: invert() を使わないでDark themeを実装し直すか、 filter: invert() ありでも文字選択がずれないようにしていただけると幸いです

参考までに、 filter: invert() を使用せずにdark themeにするUserCSSを載せておきます：

応急処置法

以下をUserCSSに追加すると直ります

Classic ThemeかデフォルトのLightに切り替えても直ります

動作環境

Firefox 84.0.1

Google Chrome 87.0

ありがとうございます。調べます

修正しました

filter: invert(100%) 使うのやめた

dark/lightのテーマ毎にシンタックスハイライトに使うスタイルを切り替えるようにした

迅速に修正していただきありがとうございます！