Switch menu theme on set app theme

crates/tauri-runtime-wry/src/lib.rs

@@ -2562,15 +2562,11 @@ impl<T: UserEvent> Runtime<T> for Wry<T> {
   }
 
   fn set_theme(&self, theme: Option<Theme>) {
-    self
-      .context
-      .main_thread
-      .window_target
-      .set_theme(match theme {
-        Some(Theme::Light) => Some(TaoTheme::Light),
-        Some(Theme::Dark) => Some(TaoTheme::Dark),
-        _ => None,
-      });
+    self.event_loop.set_theme(match theme {
+      Some(Theme::Light) => Some(TaoTheme::Light),
+      Some(Theme::Dark) => Some(TaoTheme::Dark),
+      _ => None,
+    });
   }
 
   #[cfg(target_os = "macos")]

crates/tauri/src/app.rs

@@ -687,6 +687,21 @@ macro_rules! shared_app_impl {
 
       /// Set the app theme.
       pub fn set_theme(&self, theme: Option<Theme>) {
+        #[cfg(windows)]
+        for window in self.manager.windows().values() {
+          if let (Some(window_menu), Ok(hwnd)) = (&*window.menu_lock(), window.hwnd()) {
+            let raw_hwnd = hwnd.0 as isize;
+            let menu = window_menu.menu.clone();
+            let _ = self.run_on_main_thread(move || {
+              let _ = menu.inner().set_theme_for_hwnd(
+                raw_hwnd,
+                theme
+                  .map(crate::menu::map_to_menu_theme)
+                  .unwrap_or(muda::MenuTheme::Auto),
+              );
+            });
+          };
+        }
         match self.runtime() {
           RuntimeOrDispatch::Runtime(h) => h.set_theme(theme),
           RuntimeOrDispatch::RuntimeHandle(h) => h.set_theme(theme),

crates/tauri/src/app/plugin.rs

@@ -53,7 +53,7 @@ pub fn default_window_icon<R: Runtime>(
 }
 
 #[command(root = "crate")]
-pub fn set_app_theme<R: Runtime>(app: AppHandle<R>, theme: Option<Theme>) {
+pub async fn set_app_theme<R: Runtime>(app: AppHandle<R>, theme: Option<Theme>) {
   app.set_theme(theme);
 }
 

examples/api/src/views/App.svelte

@@ -1,7 +1,9 @@
 <script>
-  import { show, hide } from '@tauri-apps/api/app'
+  import { show, hide, setTheme } from '@tauri-apps/api/app'
 
   export let onMessage
+  /** @type {import('@tauri-apps/api/window').Theme | undefined} */
+  let theme
 
   function showApp() {
     hideApp()
@@ -20,6 +22,21 @@
       .then(() => onMessage('Hide app'))
       .catch(onMessage)
   }
+
+  async function switchTheme() {
+    switch (theme) {
+      case 'dark':
+        theme = 'light'
+        break
+      case 'light':
+        theme = undefined
+        break
+      case undefined:
+        theme = 'dark'
+        break
+    }
+    setTheme(theme)
+  }
 </script>
 
 <div>
@@ -30,4 +47,5 @@
     on:click={showApp}>Show</button
   >
   <button class="btn" id="hide" on:click={hideApp}>Hide</button>
+  <button class="btn" id="hide" on:click={switchTheme}>Switch Theme</button>
 </div>