在 Visual Studio 代码中查找主题元素名称以更改其颜色

Question

我正在根据自己的喜好修改 Visual Studio 代码主题。但是，我在从 https://code.visualstudio.com/api/references/theme-color 中找到正确的元素名称时遇到了问题。

是否有扩展程序或其他方法可以让特定元素修改颜色？ Google Chrome 开发者控制台中的 "Select the element in the page to inspect it (Ctrl+Shift+C)" 之类的东西？
更具体地说，我试图找到这条紫色线的元素名称，以将其更改为不太激进的颜色：

对查找一般元素名称或查找该元素的名称有帮助吗？

Answer 1

我自己用这个答案找到了解决方案：

您可以通过在命令面板（Ctrl+ Shift+P).

但是，这对我帮助不大。虽然我能够通过“Select 页面中的一个元素来检查它”(Ctrl+Shift+C) 来获取元素 class，但我没有设法获取我可以获取的名称放入 settings.json.

我的诀窍是在命令面板中输入 “开发人员：从当前设置生成颜色主题”。从那里我设法找到 "editorGroup.border"，这正是我想要更改颜色的元素。

然后我打开我的 VSCode settings.json（在 this 的帮助下确定设置范围）并在那里添加：

{
   ...
    "workbench.colorCustomizations": {
        ...
        "editorGroup.border": "#9fb3c0ad",
        ...
    }
    ...
}

给你了。