如何修改VS Code问题计数背景，让数字更易读取？

你当前使用的是「Quiet Light」主题，问题面板里的错误、警告计数出现深色文字配深色背景的对比度问题，导致内容看不清。可以通过自定义VS Code的工作台颜色配置来修复，具体步骤如下：

1. 打开VS Code设置：按下Cmd+,（MacOS快捷键），或者点击左下角的设置图标选择「设置」
2. 在设置搜索框输入workbench.colorCustomizations，点击「编辑 in settings.json」
3. 在你的settings.json中添加以下颜色配置（可根据视觉偏好调整颜色值）：

全局颜色配置（对所有主题生效） #

"workbench.colorCustomizations": {
  "problemsErrorIcon.foreground": "#ff4444", // 错误计数文字颜色，选高对比度亮色
  "problemsWarningIcon.foreground": "#ffbb33", // 警告计数文字颜色
  "problemsInfoIcon.foreground": "#33b5e5", // 信息提示计数文字颜色
  "badge.background": "#ffffff" // 计数标签背景色，改为浅色增强对比
}

仅针对「Quiet Light」主题生效的配置 #

如果不想影响其他主题，可以用主题专属配置：

"workbench.colorCustomizations": {
  "[Quiet Light]": {
    "problemsErrorIcon.foreground": "#dc322f",
    "problemsWarningIcon.foreground": "#b58900",
    "problemsInfoIcon.foreground": "#268bd2",
    "badge.background": "#fdf6e3"
  }
}

整合后的完整settings.json示例 #

把配置加入你原有的文件后，内容如下：

{
  "workbench.colorTheme": "Quiet Light",
  "workbench.colorCustomizations": {
    "[Quiet Light]": {
      "problemsErrorIcon.foreground": "#dc322f",
      "problemsWarningIcon.foreground": "#b58900",
      "problemsInfoIcon.foreground": "#268bd2",
      "badge.background": "#fdf6e3"
    }
  },
  "[dart]": {
    "editor.formatOnSave": true,
    "editor.formatOnType": true,
    "editor.rulers": [
      80
    ],
    "editor.selectionHighlight": false,
    "editor.suggest.snippetsPreventQuickSuggestions": false,
    "editor.suggestSelection": "first",
    "editor.tabCompletion": "onlySnippets",
    "editor.wordBasedSuggestions": false
  },
  "editor.guides.indentation": false,
  "workbench.iconTheme": "material-icon-theme",
  "dart.flutterHotReloadOnSave": "all",
  "editor.quickSuggestions": {
    "other": "on",
    "comments": "off",
    "strings": "on"
  },
  "java.imports.gradle.wrapper.checksums": [
    {
      "sha256": "e2b82129ab64751fd40437007bd2f7f2afb3c6e41a9198e628650b22d5824a14",
      "allowed": true
    }
  ],
  "dart.flutterCreateOrganization": "com.carlsmithswdev",
  "window.nativeTabs": true,
  "dart.showInspectorNotificationsForWidgetErrors": false,
  "security.workspace.trust.untrustedFiles": "open",
  "avdmanager.sdkPath": "/Users/carlsmith/Library/Android/sdk",
  "dart.debugExternalPackageLibraries": true,
  "dart.debugSdkLibraries": false,
  "editor.minimap.enabled": false,
  "editor.accessibilitySupport": "off",
  "java.import.gradle.java.home": "/Users/carlsmith/Library/Java/JavaVirtualMachines/corretto-11.0.12/Contents/Home",
  "window.zoomLevel": 1
}

配置完成后保存文件，VS Code会自动应用新的颜色设置，问题面板的计数文字就能清晰显示了。

内容的提问来源于stack exchange，提问作者Carl Smith