如何在 VSCode 用户设置中为深色和浅色主题指定颜色

Posted

技术标签:

【中文标题】如何在 VSCode 用户设置中为深色和浅色主题指定颜色【英文标题】:How to specify colour for dark and light theme in general in VSCode user settings 【发布时间】:2020-10-13 07:11:04 【问题描述】:

我想为深色或浅色主题变体自定义 VSCode 颜色设置一般,例如:

"workbench.colorCustomizations": 
    "light": 
        "editor.background": "#ff0000",
    

然而,据我所知,只能为所有情况或特定主题定义颜色,例如

"workbench.colorCustomizations": 
    "editor.background": "#ff0000",
    "[Default Light+]": 
        "editor.background": "#ff0000"
    

这个解决方案的问题在于,它适用于任何地方或一个特定主题,而不是任何光变主题一般

实际上,颜色确实具有暗/亮/高对比度变体的默认值。例如,当通过扩展的 package.json 中的contributors.colors 添加颜色时,是这样的:

"contributes": 
    "colors": [
        
          "id": "mycolour",
          "description": "my colour",
          "defaults": 
            "dark": "#ffffff",
            "light": "#000000",
            "highContrast": "#010203"
          
        
    ]

有没有办法在用户设置中自定义颜色的通用变体,就像在contributors.colors 中一样?我在这个主题上找到的文档并不是我所说的详尽无遗(基本上只是几个例子),但可能有些东西我错过了。另外,我在上面的示例中使用了 workbench.*,因为我最感兴趣的是该设置,而不是编辑器。* 颜色设置。

【问题讨论】:

谢谢,您的问题实际上包括对我来说可行的解决方案。我喜欢高对比度,所以我喜欢把我的背景设置为#000000。但是如果我需要很多亮度(在户外工作),我有时会切换到浅色主题。我的问题是我的背景仍然是#000000。您的“[Default Dark+]”技巧完全解决了我的问题,因为我只在 2 个主题之间切换。我想如果我以后找到另一个喜欢的主题,我也可以将设置复制到那个主题 @Jules,我很高兴你在这里找到了一些有价值的信息,但是 [Default Dark+] 标签不是骗局;它只是您碰巧正在使用的 VScode 中特定黑暗主题的名称。该名称可能会误导您认为它是某种通用标签,但事实并非如此 - 该标签下的设置不适用于其他主题。 【参考方案1】:

事实证明,这还不可能。此功能有一个功能请求 (https://github.com/microsoft/vscode/issues/101418),因此,希望将来可能会添加它。

【讨论】:

其实这个功能请求刚刚上线;任何有兴趣的人都应该去投票。 它会得到我的投票,但它现在已经关闭了:(

以上是关于如何在 VSCode 用户设置中为深色和浅色主题指定颜色的主要内容,如果未能解决你的问题,请参考以下文章

windowbackground 在深色和浅色主题中不起作用

Jetpack Compose:如何以编程方式将主题从浅色模式更改为深色模式 onClick

如何在 Storybook 6.0 中自定义深色和浅色主题

TailwindCSS - 在“浅色”、“深色”或“系统设置”之间切换颜色主题

深色主题和浅色主题问题——android studio(夜间)

如何在 vuetify 的浅色主题中启用具有自定义颜色的深色模式?