Apply vibrancy in window

apps/desktop/src-tauri/Cargo.toml

@@ -48,7 +48,7 @@ tauri-plugin-template = { workspace = true }
 tauri-plugin-tray = { workspace = true }
 tauri-plugin-windows = { workspace = true }
 
-tauri = { workspace = true, features = ["specta", "macos-private-api"] }
+tauri = { workspace = true, features = ["macos-private-api"] }
 tauri-plugin-autostart = "2"
 tauri-plugin-clipboard-manager = "2"
 tauri-plugin-decorum = { workspace = true }

apps/desktop/src/styles/globals.css

@@ -16,6 +16,11 @@
   margin: 0;
 }
 
+html,
+body {
+  background: transparent;
+}
+
 body {
   line-height: 1.5;
   -webkit-font-smoothing: antialiased;

plugins/windows/Cargo.toml

@@ -18,9 +18,10 @@ serde = { workspace = true }
 specta = { workspace = true }
 strum = { workspace = true, features = ["derive"] }
 
-tauri = { workspace = true, features = ["test"] }
+tauri = { workspace = true, features = ["macos-private-api"] }
 tauri-plugin-decorum = { workspace = true }
 tauri-specta = { workspace = true, features = ["derive", "typescript"] }
+window-vibrancy = "0.6.0"
 
 thiserror = { workspace = true }
 tracing = { workspace = true }

plugins/windows/src/errors.rs

@@ -4,6 +4,8 @@ use serde::{ser::Serializer, Serialize};
 pub enum Error {
     #[error(transparent)]
     TauriError(#[from] tauri::Error),
+    #[error(transparent)]
+    WindowVibrancyError(#[from] window_vibrancy::Error),
     #[error("monitor not found")]
     MonitorNotFound,
 }

plugins/windows/src/ext.rs

@@ -239,6 +239,8 @@ impl HyprWindow {
         };
 
         if created {
+            self.apply_vibrancy(&window)?;
+
             #[cfg(target_os = "macos")]
             {
                 use tauri_plugin_decorum::WebviewWindowExt;
@@ -369,16 +371,34 @@ impl HyprWindow {
 
         window.set_focus()?;
         window.show()?;
+
         Ok(window)
     }
 
+    fn apply_vibrancy(&self, window: &WebviewWindow) -> Result<(), crate::Error> {
+        #[cfg(target_os = "macos")]
+        {
+            use window_vibrancy::{apply_vibrancy, NSVisualEffectMaterial};
+            apply_vibrancy(window, NSVisualEffectMaterial::HudWindow, None, None)?;
+        }
+
+        #[cfg(target_os = "windows")]
+        {
+            use window_vibrancy::apply_blur;
+            apply_blur(&window, Some((18, 18, 18, 125)))?;
+        }
+
+        Ok(())
+    }
+
     fn window_builder<'a>(
         &'a self,
         app: &'a AppHandle<tauri::Wry>,
         url: impl Into<std::path::PathBuf>,
     ) -> WebviewWindowBuilder<'a, tauri::Wry, AppHandle<tauri::Wry>> {
         let mut builder = WebviewWindow::builder(app, self.label(), WebviewUrl::App(url.into()))
             .title(self.title())
+            .transparent(true)
             .decorations(true)
             .disable_drag_drop_handler();