VS Code日文文本始终高亮问题：如何调整editor.lineHighlightBackground？

问题描述 #

自定义VS Code界面时，配置editor.lineHighlightBackground后发现输入日文文本时，文本区域始终处于高亮状态。已尝试调整Unicode Highlight、editor.renderLineHighlight、editor.selectionHighlightBackground等设置，问题仍未解决。

相关配置：

{
    "workbench.colorCustomizations": {
        "editor.lineHighlightBackground": "#ffff0044",
            //"こんにちは！おはようaあaあ" ←出现此问题
    },
    "editor.renderLineHighlight": "gutter",
}

VS Code版本信息：

版本: 1.85.1 (user setup)
提交: 0ee08df0cf4527e40edc9aa28f4b5bd38bbff2b2
日期: 2023-12-13T09:49:37.021Z
Electron: 25.9.7
ElectronBuildId: 25551756
Chromium: 114.0.5735.289
Node.js: 18.15.0
V8: 11.4.183.29-electron.0
OS: Windows_NT x64 10.0.19045

可行解决办法 #

• 针对性配置输入法输入背景
  这个问题大概率和VS Code对东亚输入法的候选文本渲染逻辑有关，试试添加editor.inputBackground配置来覆盖输入状态下的背景色：

  "workbench.colorCustomizations": {
      "editor.lineHighlightBackground": "#ffff0044",
      "editor.inputBackground": "#ffffff00" // 设为透明或和编辑器背景一致的颜色
  }
  

  这个配置专门控制输入法输入过程中待确认文本的背景，设为透明就能避免和行高亮背景冲突。

• 切换行高亮渲染模式
  虽然已经设置了editor.renderLineHighlight": "gutter"，可以试试切换成其他模式：

  "editor.renderLineHighlight": "line"
  

  部分场景下，gutter模式的行高亮可能和输入法渲染存在兼容性问题，切换后可能解决异常。

• 升级VS Code到最新版本
  当前使用的1.85.1版本比较旧，后续版本可能已经修复了东亚输入法相关的渲染bug，升级到最新稳定版后再验证问题是否消失。

• 排查扩展冲突
  部分语法高亮类扩展（比如日语相关插件）可能干扰编辑器默认渲染逻辑，临时禁用所有第三方扩展，看看是不是扩展导致的问题。

补充说明 #

该问题属于VS Code对东亚输入法渲染的兼容性问题，若上述方法都无效，可等待官方后续版本修复。

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