VS Code集成终端的颜色主题

时间:2017-02-17 21:45:52

标签: terminal visual-studio-code vscode-settings

我们可以更改VS Code Integrated Terminal的颜色设置吗?只看白色,我看起来很沉闷。

enter image description here

9 个答案:

答案 0 :(得分:95)

您可以通过在用户设置中添加以下内容来实际修改用户设置并单独编辑每种颜色(使用ctrl + ,打开设置并搜索workbench - 然后转到Edit in settings.json下颜色自定义):

"workbench.colorCustomizations" : {
    "terminal.foreground" : "#00FD61",
    "terminal.background" : "#383737"
}

有关您可以编辑的颜色的更多信息,您可以找到here

答案 1 :(得分:21)

VSCode附带内置颜色主题,可用于更改编辑器和终端的颜色。

  • 要更改颜色主题,请在windows / ubuntu中按ctrl+k+t或在mac上按cmd+k+t
  • 或者,您可以在Windows / ubuntu中按ctrl+shift+p或在Mac上按cmd+shift+p打开命令面板,然后输入color。从选项中选择preferences: color theme,以选择您喜欢的颜色。
  • 您还可以从左侧栏的扩展程序菜单中安装更多主题。只需搜索category:themes即可安装您喜欢的主题。 (如果您需要按安装搜索category:themes @sort:installs
  • 对主题进行排序

修改 - 用于手动编辑终端

中的颜色

VSCode团队已从用户设置页面中删除了自定义颜色。目前使用主题是在VSCode中自定义终端颜色的唯一方法。有关详细信息,请查看issue #6766

答案 2 :(得分:7)

workbench.colorCustomizations添加到用户设置

"workbench.colorCustomizations": {
  "terminal.background":"#FEFBEC",
  "terminal.foreground":"#6E6B5E",
  ...
}

检查https://glitchbone.github.io/vscode-base16-term以获得某些预设。

答案 3 :(得分:5)

我发现的最好的颜色-除了非常漂亮之外,也很容易看并且不会使我眼睛沸腾-这些都是我在GitHub存储库中找到的颜色: VSCode Snazzy

非常容易安装

snazzy.json的内容复制到VS代码“ settings.json”文件中。

(如果您不知道如何打开“ settings.json”文件,请先按Ctrl + Shift + P,然后输入首选项:打开settings(JSON)并按Enter)


通知 对于尝试过ColorTool且在VSCode以外但不在VSCode内工作的用户,您已经做了实现它没有任何错误,对于a decision of VSCode developers来说,VSCode的终端可以独立着色。

答案 4 :(得分:2)

如果您对颜色很挑剔,请使用此代码自定义每个细分。

步骤1: Windows:打开用户设置(ctrl +,) Mac:Command + Shift + P

步骤2: 搜索工作台,然后在“颜色自定义”下的settings.json中选择“编辑”

"workbench.colorCustomizations": {
    "terminal.background":"#131212",
    "terminal.foreground":"#dddad6",
    "terminal.ansiBlack":"#1D2021",
    "terminal.ansiBrightBlack":"#665C54",
    "terminal.ansiBrightBlue":"#0D6678",
    "terminal.ansiBrightCyan":"#8BA59B",
    "terminal.ansiBrightGreen":"#237e02",
    "terminal.ansiBrightMagenta":"#8F4673",
    "terminal.ansiBrightRed":"#FB543F",
    "terminal.ansiBrightWhite":"#FDF4C1",
    "terminal.ansiBrightYellow":"#FAC03B",
    "terminal.ansiCyan":"#8BA59B",
    "terminal.ansiGreen":"#95C085",
    "terminal.ansiMagenta":"#8F4673",
    "terminal.ansiRed":"#FB543F",
    "terminal.ansiWhite":"#A89984",
    "terminal.ansiYellow":"#FAC03B"
  }

答案 5 :(得分:1)

进入VSCode的设置

Windows/Linux 上 - 文件 > 首选项 > 设置或快捷方式(ctrl,)

ma​​cOS - 代码 > 首选项 > 设置或快捷方式 (⌘,) 或搜索 (⇧⌘P) →“首选项:打开设置”

搜索“工作台:颜色自定义”并打开settings.json文件

如果您是第一次编辑,您可以看到 workbench.colorCustomizations 为空,

"workbench.colorCustomizations": {
}

在 workbench.colorCustomizations 下编辑或粘贴您的配置

填写您的自定义选项, 我在这里分享同位素主题

"workbench.colorCustomizations": {

    "terminal.background":"#000000",
    "terminal.foreground":"#D0D0D0",
    "terminalCursor.background":"#D0D0D0",
    "terminalCursor.foreground":"#D0D0D0",
    "terminal.ansiBlack":"#000000",
    "terminal.ansiBlue":"#0066FF",
    "terminal.ansiBrightBlack":"#808080",
    "terminal.ansiBrightBlue":"#0066FF",
    "terminal.ansiBrightCyan":"#00FFFF",
    "terminal.ansiBrightGreen":"#33FF00",
    "terminal.ansiBrightMagenta":"#CC00FF",
    "terminal.ansiBrightRed":"#FF0000",
    "terminal.ansiBrightWhite":"#FFFFFF",
    "terminal.ansiBrightYellow":"#FF0099",
    "terminal.ansiCyan":"#00FFFF",
    "terminal.ansiGreen":"#33FF00",
    "terminal.ansiMagenta":"#CC00FF",
    "terminal.ansiRed":"#FF0000",
    "terminal.ansiWhite":"#D0D0D0",
    "terminal.ansiYellow":"#FF0099"
}

现在您可以在 VS Code 终端中看到您的更改

更多主题 => Base16 Themes

更多定制 => VSCode Terminal Colors

答案 6 :(得分:0)

简单地。您可以在Visual Studio中转到“文件->首选项->颜色主题”选项,然后更改您选择的颜色。

答案 7 :(得分:0)

我使用 Oh My Zsh。它消除了沉闷,还具有很好的功能。

点击此处查看链接:https://ohmyz.sh/

答案 8 :(得分:-5)

是的,你可以。打开用户设置,在设置中查找终端,然后应用所需内容。

您还可以查看此blog

您可以选择的terminal emulators列表。