Transparency & Icon Allignment

This commit is contained in:
DinnoDEV 2024-11-19 18:33:59 +07:00 committed by GitHub
parent 1bdd8f3ef0
commit a1cd97a7ad
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 27 additions and 22 deletions

View file

@ -1,24 +1,12 @@
/* Shield Star Fix */ /* Shield Star Fix */
.urlbar-page-action, #tracking-protection-icon-container { #tracking-protection-icon-container {
margin: 2px !important; align-self: center !important;
margin-top: 4px !important; margin-bottom: -1px !important;
} }
#star-button-box { #page-action-buttons {
margin-top: 3px !important; margin-right: -2px !important;
margin-left: 1px !important; margin-bottom: -1px !important;
margin-right: 0px !important;
}
#urlbar[breakout] {
& > .urlbar-input-container {
height: 99%;
}
}
#urlbar {
min-height: 34px !important;
} }
/* Cleaner Breakout URL Bar */ /* Cleaner Breakout URL Bar */
@ -26,9 +14,18 @@
background: transparent !important; background: transparent !important;
} }
#urlbar-background { @media not (-moz-bool-pref: "theme.cleaned_url_bar.disable_transparency") {
background: color-mix(in srgb, light-dark(#fff, var(--zen-colors-tertiary)) 60%, transparent 60%) !important; #urlbar-background {
backdrop-filter: blur(50px) !important; background: color-mix(in srgb, light-dark(#fff, var(--zen-colors-tertiary)) 60%, transparent 60%) !important;
backdrop-filter: blur(50px) !important;
}
}
@media (-moz-bool-pref: "theme.cleaned_url_bar.disable_transparency") {
#urlbar-background {
background: color-mix(in srgb, light-dark(#fff, var(--zen-colors-tertiary)) 100%, transparent 0%) !important;
backdrop-filter: blur(0px) !important;
}
} }
#identity-icon-box, #identity-permission-box { #identity-icon-box, #identity-permission-box {
@ -72,6 +69,7 @@
} }
.urlbar-go-button { .urlbar-go-button {
align-self: center !important;
opacity: 0.5 !important; opacity: 0.5 !important;
background: transparent !important; background: transparent !important;
margin-right: 6px !important; margin-right: 6px !important;
@ -79,4 +77,4 @@
.urlbar-go-button:hover { .urlbar-go-button:hover {
opacity: 1 !important; opacity: 1 !important;
} }

View file

@ -0,0 +1,7 @@
[
{
"property": "theme.cleaned_url_bar.disable_transparency",
"label": "Disable transparency",
"type": "checkbox"
}
]