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

Question

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

是否有扩展或其他方式来获取特定元素来修改颜色？类似于 Google Chrome 开发者控制台中的“选择页面中的元素进行检查 (Ctrl+Shift+C)”？
更具体地说，我试图找到这条紫色线的元素名称，将其更改为不太激进的颜色：

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

Answer 1

我自己用这个答案找到了解决方案：https ://stackoverflow.com/a/47970668/9810067

您可以通过在命令面板 (Ctrl+Shift+P) 中输入“开发人员：切换开发人员工具”来打开类似 Chrome 的开发人员控制台（实际上与 Chrome 相同）。

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

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

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

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

现在就完成了。