VSCode エディターで末尾のスペースを強調表示したい。
最初に、次のような Dev Tools を介して CSS スタイルを追加しようとしました。
span .token .block .meta .leading .whitespace:last-of-type {
background-color: red;
}
span .token .block .meta .trailing .whitespace {
background-color: red;
}
そして、動作する必要があるのとまったく同じように動作します。
私の次のステップは、それを拡張機能としてパックすることです。新しいテーマを作成したくないし、単純なソリューションをより複雑にしたくありません。
しかし、現在、エディターのスタイルを変更する方法は 2 つしかありません。
- 新しいテーマ
- window.createTextEditorDecorationType: https://code.visualstudio.com/docs/extensionAPI/vscode-api#window.createTextEditorDecorationType
どちらのソリューションでも、VSCode エディター スタイル セットに 6 つの CSS 行を追加することはできません。
質問は次のとおりです。
- VSCode の既存のスタイルに独自の CSS スタイルを追加するオプションがありませんでしたか?
- これが不可能な場合 (カプセル化されている理由を理解できます)、VS Code 拡張機能で末尾のスペースを強調表示する正しい方法は何ですか?