Visual Studio代码扩展：将CSS样式注入当前主题

Question

我想在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;
}

它的行为完全符合我的需要。

我的下一步是将其打包为扩展程序。我不想创建一个新主题，也不想让一个简单的解决方案变得更复杂。

但目前我只能看到两种改变编辑风格的方法：

• 新主题
• window.createTextEditorDecorationType：https://code.visualstudio.com/docs/extensionAPI/vscode-api#window.createTextEditorDecorationType

这两个解决方案都不允许我在VSCode编辑器样式集中添加六个CSS行。

问题是：

• 我是否错过了在VSCode中为现有样式添加自己的CSS样式的选项？
• 如果这是不可能的（我可以理解为什么它可能被封装）在VS Code扩展中突出显示尾随空格的正确方法是什么？

Answer 1

由于VS Code的工作方式，它将把这些数据作为主题的一部分。

您必须创建自定义主题。

您可以轻松获取现有主题（直接从VSCode github项目复制代码）并进行小修改。

尝试创建一个主题，其文件试图引用VSCode中的另一个现有主题会很有趣...如果主题名称发生更改可能会出错，但是即使主题名称发生了，也可以将您的CSS添加到现有主题中更新？但老实说，这似乎更像是制作一个非常简单但不是超级难的解决方案，而且非常复杂......

最好的办法是制作一个主题。