Visual Studio 代码扩展：将 CSS-style 注入当前主题

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 代码扩展中突出显示尾随空格的正确方法是什么？

Answer 1

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

您必须创建自定义主题。

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

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

最好的办法是做一个主题。

Visual Studio 代码扩展：将 CSS-style 注入当前主题

Visual Studio Code Extension: inject CSS-style to current theme

visual-studio-code

vscode-extensions