如何轻松更改 VSCode 中的终端样式

2025-06-07

如何轻松更改 VSCode 中的终端样式

我只需要改变集成终端的外观,然后我就发现这有多么简单。

所以...你可以在这里愉快地散步来做这件事 🙂

  1. 进入设置(显然是在 VSCode 中)
    • 在 Windows/Linux 上 -文件 > 首选项 > 设置
    • 在 macOS 上 -代码 > 首选项 > 设置
      • 快捷键 (⌘,)
      • 搜索(⇧⌘P)→“偏好设置:打开设置”
  2. 搜索“workbench:color customizations”并打开settings.json文件
  3. 在workbench.colorCustomizations下编辑或粘贴您的配置

    1. https://code.visualstudio.com/api/references/theme-color ```json

    “workbench.colorCustomizations”:{
    “terminal.background”:“#1D2021”,
    “terminal.foreground”:“#A89984”,
    “terminalCursor.background”:“#A89984”,
    “terminalCursor.foreground”:“#A89984”,
    “terminal.ansiBlack”:“#1D2021”,
    “terminal.ansiBlue”:“#0D6678”,
    “terminal.ansiBrightBlack”:“#665C54”,
    “terminal.ansiBrightBlue”:“#0D6678”,
    “terminal.ansiBrightCyan”:“#8BA59B”,
    “terminal.ansiBrightGreen”:“#95C085”,
    “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”
    }


After that little change, you can check your integrated terminal in VS Code
![Integrated Terminal VSCode](https://paper-attachments.dropbox.com/s_BB4D438C0BD300F9046363852C7E5AEEFC644AC076498F4495212D2CD4CFEFF9_1565661101879_Ex.png)




You can find several predefined templates here:
https://glitchbone.github.io/vscode-base16-term/#/



>https://code.visualstudio.com/docs/getstarted/settings
>
>https://code.visualstudio.com/api/references/theme-color
>
>https://glitchbone.github.io/vscode-base16-term/#/

Enter fullscreen mode Exit fullscreen mode
文章来源:https://dev.to/sfarias051/how-to-change-the-terminal-style-in-vscode-in-an-easy-way-5139
PREV
如何用 JavaScript 构建漂亮的终端 UI(TUI)!
NEXT
这个奇怪的 CSS 语法是什么?