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

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

View File

@@ -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);

View File

@@ -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;
}
}

View File

@@ -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;
}
}

View File

@@ -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();