VS Code折叠代码块后可见选中内容无高亮：原因、解决及修复贡献

可能的原因 #

• 主题配置缺漏或冲突：不管是自定义主题还是第三方主题，都可能没正确定义折叠区域内选中文本的颜色变量。比如editor.selectionBackground这个变量在折叠上下文里的优先级被其他样式覆盖，或者压根没针对折叠行做特殊的选中样式配置。
• VS Code核心渲染bug：部分版本的VS Code在处理折叠代码块的选中状态时，存在渲染层优先级问题——折叠后的行元素样式被折叠控件的样式盖过去了，导致选中背景显示不出来。
• 自定义CSS/插件搞的鬼：要是你用了自定义CSS脚本或者改UI的第三方插件，可能不小心改了选中区域的样式规则，把折叠行的高亮给冲没了。

解决办法 #

• 检查并修复主题颜色配置
  • 打开设置（快捷键Ctrl+,），搜workbench.colorCustomizations，添加或修改editor.selectionBackground和editor.selectionHighlightBackground，确保这俩颜色和正常行的选中样式一致，别被折叠相关样式覆盖。示例配置：

    "workbench.colorCustomizations": {
        "editor.selectionBackground": "#264F78",
        "editor.selectionHighlightBackground": "#264F7880"
    }
    

  • 要是你自己开发主题扩展，就去看package.json里的contributes.colors字段，确保包含上面俩变量的正确定义，同时检查有没有和editor.foldBackground这类折叠样式冲突的设置。
• 排查版本与插件冲突
  • 把VS Code更到最新稳定版，很多渲染层的bug都会在新版本里修复。
  • 先禁用所有第三方插件，再逐个重新打开，看看哪个插件搞的鬼。
  • 要是用了自定义CSS，先把脚本移走，看看是不是能恢复正常。
• 临时替代方案
  • 折叠代码块后，双击选中整行，有些场景下能触发正确的高亮渲染。
  • 用Ctrl+Shift+L选中所有匹配项，强制触发全局的选中样式渲染。

参与修复的步骤 #

• 确认是VS Code核心bug的话
  • 去VS Code官方GitHub仓库搜相关issue，看看有没有人已经报过这个问题，确认是不是未修复的核心bug。
  • 能复现的话，整理清楚复现步骤（比如用的什么主题、代码语言、怎么折叠的），附上截图和环境信息（VS Code版本、操作系统），提交详细的issue。
• 修复主题扩展的问题
  • 要是你自己开发的主题缺配置，直接改主题的颜色配置文件，调整选中相关的变量，测试没问题后发布更新就行。
  • 要是第三方主题的问题，去它的GitHub仓库提交issue，把复现信息说清楚，甚至可以直接提交PR修复配置。
• 参与VS Code核心代码修复
  • 先熟悉VS Code的源码结构，找到负责代码折叠和选中样式渲染的模块（主要在src/vs/editor/browser目录下）。
  • 定位到折叠行选中样式的渲染逻辑，修改样式优先级或者修复渲染层覆盖的问题，提交PR等审核就行。

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