zen: fix userChrome

This commit is contained in:
2 * r + 2 * t 2025-10-15 21:54:30 +11:00
parent c850be99bd
commit bbb8f7bcd4

View file

@ -1,4 +1,4 @@
:root { /*:root {
--c-accent: var(--tab-loading-fill); --c-accent: var(--tab-loading-fill);
--c-text: var(--toolbar-color); --c-text: var(--toolbar-color);
--c-mantle: var(--lwt-accent-color); --c-mantle: var(--lwt-accent-color);
@ -30,17 +30,17 @@
--in-content-primary-button-text-color: var(--c-text) !important; --in-content-primary-button-text-color: var(--c-text) !important;
--in-content-primary-button-background: var(--toolbarbutton-hover-background) !important; --in-content-primary-button-background: var(--toolbarbutton-hover-background) !important;
--in-content-primary-button-background-hover: var(--toolbarbutton-active-background) !important; --in-content-primary-button-background-hover: var(--toolbarbutton-active-background) !important;
} }*/
tooltip { /*tooltip {
appearance: none !important; appearance: none !important;
background-color: var(--c-mantle) !important; background-color: var(--c-mantle) !important;
color: var(--c-text) !important; color: var(--c-text) !important;
border: 1px solid color-mix(in srgb, var(--c-accent), transparent 70%) !important; border: 1px solid color-mix(in srgb, var(--c-accent), transparent 70%) !important;
border-radius: 8px !important; border-radius: 8px !important;
} }*/
#permissions-granted-icon { /*#permissions-granted-icon {
color: var(--c-mantle) !important; color: var(--c-mantle) !important;
} }
@ -88,7 +88,7 @@ toolbar .toolbarbutton-1 {
#urlbar-container { #urlbar-container {
background: var(--c-mantle) !important; background: var(--c-mantle) !important;
} }*/
/* Center url bar text when not focused */ /* Center url bar text when not focused */
#urlbar:not([focused]) .urlbar-input { #urlbar:not([focused]) .urlbar-input {
@ -100,18 +100,18 @@ toolbar .toolbarbutton-1 {
0% { 0% {
opacity: 0; opacity: 0;
scale: 0.8; scale: 0.8;
translate: -10% 0; /* translate: -10% 0; */
} }
70% { 70% {
scale: 1.02; scale: 1.02;
translate: 1% 0; /* translate: 1% 0; */
} }
100% { 100% {
opacity: 1; opacity: 1;
scale: 1; scale: 1;
translate: 0 0; /* translate: 0 0; */
} }
} }
@ -120,7 +120,7 @@ toolbar .toolbarbutton-1 {
} }
/* Blur menu popups */ /* Blur menu popups */
#commonDialog, /*#commonDialog,
.menupopup-arrowscrollbox { .menupopup-arrowscrollbox {
border-radius: 10px !important; border-radius: 10px !important;
border: 1px solid color-mix(in srgb, var(--arrowpanel-border-color), transparent 70%) !important; border: 1px solid color-mix(in srgb, var(--arrowpanel-border-color), transparent 70%) !important;
@ -130,10 +130,10 @@ toolbar .toolbarbutton-1 {
#commonDialog { #commonDialog {
background: color-mix(in srgb, var(--zen-branding-bg), transparent 15%) !important; background: color-mix(in srgb, var(--zen-branding-bg), transparent 15%) !important;
} }*/
/* Blur floating url bar */ /* Blur floating url bar */
#urlbar[zen-floating-urlbar][breakout][breakout-extend] > #urlbar-background { /*#urlbar[zen-floating-urlbar][breakout][breakout-extend] > #urlbar-background {
border: 1px solid color-mix(in srgb, var(--zen-colors-border), transparent 70%) !important; border: 1px solid color-mix(in srgb, var(--zen-colors-border), transparent 70%) !important;
border-radius: 10px !important; border-radius: 10px !important;
background: color-mix(in srgb, var(--zen-colors-tertiary), transparent 15%) !important; background: color-mix(in srgb, var(--zen-colors-tertiary), transparent 15%) !important;
@ -147,7 +147,7 @@ toolbar .toolbarbutton-1 {
.urlbarView-body-inner { .urlbarView-body-inner {
border: none !important; border: none !important;
} }*/
/* Styles the search options */ /* Styles the search options */
.search-one-offs { .search-one-offs {