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

【问题标题】：Visual Studio Code Extension: inject CSS-style to current themeVisual Studio 代码扩展：将 CSS 样式注入当前主题
【发布时间】：2016-02-04 22:53:42
【问题描述】：

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

【问题讨论】：

您是否找到了添加 CSS 的方法，或者您是否使用 .tmTheme 属性执行此操作？我正在尝试更改文本编辑器之外的 UI 元素上的一些边框，这看起来（我认为）不是主题属性。
我放弃了。我需要突出显示尾随空格。为此创建一个新主题听起来像是开销。对于这样不重要的问题，我不想通过 API 迭代所有行。
是的，我想我最终可能会打同样的电话。谢谢。
顺便说一句，有一个设置可以在保存时删除尾随空格。我查看了代码，我记得他们使用的是内部 API。

标签： visual-studio-code vscode-extensions

【解决方案1】：

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

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

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

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

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

【讨论】：