From fcc823c33a72a8994226b3c669b64d7ba730994f Mon Sep 17 00:00:00 2001
From: "Mr. M" <mr.m@tuta.com>
Date: Mon, 12 May 2025 00:52:56 +0200
Subject: [PATCH] feat: Add experimental acrylic components for linux and
 windows, b=(no-bug), c=common, compact-mode, workspaces

---
 src/browser/app/profile/features.inc        | 6 ++++++
 src/zen/common/styles/zen-urlbar.css        | 4 ++--
 src/zen/compact-mode/zen-compact-mode.css   | 2 +-
 src/zen/workspaces/ZenGradientGenerator.mjs | 5 +----
 4 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/browser/app/profile/features.inc b/src/browser/app/profile/features.inc
index b3ea3d0fa..d4fff23ad 100644
--- a/src/browser/app/profile/features.inc
+++ b/src/browser/app/profile/features.inc
@@ -34,6 +34,12 @@ pref('zen.theme.border-radius', 10); // In pixels
 pref('zen.theme.border-radius', 8); // In pixels
 #endif
 
+#ifdef XP_MACOSX
+pref('zen.theme.acrylic-elements', false);
+#else
+pref('zen.theme.acrylic-elements', true);
+#endif
+
 pref('zen.theme.color-prefs.use-workspace-colors', true);
 
 pref('zen.view.compact.hide-tabbar', true);
diff --git a/src/zen/common/styles/zen-urlbar.css b/src/zen/common/styles/zen-urlbar.css
index 82c59c3e6..7d7827ba6 100644
--- a/src/zen/common/styles/zen-urlbar.css
+++ b/src/zen/common/styles/zen-urlbar.css
@@ -168,7 +168,7 @@
       hsl(0, 0%, 100%),
       color-mix(in srgb, hsl(0, 0%, 5%) 70%, var(--zen-colors-primary) 30%)
     );
-    @media -moz-pref('zen.view.experimental-rounded-view') {
+    @media -moz-pref('zen.theme.acrylic-elements') {
       --zen-urlbar-background: color-mix(
         in srgb,
         var(--zen-urlbar-background-base) 70%,
@@ -181,7 +181,7 @@
     border-radius: 12px !important;
     outline: 0.5px solid light-dark(rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0.15)) !important;
     outline-offset: -2px;
-    @media -moz-pref('zen.view.experimental-rounded-view') {
+    @media -moz-pref('zen.theme.acrylic-elements') {
       backdrop-filter: blur(42px) saturate(110%) brightness(0.25) contrast(100%) !important;
     }
   }
diff --git a/src/zen/compact-mode/zen-compact-mode.css b/src/zen/compact-mode/zen-compact-mode.css
index e90a89c9a..99262ba7c 100644
--- a/src/zen/compact-mode/zen-compact-mode.css
+++ b/src/zen/compact-mode/zen-compact-mode.css
@@ -147,7 +147,7 @@
             background: var(--zen-main-browser-background-toolbar) !important;
             background-attachment: fixed !important;
             background-size: 2000px !important;
-            @media -moz-pref('zen.view.experimental-rounded-view') {
+            @media -moz-pref('zen.theme.acrylic-elements') {
               backdrop-filter: blur(42px) saturate(110%) brightness(0.25) contrast(100%) !important;
             }
           }
diff --git a/src/zen/workspaces/ZenGradientGenerator.mjs b/src/zen/workspaces/ZenGradientGenerator.mjs
index a32d16271..b1b05caa9 100644
--- a/src/zen/workspaces/ZenGradientGenerator.mjs
+++ b/src/zen/workspaces/ZenGradientGenerator.mjs
@@ -12,10 +12,7 @@
     dots = [];
     useAlgo = '';
 
-    #allowTransparencyOnSidebar = Services.prefs.getBoolPref(
-      'zen.view.experimental-rounded-view',
-      false
-    );
+    #allowTransparencyOnSidebar = Services.prefs.getBoolPref('zen.theme.acrylic-elements', false);
 
     constructor() {
       super();