Ubuntu系统下VS Code右键菜单样式异常，如何恢复旧版外观？

问题概述 #

更新VS Code至1.92.1版本后，Ubuntu 22.04系统下出现以下右键菜单问题：

• 样式显示异常，观感糟糕
• 屏幕空间充足的情况下，仅显示5个选项，需滚动查看更多

已尝试修改GNOME系统设置、查找VS Code内置设置，均未解决问题。

环境信息 #

VS Code版本信息：

Version: 1.92.1
Commit: eaa41d57266683296de7d118f574d0c2652e1fc4
Date: 2024-08-07T20:16:39.455Z
Electron: 30.1.2
ElectronBuildId: 9870757
Chromium: 124.0.6367.243
Node.js: 20.14.0
V8: 12.4.254.20-electron.0
OS: Linux x64 6.5.0-44-generic

系统版本信息：

Distributor ID: Ubuntu
Description:    Ubuntu 22.04.2 LTS
Release:    22.04
Codename:   jammy

修复方法 #

方法1：强制启用原生系统菜单 #

新版本VS Code可能切换了Electron菜单渲染逻辑，添加启动参数强制使用原生菜单：

1. 打开VS Code桌面快捷方式文件：

   nano ~/.local/share/applications/code.desktop
   

2. 找到Exec开头的行，修改为：

   Exec=code --enable-features=UseNativeMenuBar %F
   

3. 保存文件（Ctrl+O，回车，Ctrl+X），重启VS Code即可生效。

方法2：回退至旧版本 #

若方法1无效，可暂时回退到之前的稳定版本：

1. 卸载当前VS Code：

   sudo apt remove --purge code
   

2. 下载1.91.x版本的deb包（如1.91.3），执行安装：

   sudo dpkg -i code_1.91.3-1718179769_amd64.deb
   

3. （可选）锁定版本避免自动更新：

   sudo apt-mark hold code
   

方法3：自定义CSS调整菜单样式（进阶） #

通过自定义CSS强制修改菜单的显示限制：

1. 在VS Code中安装Custom CSS and JS Loader扩展
2. 创建一个CSS文件（如~/.vscode/custom-menu.css），添加以下内容：

   /* 取消菜单最大高度限制 */
   .monaco-menu {
     max-height: none !important;
   }
   /* 调整菜单最小宽度，适配更多选项 */
   .monaco-menu {
     min-width: 280px !important;
   }
   

3. 打开VS Code设置，搜索Custom CSS: Stylesheets，添加上述CSS文件的路径
4. 重启VS Code，扩展会提示重新加载，确认后生效

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