mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2025-10-15 14:26:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: Add experimental acrylic components for linux and windows, b=(no-bug), c=common, compact-mode, workspaces

Browse Source
This commit is contained in:
Mr. M
2025-05-12 00:52:56 +02:00
parent 1a2b527070
commit fcc823c33a
4 changed files with 10 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/browser/app/profile/features.inc
View File

@@ -34,6 +34,12 @@ pref('zen.theme.border-radius', 10); // In pixels
pref('zen.theme.border-radius', 8); // In pixels pref('zen.theme.border-radius', 8); // In pixels
#endif #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.theme.color-prefs.use-workspace-colors', true);
pref('zen.view.compact.hide-tabbar', true); pref('zen.view.compact.hide-tabbar', true);

4
src/zen/common/styles/zen-urlbar.css
View File

@@ -168,7 +168,7 @@
hsl(0, 0%, 100%), hsl(0, 0%, 100%),
color-mix(in srgb, hsl(0, 0%, 5%) 70%, var(--zen-colors-primary) 30%) 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( --zen-urlbar-background: color-mix(
in srgb, in srgb,
var(--zen-urlbar-background-base) 70%, var(--zen-urlbar-background-base) 70%,
@@ -181,7 +181,7 @@
border-radius: 12px !important; border-radius: 12px !important;
outline: 0.5px solid light-dark(rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0.15)) !important; outline: 0.5px solid light-dark(rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0.15)) !important;
outline-offset: -2px; 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; backdrop-filter: blur(42px) saturate(110%) brightness(0.25) contrast(100%) !important;
} }
} }

2
src/zen/compact-mode/zen-compact-mode.css
View File

@@ -147,7 +147,7 @@
background: var(--zen-main-browser-background-toolbar) !important; background: var(--zen-main-browser-background-toolbar) !important;
background-attachment: fixed !important; background-attachment: fixed !important;
background-size: 2000px !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; backdrop-filter: blur(42px) saturate(110%) brightness(0.25) contrast(100%) !important;
} }
} }

5
src/zen/workspaces/ZenGradientGenerator.mjs
View File

@@ -12,10 +12,7 @@
dots = []; dots = [];
useAlgo = ''; useAlgo = '';
#allowTransparencyOnSidebar = Services.prefs.getBoolPref( #allowTransparencyOnSidebar = Services.prefs.getBoolPref('zen.theme.acrylic-elements', false);
'zen.view.experimental-rounded-view',
false
);
constructor() { constructor() {
super(); super();