2 unstable releases
new 0.5.0 | Oct 20, 2024 |
---|---|
0.4.0 | May 29, 2024 |
#882 in GUI
173 downloads per month
16KB
257 lines
tauri-plugin-appearance
Dynamically change Tauri v2 App theme
Install
cargo add tauri-plugin-appearance
let mut ctx = tauri::generate_context!();
tauri::Builder::default()
// Init plugin and auto restore window theme !!!
.plugin(tauri_plugin_appearance::init(ctx.config_mut()))
...
Usage
import { getTheme, setTheme, Theme } from "@kuyoonjo/tauri-plugin-appearance";
await setTheme(Theme.Auto);
await setTheme(Theme.Light);
await setTheme(Theme.Dark);
const theme = await getTheme();
#![cfg_attr(not(debug_assertions), windows_subsystem = "windows")]
use tauri::menu::{
CheckMenuItemBuilder, MenuItemKind, PredefinedMenuItem, SubmenuBuilder, WINDOW_SUBMENU_ID,
};
use tauri_plugin_appearance::{get_theme, set_theme, Theme};
fn main() {
let mut ctx = tauri::generate_context!();
tauri::Builder::default()
.plugin(tauri_plugin_appearance::init(ctx.config_mut()))
.setup(|app| {
if let Some(menu) = app.menu() {
if let Some(MenuItemKind::Submenu(window)) = menu.get(WINDOW_SUBMENU_ID) {
let theme_menu = SubmenuBuilder::with_id(app, "theme", "Theme").build()?;
let theme_auto =
CheckMenuItemBuilder::with_id("theme_auto", "Auto").build(app)?;
let theme_light =
CheckMenuItemBuilder::with_id("theme_light", "Light").build(app)?;
let theme_dark =
CheckMenuItemBuilder::with_id("theme_dark", "Dark").build(app)?;
theme_auto.set_checked(false)?;
theme_light.set_checked(false)?;
theme_dark.set_checked(false)?;
theme_menu.append(&theme_auto)?;
theme_menu.append(&theme_light)?;
theme_menu.append(&theme_dark)?;
window.insert(&theme_menu, 2).unwrap();
let separator = PredefinedMenuItem::separator(app)?;
window.insert(&separator, 2).unwrap();
let theme = get_theme(app.handle());
match theme {
Theme::Light => {
theme_light.set_checked(true)?;
}
Theme::Dark => {
theme_dark.set_checked(true)?;
}
_ => {
theme_auto.set_checked(true)?;
}
}
app.on_menu_event(move |app, event| {
if event.id() == theme_auto.id() {
set_theme(app.clone(), Theme::Auto).unwrap();
theme_auto.set_checked(true).unwrap();
theme_light.set_checked(false).unwrap();
theme_dark.set_checked(false).unwrap();
} else if event.id() == theme_light.id() {
set_theme(app.clone(), Theme::Light).unwrap();
theme_auto.set_checked(false).unwrap();
theme_light.set_checked(true).unwrap();
theme_dark.set_checked(false).unwrap();
} else if event.id() == theme_dark.id() {
set_theme(app.clone(), Theme::Dark).unwrap();
theme_auto.set_checked(false).unwrap();
theme_light.set_checked(false).unwrap();
theme_dark.set_checked(true).unwrap();
}
});
}
}
Ok(())
})
.run(ctx)
.expect("error while running tauri application");
}
Support
MacOS | Linux | Windows |
---|---|---|
✅ | ✅ | ✅ |
Note
- On
Linux
platform, it has not been extensively tested. If you encounter any issues, please submit an issue.
Dependencies
~17–62MB
~1M SLoC