From e21e0c6b38c65ae532f9ecaa2eaa934e398fdac9 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 7 Dec 2024 01:07:23 +0200
Subject: [PATCH] style(mica): apply heavy transparency

---
 src/public/stylesheets/theme-next.css | 8 ++++++++
 src/services/window.ts                | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/public/stylesheets/theme-next.css b/src/public/stylesheets/theme-next.css
index a4e42de50..a6a645485 100644
--- a/src/public/stylesheets/theme-next.css
+++ b/src/public/stylesheets/theme-next.css
@@ -412,6 +412,14 @@ body.layout-horizontal {
     --native-titlebar-darwin-y-offset: 14 !important;
 }
 
+body.background-effects,
+body.background-effects #root-widget {
+    background: transparent !important;
+    --launcher-pane-background-color: transparent;
+    --tab-background-color: transparent;
+    --active-tab-background-color: transparent;
+}
+
 /* Matches when the left pane is collapsed */
 :has(#left-pane.hidden-int) {
     --center-pane-border-radius: 0;
diff --git a/src/services/window.ts b/src/services/window.ts
index 3df960f9c..a7cf1ff5a 100644
--- a/src/services/window.ts
+++ b/src/services/window.ts
@@ -133,7 +133,7 @@ function getWindowExtraOpts() {
 
     // Window effects (Mica)
     // TODO: Apply only on Windows and allow the user to choose whether to activate it or not.
-    extraOpts.backgroundMaterial = "mica";
+    extraOpts.backgroundMaterial = "tabbed";
 
     return extraOpts;
 }