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

Question

我想在VSCode编辑器中突出显示尾随空格。

首先，我尝试通过开发工具添加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。

问题是：

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

Answer 1

由于 VS Code 的工作方式，它将提取该数据作为主题的一部分。

您必须创建一个自定义主题。

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

尝试制作一个主题，其文件尝试引用 VSCode 中的另一个现有主题会很有趣...如果主题名称更改，可能会出现错误，但即使该主题已更新，也可以将 css 添加到现有主题？但老实说，这似乎更像是让一个不是超级简单但不是超级困难的解决方案变得极其复杂......

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