如何修改VS Code中空白字符指示器的颜色？

要修改VS Code中空白字符指示器的颜色，需通过settings.json文件进行自定义配置，具体操作如下：

1. 打开设置JSON文件

   • 快捷键方式：按下Ctrl+,（Windows/Linux）或Cmd+,（Mac）打开设置面板，点击右上角的{}图标切换到JSON编辑模式；
   • 命令面板方式：按下Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac），输入Open Settings (JSON)并回车打开。

2. 添加颜色自定义规则
   在settings.json中添加editor.tokenColorCustomizations配置项，通过textMateRules针对不同类型的空白字符设置颜色：

   "editor.tokenColorCustomizations": {
       "textMateRules": [
           {
               "scope": "editorWhitespace.leading",
               "settings": {
                   "foreground": "#808080" // 行开头空白的颜色
               }
           },
           {
               "scope": "editorWhitespace.trailing",
               "settings": {
                   "foreground": "#ff4444" // 行末尾空白的颜色，建议设为醒目的颜色
               }
           },
           {
               "scope": "editorWhitespace.middle",
               "settings": {
                   "foreground": "#aaaaaa" // 文本之间空白的颜色
               }
           }
       ]
   }
   

   三个scope分别对应：

   • editorWhitespace.leading：行开头的空白字符（空格/制表符）
   • editorWhitespace.trailing：行末尾的空白字符
   • editorWhitespace.middle：文本内容之间的空白字符

3. （可选）针对特定主题生效
   如果仅需在某一主题下应用该颜色设置，可将配置嵌套在对应主题的配置块中，比如仅在Dark+主题生效：

   "[Dark+]": {
       "editor.tokenColorCustomizations": {
           "textMateRules": [
               // 此处放入上述颜色规则
           ]
       }
   }
   

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