我的 VSCode 主题配色

• 先上图

  
  image.png

  "workbench.colorCustomizations": {
    // 三色: pink:#f50057   blue: #2979ff   purple: #d500f9
    // 多行选择背景色 #673ab7
    "foreground": "#fff",
    "editor.background": "#1d1b34",                       // 编辑区背景色
    "editor.foreground": "#31c331",                          // 编辑区前景色(包含字体颜色)
    "editor.selectionBackground": "#355000",              // 多行选择背景色,当前选择的单词的背景色
    "editor.inactiveSelectionBackground": "#355000",      // 已选择的单词失去焦点的背景色
    "editor.selectionHighlightBackground": "#355000",     // 匹配到单词的高亮背景色,不包括当前选择的单词的背景色
    "editor.selectionHighlightBorder": "#355000",         // 匹配到单词的高亮背景色,不包括当前选择的单词的背景色
    "editor.lineHighlightBackground": "#424242",          // 高亮当前行背景色
    "editor.lineHighlightBorder": "#424242",              // 高亮当前行背景色边框
    "editor.wordHighlightBackground": "#355000",          // 匹配到对应的单词的高亮背景色
    "editor.wordHighlightBorder": "#80bd4a",              // 匹配到对应的单词的高亮背景色边框
    // 搜索匹配
    "editor.findMatchBackground": "#673ab7",              // 搜索: 匹配到的当前单词的背景色
    "editor.findMatchBorder": "#80bd4a",                  // 搜索: 匹配到的当前单词的背景色边框
    "editor.findMatchHighlightBackground": "#673ab7",     // 搜索: 匹配到的单词的背景色
    "editor.findMatchHighlightBorder": "#673ab7",         // 搜索: 匹配到的单词的背景色边框
    "editor.rangeHighlightBackground": "#424242",         // 搜索: 匹配到的单词的当前行背景色
    "editor.rangeHighlightBorder": "#424242",             // 搜索: 匹配到的单词的当前行背景色边框
    "editor.selectionForeground": "#424242",              // 没作用
    "editor.findRangeHighlightBorder": "#424242",         // 没作用
    "editor.findRangeHighlightBackground": "#424242",     // 没作用
    "editor.hoverHighlightBackground": "#424242",         // 鼠标停留当前单词的背景色
    // 提示选择框
    "editorSuggestWidget.background": "#212121",          // 提示选择框的背景色
    "editorSuggestWidget.border": "#80bd4a",              // 提示选择框边框颜色
    "editorSuggestWidget.foreground": "#aaa",             // 提示选择框字体颜色
    "editorSuggestWidget.highlightForeground": "#e040fb", // 提示选择框中匹配到的单词的高亮色
    // 行数区域
    "editorLineNumber.foreground": "#e040fb",             // 行数颜色
    "editorGutter.background": "#292d3e",                 // 行数背景色
    "editorGutter.modifiedBackground": "#f50057",         // 文件被修改时行数前的Tag背景色
    // 侧边栏
    "sideBar.background": "#1b1b34",                      // 侧边栏背景色
    // "sideBar.foreground": "#80bd4a",                      // 侧边栏字体颜色
    "sideBar.foreground": "#eee",
    "sideBar.border": "#80bd4a",                          // 侧边栏边框颜色
    "sideBarSectionHeader.background": "#2979ff",         // 侧边栏 header 背景色
    "sideBarSectionHeader.border": "#2979ff",             // 侧边栏 header 边框颜色
    "sideBarSectionHeader.foreground": "#fff",            // 侧边栏 header 字体颜色
    "sideBarTitle.foreground": "#e040fb",                 // 侧边栏最顶部 title 字体颜色
    "sideBar.dropBackground": "#ff0000",
    // 滚动栏
    "scrollbarSlider.background": "#80bd4a",
    "scrollbarSlider.hoverBackground": "#80bd4a",
    "scrollbarSlider.activeBackground": "#80bd4a",
    "scrollbar.shadow": "#ccc",
    // 顶部Tab栏
    "tab.activeBackground": "#e040fb",
    "tab.activeForeground": "#eee",
    "tab.activeBorder": "#e040fb",
    "tab.border": "#e040fb",
    "tab.inactiveBackground": "#212121",
    "tab.inactiveForeground": "#eee",
    // "tab.inactiveModifiedBorder": "#ff0000",
    // "tab.activeModifiedBorder": "#ff0000",
    "tab.hoverBackground": "#ea80fc",
    "tab.hoverBorder": "#e040fb",
    "tab.activeBorderTop": "#e040fb",
    // 最左侧工具栏
    "activityBar.activeBackground": "#e040fb",
    "activityBar.activeBorder": "#ff0000",
    "activityBar.background": "#1d1d3d",
    "activityBar.border": "#80bd4a",
    "activityBar.foreground": "#eee",
    "activityBar.inactiveForeground": "#eee",
    "activityBarBadge.background": "#ff0000",
    "activityBarBadge.foreground": "#eee",
    // 顶部工具栏
    "titleBar.activeBackground": "#1d1d3d",
    "titleBar.activeForeground": "#eee",
    "titleBar.border": "#80bd4a",
    "titleBar.inactiveBackground": "#1d1d3d",
    "titleBar.inactiveForeground": "#eee",
    // 底部状态栏
    "statusBar.background": "#1d1d3d",
    "statusBar.border": "#80bd4a",
    "statusBar.foreground": "#fff",
    "statusBarItem.hoverBackground": "#ea80fc",
    "statusBarItem.activeBackground": "#ea80fc",
    // Terminal
    "terminal.background": "#1b1b34",
    "terminal.border": "#80bd4a",
    "terminal.foreground": "#eee",
    // window
    "window.activeBorder": "#673ab7",
    "window.inactiveBorder": "#673ab7",
    // minimap
    "minimap.selectionHighlight": "#e040fb",
    "minimap.findMatchHighlight": "#80bd4a",
    "minimapGutter.modifiedBackground": "#ff0000",
    "peekViewResult.background": "#ff0000",
    "peekViewEditorGutter.background": "#ff0000",
    "peekViewEditor.background": "#ff0000",

    "editorUnnecessaryCode.opacity": "#e040fb",              // 不重要的代码不设置透明度

    // 设置相关配色方案
    "settings.dropdownBackground": "#1b1b34",
    "settings.dropdownBorder": "#80bd4a",
    "settings.textInputBackground": "#212121",
    "settings.numberInputBackground": "#212121",
    "settings.textInputForeground": "#fff",
    "settings.checkboxBackground": "#212121",
    "settings.checkboxBorder": "#80bd4a",
    "settings.checkboxForeground": "#fff",

    // input
    "input.border": "#80bd4a",
    "input.background": "#000",
    "input.foreground": "#fff",
    // button
    "button.background": "#2979ff",
    "button.foreground": "#fff",
    // diffEditor
    "diffEditor.border": "#80bd4a",
    "diffEditor.insertedTextBorder": "#2979ff",
    "diffEditor.insertedTextBackground": "#424242",
    "diffEditor.removedTextBorder": "#e040fb",
  },
  // 是否隐藏底部状态栏
  "workbench.statusBar.visible": true,