【发布时间】:2017-07-08 20:11:45
【问题描述】:
我正在为Visual Studio Code 创建自定义颜色主题扩展,但我不知道如何自定义用户界面某些部分的颜色。主题完整,除了自定义参考弹窗。
这是我要自定义的弹出窗口:
我希望更改蓝色背景,如果可能,更改蓝色边框线。我确信这是可以做到的,因为一些内置主题可以做到这一点。有谁知道我需要在颜色主题文件中添加什么来实现这一点?
我也在寻找自定义状态栏颜色的指针(在编辑器的底部)。
【问题讨论】:
我正在为Visual Studio Code 创建自定义颜色主题扩展,但我不知道如何自定义用户界面某些部分的颜色。主题完整,除了自定义参考弹窗。
这是我要自定义的弹出窗口:
我希望更改蓝色背景,如果可能,更改蓝色边框线。我确信这是可以做到的,因为一些内置主题可以做到这一点。有谁知道我需要在颜色主题文件中添加什么来实现这一点?
我也在寻找自定义状态栏颜色的指针(在编辑器的底部)。
【问题讨论】:
据我所知,这是不可能的。
一些内置主题的构建方式不同。大多数主题都是 textmate 风格的主题,但您可以看到 here 一些内置主题是 .json 文件,并且以某种方式处理不同。
您可以找到主题文档here。具体来说,这部分是相关的:
除了 TextMate 语言语法标准范围之外,VS Code 还 具有自定义主题设置,您可以使用它们来调整自己的主题:
- rangeHighlight:突出显示范围的背景颜色,例如快速打开和查找功能。
- selectionHighlight:选择时突出显示的区域的背景颜色。
- inactiveSelection:未聚焦时选择的背景颜色。
- wordHighlight:读取访问期间符号的背景颜色,如读取变量。
- wordHighlightStrong:写访问期间符号的背景颜色,例如写入变量。
- findMatchHighlight:匹配搜索区域的背景颜色。
- currentFindMatchHighlight:与搜索匹配的当前区域的背景色。
- findRangeHighlight:为搜索选择的区域的背景颜色。
- linkForeground:链接颜色。
- activeLinkForeground:活动链接的颜色。
- hoverHighlight:悬停时的背景颜色。
- referenceHighlight:查找所有参考时参考的背景颜色。
- 指南:用于指示嵌套级别的指南颜色。
您可以找到一个示例 VS Code 主题 here ,其中包括自定义 设置。
正如我们在此处看到的,引用窗格没有特殊的覆盖。
不过,我们可以在代码中看到,您在参考窗格中看到的暗蓝色主题和浅蓝色主题是代码here 中设置的默认值。
【讨论】:
UI 本身的颜色存储在以下文件 (ubuntu) 中:/usr/share/code/resources/app/out/vs/workbench/electron-browser/workbench.main.css
您可以对其进行编辑,或等待March 2017 发布新版本,以便更轻松地自定义这些颜色。
【讨论】: