Css “如何访问/覆盖”；与暗和报价；或；vs"；超色调

当VSCode将主题集为两个uiTheme时，存在一些严重的主题化限制： “vs”（适用于所有浅色主题）或“vs深色”（适用于所有深色主题）s

这不允许人们制作不属于这两个类别的VSCode颜色主题。我想知道如何通过自定义扩展访问和覆盖uiTheme颜色，以允许更有趣的颜色主题。也许，这可以通过自定义CSS来完成？如果是这样的话，我希望有人能给我一个如何做到这一点的例子

编辑：此资源似乎存储在：

C:/Users/micha/AppData/Local/Programs/Microsoft%20VS%20Code/resources/app/out/vs/workbench/workbench.main.css

看起来我需要一个带有扩展名的css。但是，我不知道如何确定要自定义的资源的名称。我知道我可能需要在VSCode中使用开发者模式。但是，我不知道该怎么办。

因为，

暗

vs

亮

主要指以下几点：

• 已使用的基本数据集。自定义主题覆盖这些基本颜色

• 使用哪种图标（适用于较暗背景的图标与适用于较亮背景光的图标）。主题也可以自定义一些图标颜色

• 当用户选择主题时（

  dark

  vs

  light

  ）会列出哪个类别主题

但是，

深色

与

浅色

在任何方面都不能限制自定义主题可以或不能使用的颜色。例如，

灯光

主题可以将每个UI颜色设置为各种深浅的深灰色，也可以使用霓虹彩虹

---

简而言之：你不需要创建一个新的主题类别，除了<代码>黑暗或<代码>光明，你也不需要使用自定义css。

我能够解决这一切。我尝试了这两种以及VScode扩展，它们都允许我注入自己的自定义CSS代码，以修改VScode中通常无法自定义的部分。我首先替换了VSCode的代码折叠图标。然后我使用了Vibrance扩展的代码，因为它没有像其他扩展那样在VSCode中生成“损坏的安装”消息。此外，它还有一个活力（模糊透明度）功能作为奖励。然后我将这些代码（MIT开源）集成到我自己的主题扩展中

我使用VSCode的开发者模式来检查它现有的CSS；并且，制作一个自定义CSS。下面是我使用的CSS：

正文{
背景：透明！重要；
}
.MONACOA-editor.vs-dark。边缘视图覆盖。折叠，
身体{
背景图片：url（../themes/images/arrow_down.png）；
}
.monaco-editor.vs-dark.页边距视图覆盖.折叠.折叠，
身体{
背景图片：url（../themes/images/arrow_right.png）；
}
.monaco编辑器。内联折叠，
身体{
背景图像：url（../themes/images/fold.png）；
}

是的，我已经知道预定义的深色/浅色UI主题元素是什么；如前所述，我已经发布了一个扩展主题（使用深色UI基本主题）。看起来好像有一个扩展正是我想要的：。我只需要看看它是否可以包含在我自己的主题中，而不依赖于vscode自定义CSS扩展。你具体想做什么？以编程方式设置颜色？VSCode主题具有某些不可主题化的元素颜色。这些不可分割的元素假定一个主题的所有组成部分不是“暗”就是“光”。因此，很难设计具有“暗”侧边栏和“暗”面板以及浅色编辑器背景或其他方式的主题。不可编辑元素，如代码折叠图标、拆分编辑器/拆分终端图标、命令调色板快捷跳线图标颜色等，都是黑色或浅色兼容的基本“集合”，不能单独混合、匹配或定义。我需要帮助通过我的主题扩展来控制这些不可编辑元素的颜色（与VSCode自定义CSS扩展中使用的方法相同）。我唯一能做的就是尝试了解此扩展是如何实现的，或者在此处询问如何实现的。例如，如何更改我主题中代码折叠图标的颜色。