it-swarm.cn

如何编辑Visual Studio Code的默认黑暗主题?

我正在使用Windows 7 64位。

有没有办法在Visual Studio代码中编辑默认的黑暗主题?在%USERPROFILE%.vscode文件夹中只有扩展的主题,而在安装路径(我使用默认,C:\ Program Files(x86)\ Microsoft VS Code)中有一些标准主题的文件在\ resources\app \扩展,如Kimbie Dark,Solarized Dark/Light或Monokai的变体,但没有默认的黑暗主题。

但是,如果毕竟有可能编辑它,那么哪些代码块负责对象成员的颜色,指针成员以及C++语言中类和结构的名称?

52
Toreno96

您要查找的文件是,

Microsoft VS Code\resources\app\extensions\theme-defaults\themes

在Windows上搜索文件名dark_vs.json以在任何其他系统上找到它。

15
paarandika

在VS代码“用户设置”中,您可以使用以下标签编辑可见颜色(这是一个示例,还有更多标签),

"workbench.colorCustomizations": {
    "list.inactiveSelectionBackground": "#C5DEF0",
    "sideBar.background": "#F8F6F6",
    "sideBar.foreground": "#000000",
    "editor.background": "#FFFFFF",
    "editor.foreground": "#000000",
    "sideBarSectionHeader.background": "#CAC9C9",
    "sideBarSectionHeader.foreground": "#000000",
    "activityBar.border": "#FFFFFF",
    "statusBar.background": "#102F97",
    "scrollbarSlider.activeBackground": "#77D4CB",
    "scrollbarSlider.hoverBackground": "#8CE6DA",
    "badge.background": "#81CA91"}

如果要编辑某些C++颜色标记,请使用以下标记,

"editor.tokenColorCustomizations": {
    "numbers": "#2247EB",
    "comments": "#6D929C",
    "functions": "#0D7C28"
}
47
Chethaka Uduwarage

就主题而言,VS Code与Sublime一样可编辑。您可以编辑VS代码附带的任何默认主题。您只需要知道在哪里可以找到主题文件。

旁注:我喜欢Monokai主题。但是,我只想改变它的背景。我不喜欢深灰色的背景。相反,我认为对比度更好,背景为黑色。代码弹出更多。

无论如何,我寻找主题文件,并在(在Windows中)找到它:

c:\ Program Files(x86)\ Microsoft VS Code\resources\app\extensions\theme-monokai\themes \

在该文件夹中,我找到了Monokai.tmTheme文件并修改了第一个背景键,如下所示:

<key>background</key>
<string>#000000</string>

主题文件中有一些“背景”键,请确保编辑正确的键。我编辑的那个是最顶层的。第12行我想。

25
iviouse

你无法“编辑”默认主题,它们被“锁定”

但是,您可以将其复制到您自己的自定义主题中,并进行您想要的精确修改。

有关详细信息,请参阅以下文章: https://code.visualstudio.com/Docs/customization/themeshttps://code.visualstudio.com/docs/extensions/install-extension#_your-extensions文件夹

如果你想要改变的只是C++代码的颜色,你应该考虑覆盖c ++支持颜色化器。有关这方面的信息,请访问: https://code.visualstudio.com/docs/customization/colorizer

编辑:黑暗的主题在这里找到: https://github.com/Microsoft/vscode/tree/80f8000c10b4234c7b027dccfd627442623902d2/extensions/theme-colorful-defaults

编辑2:澄清:

15
Tobiah Zarlez

在VS Code 1.12或更高版本的此设置部分中,可以更改任何颜色主题:

 // Overrides colors from the currently selected color theme.
  "workbench.colorCustomizations": {}

请参阅 https://code.visualstudio.com/docs/getstarted/themes#_customize-a-color-theme

要编辑的可用值: https://code.visualstudio.com/docs/getstarted/theme-color-reference

编辑:要更改语法颜色,请参阅此处: https://code.visualstudio.com/docs/extensions/themes-snippets-colorizers#_syntax-highlighting-colors 和这里: https:// www。 sublimetext.com/docs/3/scope_naming.html

12
needfulthing

现在有一个选项修改当前主题,它将复制当前主题设置,并允许您将其保存为*.color-theme.json JSON5文件

Generate color theme from current settings 

然而,更简单的方法是编辑用户设置并自定义 workbench.colorCustomizations

Editing color customizations 

7
jay

我不确定这个答案是否适合这里,但我想为MAC用户分享一个解决方案,如果我开始一个新问题并在那里回答自己,那看起来很尴尬。

[MAC OS解决方案]
寻找你的VSCode主题路径,如下所示:

..your_install_location/Visual Studio Code.app/Contents/Resources/app/extensions/theme-name/themes/theme_file.json

打开.json文件并查找要更改的目标样式。
对于我的情况,我想更改空白渲染颜色
我发现它了
"editorWhitespace.foreground"
所以在Visual Studio Code的settings.json下,
我添加了以下几行(我在工作区设置中),

"workbench.colorCustomizations": {
    "editorWhitespace.foreground": "#93A1A130" // stand as #RRGGBBAA
}

解决方案指南: https://code.visualstudio.com/docs/getstarted/themes#_customize-a-color-theme


别忘了 ⌘ Command+S 保存设置才能生效。

3
elliotching

docs 现在有一个关于此的整个部分。

基本上,使用npm来安装yo,并运行命令yo code,你会得到一个基于文本的小向导 - 其中一个选项是创建和编辑默认的暗方案的副本。

2
LeeGee