mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2026-05-20 03:51:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

no-bug: Make transparent urlbar work again (gh-13424)

Browse Source
This commit is contained in:
mr. m
2026-04-26 19:20:36 +02:00
committed by GitHub
parent 6aafd8cb34
commit 4d26b4d597
2 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/zen/common/styles/zen-browser-container.css
View File

@@ -36,7 +36,8 @@
* is a hacky solution, but it works for now. Note that this makes
* zen REALLY slow, so lets not enable it by default until we have
* a better solution. */
will-change: transform;
translate: 0;
backface-visibility: hidden;
}
}
}

9
src/zen/common/styles/zen-omnibox.css
View File

@@ -17,12 +17,12 @@
}
.urlbar {
--urlbarView-separator-color: light-dark(hsl(0, 0%, 92%), hsl(0, 0%, 20%));
--urlbarView-separator-color: light-dark(hsl(0, 0%, 80%), hsl(0, 0%, 20%));
--urlbarView-hover-background: var(--toolbarbutton-hover-background);
--urlbarView-highlight-background: var(--toolbarbutton-hover-background);
border-radius: calc(var(--toolbarbutton-border-radius) - 2px);
height: var(--urlbar-height);
--urlbarView-results-padding: 8px !important;
--urlbarView-results-padding: 10px !important;
--urlbar-container-height: 48px !important;
--urlbar-margin-inline: 5px;
@@ -263,7 +263,10 @@
--zen-urlbar-background-base: light-dark(#fbfbfb, color-mix(in srgb, hsl(0, 0%, 6.7%), var(--zen-colors-primary) 30%));
/* stylelint-disable-next-line media-query-no-invalid */
@media -moz-pref("zen.theme.acrylic-elements") {
--zen-urlbar-background-transparent: color-mix(in srgb, var(--zen-urlbar-background-base) 70%, transparent 30%);
--zen-urlbar-background-transparent: light-dark(
color-mix(in srgb, var(--zen-urlbar-background-base) 90%, transparent),
color-mix(in srgb, var(--zen-urlbar-background-base) 65%, transparent)
);
}
background-color: var(--zen-urlbar-background-transparent, var(--zen-urlbar-background-base)) !important;
box-shadow: 0 30px 140px -15px light-dark(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.6)) !important;