From 07ede1b96bd6895cd4960978a5ba3a54cb68e9fa Mon Sep 17 00:00:00 2001 From: "mr. M" Date: Thu, 13 Feb 2025 22:02:17 +0100 Subject: [PATCH] Add Windows acrylic support and enhance toolbar transparency styles --- src/browser/app/profile/zen-browser.js | 4 ++++ src/browser/base/content/zen-styles/zen-theme.css | 10 +++++++--- 2 files changed, 11 insertions(+), 3 deletions(-) diff --git a/src/browser/app/profile/zen-browser.js b/src/browser/app/profile/zen-browser.js index a61533e60..bbc3d7069 100644 --- a/src/browser/app/profile/zen-browser.js +++ b/src/browser/app/profile/zen-browser.js @@ -127,6 +127,10 @@ pref('zen.view.experimental-rounded-view', false); pref('zen.view.experimental-rounded-view', true); #endif +#ifdef XP_WIN +pref('zen.widget.windows.acrylic', true); +#endif + // Glance pref('zen.glance.enabled', true); pref('zen.glance.hold-duration', 300); // in ms diff --git a/src/browser/base/content/zen-styles/zen-theme.css b/src/browser/base/content/zen-styles/zen-theme.css index 480f65c52..f5482f7ac 100644 --- a/src/browser/base/content/zen-styles/zen-theme.css +++ b/src/browser/base/content/zen-styles/zen-theme.css @@ -162,9 +162,13 @@ @media (-moz-windows-mica) or (-moz-platform: macos) { background: transparent; --zen-themed-toolbar-bg-transparency: 0; - --zen-themed-toolbar-bg-transparent: light-dark( - rgba(255, 255, 255, var(--zen-themed-toolbar-bg-transparency)), - rgba(0, 0, 0, var(--zen-themed-toolbar-bg-transparency)) + @media (-moz-bool-pref: 'zen.widget.windows.acrylic') { + --zen-themed-toolbar-bg-transparency: 15%; + } + --zen-themed-toolbar-bg-transparent: color-mix( + in srgb, + var(--zen-themed-toolbar-bg) calc(100% - var(--zen-themed-toolbar-bg-transparency)), + transparent var(--zen-themed-toolbar-bg-transparency) ); }