如何在vscode扩展中获取vscode主题颜色?

时间:2017-11-05 02:32:16

标签: visual-studio-code vscode-extensions

我想在我的扩展程序中使用当前vscode主题中使用的一些颜色。我如何获得颜色?

换句话说,我希望使用原始颜色的扩展颜色与扩展运行时的基本vscode窗口匹配。

3 个答案:

答案 0 :(得分:3)

您可以参考workbench colors

const color = new vscode.ThemeColor('badge.background');

这将为您提供当前主题徽章的颜色。

请注意,您无法引用TM范围项:#32813

https://code.visualstudio.com/docs/extensionAPI/vscode-api#_a-namethemecoloraspan-classcodeitem-id244themecolorspan

答案 1 :(得分:1)

如果在VS Code实例中有所需的配色方案,请运行Developer: Generate Color Theme From Current Settings命令。这将生成一个颜色主题文件,然后您可以在自己的扩展中发布

答案 2 :(得分:0)

要访问WebView上下文中的主题颜色,需要为所有theme colors生成css变量。例如,获取:

editor.background

您可以使用css变量:

var(--vscode-editor-background)