【问题标题】:How to theme the reference popup window in the VS Code editor如何在 VS Code 编辑器中为参考弹出窗口设置主题
【发布时间】:2017-07-08 20:11:45
【问题描述】:

我正在为Visual Studio Code 创建自定义颜色主题扩展,但我不知道如何自定义用户界面某些部分的颜色。主题完整,除了自定义参考弹窗。

这是我要自定义的弹出窗口:

我希望更改蓝色背景,如果可能,更改蓝色边框线。我确信这是可以做到的,因为一些内置主题可以做到这一点。有谁知道我需要在颜色主题文件中添加什么来实现这一点?

我也在寻找自定义状态栏颜色的指针(在编辑器的底部)。

【问题讨论】:

    标签: visual-studio-code


    【解决方案1】:

    据我所知,这是不可能的。

    一些内置主题的构建方式不同。大多数主题都是 textmate 风格的主题,但您可以看到 here 一些内置主题是 .json 文件,并且以某种方式处理不同。

    您可以找到主题文档here。具体来说,这部分是相关的:

    除了 TextMate 语言语法标准范围之外,VS Code 还 具有自定义主题设置,您可以使用它们来调整自己的主题:

    • rangeHighlight:突出显示范围的背景颜色,例如快速打开和查找功能。
    • selectionHighlight:选择时突出显示的区域的背景颜色。
    • inactiveSelection:未聚焦时选择的背景颜色。
    • wordHighlight:读取访问期间符号的背景颜色,如读取变量。
    • wordHighlightStrong:写访问期间符号的背景颜色,例如写入变量。
    • findMatchHighlight:匹配搜索区域的背景颜色。
    • currentFindMatchHighlight:与搜索匹配的当前区域的背景色。
    • findRangeHighlight:为搜索选择的区域的背景颜色。
    • linkForeground:链接颜色。
    • activeLinkForeground:活动链接的颜色。
    • hoverHighlight:悬停时的背景颜色。
    • referenceHighlight:查找所有参考时参考的背景颜色。
    • 指南:用于指示嵌套级别的指南颜色。

    您可以找到一个示例 VS Code 主题 here ,其中包括自定义 设置。

    正如我们在此处看到的,引用窗格没有特殊的覆盖。

    不过,我们可以在代码中看到,您在参考窗格中看到的暗蓝色主题和浅蓝色主题是代码here 中设置的默认值。

    【讨论】:

      【解决方案2】:

      UI 本身的颜色存储在以下文件 (ubuntu) 中:/usr/share/code/resources/app/out/vs/workbench/electron-browser/workbench.main.css

      您可以对其进行编辑,或等待March 2017 发布新版本,以便更轻松地自定义这些颜色。

      【讨论】:

        猜你喜欢
        • 2018-11-18
        • 1970-01-01
        • 1970-01-01
        • 2020-10-08
        • 1970-01-01
        • 1970-01-01
        • 2018-07-27
        • 1970-01-01
        • 2022-07-09
        相关资源
        最近更新 更多