Fedora深色模式下Visual Studio Code原生菜单下拉框变白原因及解决方案咨询

• GTK主题适配不兼容：Fedora的深色模式基于GTK主题实现，但VSCode的原生菜单组件可能无法正确解析当前使用的GTK深色主题的下拉框样式规则，尤其是第三方自定义GTK主题更容易出现这类问题。
• VSCode原生UI配置冲突：当VSCode的window.titleBarStyle设置为native时，会调用系统原生菜单组件，若系统GTK主题未正确定义下拉框的深色样式变量，就会出现白色下拉框。
• 系统主题变量未正确传递：部分情况下，系统的深色模式信号没有传递给VSCode的原生组件进程，导致组件仍使用浅色样式。

1. 切换VSCode标题栏模式 #

打开VSCode设置（快捷键Ctrl+,），搜索window.titleBarStyle，将值改为custom。此设置会让VSCode使用自身的自定义菜单组件，下拉框样式会自动匹配VSCode的主题。

2. 强制VSCode加载GTK深色模式 #

通过终端启动VSCode时添加强制参数：

code --force-dark-mode

若要永久生效，修改VSCode的桌面启动项：

• 找到桌面文件路径：/usr/share/applications/code.desktop 或 ~/.local/share/applications/code.desktop
• 编辑文件，将Exec=code %F修改为Exec=code --force-dark-mode %F
• 保存后重启VSCode。

3. 切换到Fedora默认深色主题 #

尝试使用系统默认的Adwaita-dark主题：

1. 打开GNOME设置（运行gnome-control-center）
2. 进入「外观」选项，选择「Adwaita-dark」作为系统主题
3. 重启VSCode验证效果。

4. 自定义CSS修改下拉框样式 #

如果以上方法无效，通过自定义CSS强制设置下拉框样式：

1. 安装VSCode插件Custom CSS and JS Loader
2. 创建CSS文件（例如~/.vscode/custom.css），添加以下内容：

select {
    background-color: #2d2d2d !important;
    color: #cccccc !important;
    border-color: #454545 !important;
}

3. 在VSCode设置中添加：

"vscode_custom_css.imports": ["file:///home/你的用户名/.vscode/custom.css"]

（替换你的用户名为实际系统用户名）
4. 重启VSCode，允许加载自定义CSS。

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