我最近刚踩过这个一模一样的坑！明明调用了await setTheme("light")把应用内容切换到了浅色主题，可Tauri的菜单却死死跟着系统深色主题不变，折腾了好半天才梳理出几个可行的解决方向，分享给你：

一、如果是自定义菜单：手动同步主题样式 #

Tauri的setTheme API目前主要负责同步Web页面内容和部分内置组件的主题，自定义菜单的样式需要我们手动监听主题变化来更新。可以试试这个思路：

import { setTheme, onThemeChanged } from '@tauri-apps/api/app';
import { Menu } from '@tauri-apps/api/menu';

// 先获取你的自定义菜单实例（用默认菜单就调用getDefaultMenu）
const mainMenu = await Menu.getDefaultMenu();

// 递归更新所有菜单项的样式（包含子菜单）
const syncMenuToTheme = async (targetTheme) => {
  // 根据主题定义颜色
  const textColor = targetTheme === 'light' ? '#1a1a1a' : '#f5f5f5';
  const bgColor = targetTheme === 'light' ? '#ffffff' : '#2d2d2d';

  const updateItems = async (items) => {
    for (const item of items) {
      // 处理子菜单
      if (item.submenu) {
        await updateItems(item.submenu.items);
      }
      // 更新当前菜单项的颜色
      await item.setTextColor(textColor);
      await item.setBackgroundColor(bgColor);
    }
  };

  await updateItems(mainMenu.items);
};

// 监听系统/应用主题变化，自动同步菜单
onThemeChanged(async (newTheme) => {
  await syncMenuToTheme(newTheme);
});

// 手动触发主题切换时，主动同步菜单样式
await setTheme("light");
await syncMenuToTheme("light");

我自己亲测这个方法有效，切换主题后菜单的文字和背景色会完全贴合应用主题。

二、如果是系统原生菜单：暂时无法直接覆盖 #

要是你的菜单是系统原生的（比如macOS顶部的全局菜单、Windows窗口左上角的系统菜单），这些菜单是由操作系统负责渲染的，Tauri目前没有API能直接修改它们的主题——它们会严格遵循系统的主题设置，不受setTheme的影响。

这种情况可以试试两个折衷方案：

• 替换为自定义菜单：把系统原生菜单换成Tauri的自定义菜单，这样就能用上面的方法完全控制样式
• 引导用户同步系统主题：在应用设置里提示用户，如果需要菜单和应用主题一致，可以手动切换系统的浅色/深色模式

三、额外排查点：检查Tauri版本 #

如果上面的方法都没效果，建议检查一下你的Tauri v2版本。早期的beta版本可能存在setTheme事件触发不及时、菜单样式API不完善的bug，升级到最新的稳定版大概率能解决一些隐性问题。

要是还有其他异常，比如菜单样式没生效，可以看看Tauri的控制台有没有报错，或者检查菜单项实例是不是正确获取到了~