如何修改VS Code中Tabnine扩展的显示颜色？

问题说明 #

VS Code主题侧边栏的背景色会被Tabnine扩展继承，但仅背景色如此，其他颜色不受影响。尝试了VS Code所有主题颜色配置项，除背景色外均无效，且该扩展自身没有颜色设置选项。需要把当前显示为白色的字体改成更易读的样式。

解决方法 #

通过自定义VS Code的样式配置强制修改Tabnine的字体颜色：

• 打开命令面板（快捷键：Windows/Linux按Ctrl+Shift+P，Mac按Cmd+Shift+P），输入并选择Preferences: Open Settings (JSON)
• 在打开的用户设置JSON文件中添加以下配置（将#333和#666替换成与背景色对比度足够的颜色）：

"workbench.colorCustomizations": {
    ".tabnine-sidebar-container .tabnine-item": {
        "color": "#333"
    },
    ".tabnine-sidebar-container .tabnine-item-description": {
        "color": "#666"
    }
}

• 保存设置后重启VS Code，字体颜色即可生效

如果上述选择器不生效，可以自行查找正确的元素类名：

• 按下Ctrl+Shift+I（Windows/Linux）或Cmd+Opt+I（Mac）打开VS Code开发者工具
• 用工具中的元素选择器点击Tabnine面板里的文字元素，查看它的类名，替换到配置对应的位置即可

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