跳到正文
Tintdex

VS Code 终端配色

VS Code 支持 macOS、Linux、Windows。站内 2037 套配色均可一键生成 VS Code 原生配置：点开任意配色，导出面板会自动切换到 VS Code 格式

支持平台
macOS、Linux、Windows
官方网站
code.visualstudio.com

热门 VS Code 终端配色

点击任意配色查看实时终端预览，导出面板将默认选中 VS Code 格式

在 VS Code 中安装配色

  1. 打开任意配色页面，导出面板会自动切换到 VS Code 格式，复制或下载配置文件
  2. 合并进用户 settings.json（命令面板 → 首选项：打开用户设置 (JSON)）
  3. 保存后重新加载配置，或重启 VS Code

命令行下载

VS Code 不使用独立主题目录，需将配色片段合并到现有设置文件中。复制配置后按上方步骤粘贴即可

配置示例：Catppuccin Mocha（VS Code）

settings.json

// Theme: Catppuccin Mocha (VS Code terminal)
// Preview & customize online: https://tintdex.afengim.com/schemes/catppuccin-mocha?format=vscode

{
  "workbench.colorCustomizations": {
    "terminal.background": "#1e1e2e",
    "terminal.foreground": "#cdd6f4",
    "terminalCursor.background": "#1e1e2e",
    "terminalCursor.foreground": "#f5e0dc",
    "terminal.selectionBackground": "#f5e0dc",
    "terminal.selectionForeground": "#1e1e2e",
    "terminal.ansiBlack": "#45475a",
    "terminal.ansiRed": "#f38ba8",
    "terminal.ansiGreen": "#a6e3a1",
    "terminal.ansiYellow": "#f9e2af",
    "terminal.ansiBlue": "#89b4fa",
    "terminal.ansiMagenta": "#f5c2e7",
    "terminal.ansiCyan": "#94e2d5",
    "terminal.ansiWhite": "#bac2de",
    "terminal.ansiBrightBlack": "#585b70",
    "terminal.ansiBrightRed": "#f7aec2",
    "terminal.ansiBrightGreen": "#c2ecbf",
    "terminal.ansiBrightYellow": "#fcd682",
    "terminal.ansiBrightBlue": "#aeccfc",
    "terminal.ansiBrightMagenta": "#f398da",
    "terminal.ansiBrightCyan": "#b1eae1",
    "terminal.ansiBrightWhite": "#a6adc8"
  }
}

按视觉风格挑选

站内全部 2037 套配色均可导出为 VS Code 格式，也可按风格分类筛选：