如何解决VSCode选中文本色彩对比度不足的问题？

调整主题颜色变量 #

• 核心要调整相似内容高亮和选中内容的颜色区分：
  1. 打开设置（快捷键Ctrl+,或Cmd+,），搜索workbench.colorCustomizations
  2. 在配置里添加或修改以下变量：

     "workbench.colorCustomizations": {
         // 调暗或降低相似内容高亮的背景透明度，避免和选中色冲突
         "editor.selectionHighlightBackground": "#44444460",
         // 给相似高亮加边框，进一步区分
         "editor.selectionHighlightBorder": "#666666",
         // 确保选中背景色对比度足够，比如用更鲜明的颜色
         "editor.selectionBackground": "#2d5e8b"
     }
     

• 如果全局配置没生效，试试针对当前主题单独配置，比如针对Monokai：

  "workbench.colorCustomizations": {
      "[Monokai]": {
          "editor.selectionHighlightBackground": "#33333370",
          "editor.selectionBackground": "#ff4081"
      }
  }
  

给选中文本添加边框 #

VSCode原生支持给主动选中的内容加边框，只需配置editor.selectionBorder变量：

• 在workbench.colorCustomizations里添加：

  "editor.selectionBorder": "#ffcc00"
  

• 这个边框只会显示在你手动选中的内容上，能和相似内容的高亮彻底区分开，解决混淆问题。

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