mirror of
https://github.com/zen-browser/desktop.git
synced 2025-10-15 06:16:14 +00:00
feat: Add experimental acrylic components for linux and windows, b=(no-bug), c=common, compact-mode, workspaces
This commit is contained in:
@@ -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);
|
||||
|
@@ -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;
|
||||
}
|
||||
}
|
||||
|
@@ -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;
|
||||
}
|
||||
}
|
||||
|
@@ -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();
|
||||
|
Reference in New Issue
Block a user