Improve transparency support.

BrowserWorks · Oct 10, 2024 · 762d0b2 · 762d0b2
1 parent 80857aa
commit 762d0b2
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 1 deletion.
diff --git a/waterfox/browser/components/preferences/content/preferences-theme.xhtml b/waterfox/browser/components/preferences/content/preferences-theme.xhtml
@@ -251,6 +251,12 @@
                 </label>
 
 
+                <checkbox id="enablePanelTransparency" preference="userChrome.theme.transparent.panel"
+                data-l10n-id="enable-panel-transparency" />
+
+                <checkbox id="enableMenuTransparency" preference="userChrome.theme.transparent.menu"
+                data-l10n-id="enable-menu-transparency" />
+
                 <checkbox id="disablePanelAnimate" preference="userChrome.decoration.disable_panel_animate"
                     data-l10n-id="disable-panel-animate" />
 

diff --git a/waterfox/browser/components/preferences/content/theme.js b/waterfox/browser/components/preferences/content/theme.js
@@ -61,6 +61,8 @@ var gThemePane = {
       { id: "userChrome.hidden.bookmarkbar_label", type: "bool" },
 
       // Panels
+      { id: "userChrome.theme.transparent.panel", type: "bool" },
+      { id: "userChrome.theme.transparent.menu", type: "bool" },
       { id: "userChrome.decoration.disable_panel_animate", type: "bool" },
       { id: "userChrome.hidden.disabled_menu", type: "bool" },
       { id: "userChrome.rounding.square_panel", type: "bool" },

diff --git a/waterfox/browser/themes/lepton/leptonChrome.css b/waterfox/browser/themes/lepton/leptonChrome.css
@@ -2573,6 +2573,11 @@
 @supports -moz-bool-pref("userChrome.theme.transparent.panel") {
   panel[type="arrow"] {
     --panel-background: transparent !important;
+    background: var(--toolbar-bgcolor) !important;
+    opacity: 0.95;
+    border-radius: 16px;
+    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
+    backdrop-filter: blur(5px);
   }
   panelview {
     background: color-mix(in srgb, var(--arrowpanel-background) 90%, transparent) !important;

diff --git a/waterfox/browser/themes/waterfox/general.css b/waterfox/browser/themes/waterfox/general.css
@@ -180,4 +180,4 @@
 /* Prevent any horizontal scrolling on about:preferences */
 #preferences-body .main-content {
   overflow-x: hidden !important;
-}
+}