VS Code 集成终端的颜色主题

Posted 2023-02-22

【中文标题】VS Code 集成终端的颜色主题

【英文标题】：Color theme for VS Code integrated terminal

【发布时间】：2017-07-07 13:42:28

【问题描述】：

我们可以更改 VS Code 集成终端的颜色设置吗？我的看起来很暗淡，只有白色。

【问题讨论】：

Here's a useful theme generator 在 settings.json 中修改您的"workbench.colorCustomizations"

不同的背景颜色和自定义 per 终端窗口会很好。

要自定义终端查找高亮颜色，在深色主题上添加"terminal.selectionBackground": "#e26cffcb",。见vscode-terminal-change-the-find-highlight-color

【参考方案1】：

您实际上可以通过将以下内容添加到用户设置来修改您的用户设置并单独编辑每种颜色。

打开用户设置（Ctrl+,） 搜索workbench并在Color Customizations下选择Edit in settings.json

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

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

【讨论】：

它目前正在为我工​​作，我的 VSCode 版本是 1.17.2（这是最新的）

你是对的。奇怪的。他们说它被删除了，但它在那里。只是自己尝试了一下，它奏效了。我很失望他们说它被删除了。很高兴看到情况并非如此。

这工作正常！不过我也想学习如何在终端中获得对比色！

自 1.24.0 起仍然有效。我认为部分困惑是您无法在设置中搜索terminal.background（'workbench.colorCustomizations': 是默认设置），因此乍一看似乎缺少功能。

因为我明年 40 岁，我很欣赏你的例子，它使 VS Code 终端就像我的第一台计算机 Amstrad CPC 464 :)

【参考方案2】：

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

第 1 步： 打开用户设置 Windows：Ctrl+, Mac：CMD+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.ansiBlue":"#00a1f9",
    "terminal.ansiCyan":"#8BA59B",
    "terminal.ansiGreen":"#95C085",
    "terminal.ansiMagenta":"#8F4673",
    "terminal.ansiRed":"#FB543F",
    "terminal.ansiWhite":"#A89984",
    "terminal.ansiYellow":"#FAC03B"
,

【讨论】：

谢谢！缺少蓝色：例如"terminal.ansiBlue":"#00a1f9"

本网站提供了一系列终端主题自定义，您可以复制/粘贴到您的设置中：glitchbone.github.io/vscode-base16-term

【参考方案3】：

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

要更改颜色主题，请在 windows/ubuntu 中按 Ctrl+K+T 或 CMD+K+T 在 mac 上。 您也可以在 windows/ubuntu 中按 Ctrl+Shift+P 或 CMD+Shift+P 在mac上输入color。从选项中选择preferences: color theme，以选择您喜欢的颜色。 您还可以从左侧栏的扩展菜单中安装更多主题。只需搜索category:themes 即可安装您喜欢的主题。 （如果您需要按安装次数对主题进行排序，请搜索category:themes @sort:installs）

编辑 - 用于在终端中手动编辑颜色

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

【讨论】：

感谢您的回答，但是全局主题对终端窗口的影响很小，只影响非常广义的背景和前景色。 OP 和我希望独立地对提示、输入命令和输出进行着色，而不仅仅是在黑底白字和白底黑字之间变化。知道如何更好地控制终端文本颜色吗？

似乎他们从用户设置页面中删除了自定义颜色。目前使用主题似乎是在 VSCode 中自定义终端颜色的唯一方法。查看github.com/Microsoft/vscode/issues/6766

不幸的是，答案似乎是它目前不受支持，但知道它还是有用的。我会给你赏金。感谢您对此进行跟踪。

据我所知，它是仍然在那里从设置中进行自定义。打开设置并查找“workbench.colorCustomizations”

这个是改变全局颜色主题，不影响集成终端

【参考方案4】：

在用户设置中添加workbench.colorCustomizations

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

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

【讨论】：

交互式预设网站是一个很棒的资源

【参考方案5】：

我发现的最好的颜色——除了非常漂亮之外，也很容易看，而且不会让我眼花缭乱——是我在这个 GitHub 存储库中找到的那些： VSCode Snazzy

非常容易安装：

将snazzy.json 的内容复制到你的VS Code“settings.json”文件中。

（如果您不知道如何打开“settings.json”文件，请先按Ctrl+Shift+P然后写 Preferences: open settings(JSON) 并回车）。

---

_Notice：_ 对于那些尝试过ColorTool 并且它在VSCode 之外但不在VSCode 内部的人，你在实现它时没有犯错，这只是a decision of VSCode developers 用于VSCode 的终端独立着色。

【参考方案6】：

转到VSCode的设置

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

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

搜索“workbench：颜色自定义”并打开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

【讨论】：

Base16 主题链接很棒

【参考方案7】：

我使用 Oh My Zsh。它消除了沉闷，并且还具有不错的功能。

在此处查看链接：https://ohmyz.sh/

【参考方案8】：

同时检查 VSCode 1.61（2021 年 9 月）：

Issue 128228 "Support setting terminal color in TerminalOptions | ExtensionTerminalOptions" PR 128856 commit ad59706

它补充说：

    export interface TerminalOptions 
        /**
         * Supports all ThemeColor keys, terminal.ansi* is recommended for contrast/consistency
         */
        color?: ThemeColor;
    
    export interface ExtensionTerminalOptions 
        /**
         * Supports all ThemeColor keys, terminal.ansi* is recommended for contrast/consistency
         */
        color?: ThemeColor;
    

【讨论】：

你能举个例子说明这个看起来像什么，需要去哪里吗？ （或者这些shell命令？）

@Sterling 除了您在github.com/microsoft/vscode/issues/… 中看到的内容之外，我没有太多其他内容了

【参考方案9】：

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

【讨论】：

这不会改变终端的文本颜色。