VS 码集成终端的色彩主题

我们可以改变 VS 代码集成终端的颜色设置吗? 我的只是白色看起来沉闷。

enter image description here

247848 次浏览
小开

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

  • 在 windows/ubuntu 中按 Ctrl + K + T，在 mac 上按 CMD + K + T来改变颜色主题。
  • 或者你也可以在 windows/ubuntu 中按 Ctrl + 换挡 + P或者在 mac 上按 CMD + 换挡 + P然后键入 color来打开 命令调色板。从选项中选择 preferences: color theme，以选择您喜欢的颜色。
  • 您还可以从左栏的扩展菜单中安装更多的主题。只要搜索 category:themes来安装你喜欢的主题。(如果需要通过安装对主题进行排序，请搜索 category:themes @sort:installs)

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

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

小开
最佳答案

通过向用户设置添加以下内容，可以实际修改用户设置并单独编辑每种颜色。

  1. 打开用户设置(Ctrl + ,)
  2. 搜索 workbench并在 Color Customizations下选择 Edit in settings.json
"workbench.colorCustomizations" : {
"terminal.foreground" : "#00FD61",
"terminal.background" : "#383737"
}

更多关于什么颜色你可以编辑你可以找到 给你。

小开

将 workbench.colorCustomizations添加到用户设置

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

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

小开

如果你对颜色很挑剔，可以使用这段代码来自定义每个片段。

第一步: 打开用户设置
视窗: Ctrl + < kbd > ,
Mac: CMD + 换挡 + P

第二步: 搜索“ workbench: color customations”并在 setings.json 中选择 Edit。 在现有{}内部分页下面的代码，并根据需要进行自定义。

"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"
},

资源: 这个网站有 VS 代码主题，你可以复制/粘贴设置

小开

我找到的最好的颜色——除了非常漂亮，也非常容易看，而且不会让我目瞪口呆——是我在 GitHub 知识库中找到的列表: 译自: 美国《科学》杂志网站(http://github.com/tyriar/VSCode-Snazzy)原著: http://github.com/tyriar/VSCode-Snazzy

非常容易安装 :

将 时髦 Json的内容复制到 VS 代码“ setings.json”文件中。

(如果您不知道如何打开“ setings.json”文件，请先按 Ctrl + 换挡 + P，然后写入 首选项: 开放设置(JSON)并按回车)。

注意 : 对于那些尝试了 色彩工具并且它在 VSCode 之外工作但是在 VSCode 内部不工作的人来说，你在实现它的时候没有犯任何错误，那只是 VSCode 开发人员的决定，VSCode 的终端是独立着色的。

小开

很简单。你可以在视觉工作室中进入“文件-> 首选项-> 颜色主题”选项，然后更改你选择的颜色。

小开

去 VSCode 的设置

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

在 MacOS-代码 > 首选项 > 设置或快捷方式(something,)或搜索(something P)→“首选项: 打开设置”频道

搜索 “工作台: 颜色定制”并打开 设置 json文件

如果您是第一次编辑，那么您可以看到 workbench.color 定制为空,

"workbench.colorCustomizations": {
}

编辑或粘贴您的配置在 workbench.color 定制下

装满你定制的选项, 我在这里分享 同位素主题

"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 代码终端中看到您的更改

更多主题 = > 基地16主题

对于更多定制 = > 终端颜色

小开

我使用的是 Oh My Zsh，它不仅可以去除沉闷感，而且还有很好的特性。

检查这里的链接: https://ohmyz.sh/

小开

同时检查 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;
}
小开

如果要为终端预先构建主题 首先查看这个 < a href = “ https://glichbone.github.io/vscode-base16-term/#/”rel = “ norefrer”> 链接

复制所需的主题并在 setings.json 中 补充:

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

在 macOS-Code > 首选项 > 设置或快捷方式(something,)或搜索(something P)→“首选项: 打开设置”

“ workbench. color 定制”: { } 在这里选择你想要的颜色: < a href = “ https://glichbone.github.io/vscode-base16-term/#/”rel = “ nofollow noReferrer”> https://glitchbone.github.io/vscode-base16-term/#/


提交答案