vscode の Markdown Preview Enhanced ぷラインをあてている状態で、diff によるシンタックスハイライトが正しく動作しない状況になったので、その解決方法を備忘録します。
経緯
vscode では、かれこれ５年くらい Markdown Preview Enhanced を使用しているのですが、あるときふときづくと、
diff のコードハイライトが以下のように正しく表示されていないことに気づきました。
(普通、diff では + は緑色、 - は赤色でハイライトされます)
前はうまく表示されていた気がするのですが、いつの間にか？おかしくなってたみたいです。
原因と解決策
結論ですが、「Preview Theme」により、コードハイライトのされ方が変わる仕様のようです。
自分は、何かの拍子で diff のコードハイライトが正しく表示されないテーマを選択してしまっていたようです。
以下に手順を示します。
- Markdown Enhanced Preview のライブプレビュー画面で、右クリックします。
- 「Preview Theme」を選択し、例えば「github-light.css」を選択します。
これで、diff のコードハイライトを正しく表示することができました。
参考
github の issue に同様の問題があがており、解決策が書かれていましたので、こちらを参考にしました。
https://github.com/shd101wyy/markdown-preview-enhanced/issues/415
github.com
コメント