当 VSCode 将主题归为两个 uiTheme 时，会有一些严重的主题限制： “vs”（适用于所有浅色主题）或“vs-dark”（适用于所有深色主题）。
这不允许人们制作不属于任一类别的 VSCode 颜色主题。我想知道如何通过自定义扩展访问和覆盖 uiTheme 颜色以允许更有趣的颜色主题。也许，这可以通过自定义 CSS 来完成？如果是这样，我希望有人能给我一个如何做到这一点的例子。
编辑：看起来这个资源存储在：
C:/Users/micha/AppData/Local/Programs/Microsoft%20VS%20Code/resources/app/out/vs/workbench/workbench.main.css
看起来我需要一个带有vscode-custom-css 扩展名的css。但是，我不知道如何确定要自定义的资源的名称。我知道我可能需要在 VSCode 中使用开发者模式。但是，我不知道该怎么做。
【问题讨论】：
标签： css visual-studio-code themes
对于custom themes，dark vs light主要有以下含义：
使用了theme colors 的基本集。自定义主题会覆盖这些基色
使用哪种变体的图标（适用于较暗背景的图标与专为较浅背景光设计的图标）。主题也可以自定义一些图标颜色
当用户选择主题时，会在哪个类别主题中列出（dark vs light）
但是dark 与light 决不会限制自定义主题可以或不能使用的颜色。例如，light 主题可以将每种 UI 颜色设置为各种深灰色，也可以使用霓虹彩虹色。
简而言之：除了dark 或light 之外，您不需要创建新的主题类别，也不需要使用自定义css。
【讨论】：
我能够弄清楚这一切。我尝试了 vscode-custom-css 和 vscode-vibrancy VScode 扩展，它们都允许我注入我自己的自定义 CSS 代码来修改通常无法自定义的 VSCode 部分。我从替换 VSCode 的代码折叠图标开始。然后我最终使用了 Vibrancy 扩展程序的代码，因为它没有像其他扩展程序那样在 VSCode 中产生“安装损坏”消息。此外，它还具有活力（模糊透明度）功能作为奖励。然后我将该代码（MIT 开源）集成到我自己的主题扩展中。
我使用 VSCode 的开发者模式来检查它现有的 CSS；并且，制作自定义 CSS。下面是我使用的 CSS：
body {
background: transparent !important;
}
.monaco-editor.vs-dark .margin-view-overlays .folding,
body {
background-image: url(../themes/images/arrow_down.png);
}
.monaco-editor.vs-dark .margin-view-overlays .folding.collapsed,
body {
background-image: url(../themes/images/arrow_right.png);
}
.monaco-editor .inline-folded,
body {
background-image: url(../themes/images/fold.png);
}这是我的 VSCode 扩展的链接：
【讨论】：