VS Code 集成终端的颜色主题

Question

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

Answer 1

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

要更改颜色主题，请按 Ctrl+K+T in windows/ubuntu 或 CMD+K+T 在 mac.
或者您可以通过按 Ctrl+Shift+[=25 打开 命令面板 =]P in windows/ubuntu 或 CMD+Shift+P在 mac 上输入 color。 Select从选项preferences: color theme到select你最喜欢的颜色。
您还可以从左侧栏的扩展菜单安装更多主题。只需搜索 category:themes 即可安装您喜欢的主题。（如果您需要按安装搜索对主题进行排序 category:themes @sort:installs）

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

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

Answer 2

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

打开用户设置(Ctrl+,)
在 Color Customizations

workbench

Edit in settings.json

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

有关您可以编辑哪些颜色的更多信息，您可以查看 here。

Answer 3

将workbench.colorCustomizations 添加到用户设置

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

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

Answer 4

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

第一步：打开用户设置
Windows: Ctrl+,
Mac: CMD+Shift+P

第 2 步：搜索“workbench：颜色自定义”和 select 在 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"
},

Answer 5

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

安装非常简单:

Copy the contents of snazzy.json into your VS Code "settings.json" file.

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

_Notice:_ 对于那些已经尝试 ColorTool and it works outside VSCode but not inside VSCode, you've made no mistakes in implementing it, that's just a decision of VSCode developers 让 VSCode 的终端独立着色的人。

Answer 6

简单。您可以转到 visual studio 中的 'File -> Preferences -> Color Theme' 选项并更改您选择的颜色。

Answer 7

转到VSCode

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

在 macOS - 代码 > 首选项 > 设置或快捷方式 (⌘,) 或搜索 (⇧⌘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

Answer 8

我用 Oh My Zsh。它消除了沉闷，也有很好的功能。

在此处检查 link：https://ohmyz.sh/

Answer 9

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

它补充说：

    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;
    }

Answer 10

如果你想为终端预建主题先看看这个 link

复制你想要的主题并在settings.json 添加：

"workbench.colorCustomizations":{
 //paste the copied theme  
}

VS Code 集成终端的颜色主题

Color theme for VS Code integrated terminal

terminal

visual-studio-code

vscode-settings