mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-14 20:23:53 +02:00
85 lines
2.2 KiB
CSS
85 lines
2.2 KiB
CSS
|
|
/* Base styles always applied */
|
|
#urlbar-background {
|
|
border: 2px solid transparent !important;
|
|
border-radius: var(--mod-urlbar-border_radius) !important;
|
|
transition: box-shadow 0.3s ease-in-out !important;
|
|
}
|
|
|
|
/* Hide container icons when enabled */
|
|
@media (-moz-bool-pref: "mod.urlbar.hide_elements") {
|
|
#userContext-identity-icon,
|
|
#userContext-indicator {
|
|
display: none !important;
|
|
}
|
|
|
|
/* Hide permission icons by default */
|
|
#identity-permission-box {
|
|
opacity: 0;
|
|
transition: opacity 0.2s ease-in-out;
|
|
}
|
|
|
|
/* Hide or reduce some elements to improve appearance */
|
|
#identity-box {
|
|
margin-inline-end: 0 !important;
|
|
max-width: 0 !important;
|
|
padding: 0 !important;
|
|
overflow: hidden !important;
|
|
}
|
|
|
|
#page-action-buttons {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
/* Show elements on hover when enabled */
|
|
@media (-moz-bool-pref: "mod.urlbar.show_on_hover") {
|
|
/* Show permission icons when hovering over the URL bar */
|
|
#urlbar:hover #identity-permission-box {
|
|
opacity: 1;
|
|
}
|
|
|
|
/* Show these elements on hover if needed */
|
|
#urlbar:hover #identity-box,
|
|
#urlbar:focus-within #identity-box {
|
|
max-width: unset !important;
|
|
margin-inline-end: 4px !important;
|
|
}
|
|
|
|
#urlbar:hover #page-action-buttons,
|
|
#urlbar:focus-within #page-action-buttons {
|
|
display: flex !important;
|
|
}
|
|
}
|
|
|
|
/* Center the URL in the address bar when enabled */
|
|
@media (-moz-bool-pref: "mod.urlbar.center_url") {
|
|
#urlbar-input-container {
|
|
justify-content: center !important;
|
|
}
|
|
|
|
#urlbar-input {
|
|
text-align: center !important;
|
|
}
|
|
}
|
|
|
|
/* Apply colorful border when enabled */
|
|
@media (-moz-bool-pref: "mod.urlbar.colorful_border") {
|
|
#urlbar-background {
|
|
background-origin: border-box !important;
|
|
background-clip: padding-box, border-box !important;
|
|
background-image: linear-gradient(rgba(59, 59, 61, 0.8), rgba(59, 59, 61, 0.8)),
|
|
linear-gradient(90deg, #ff7e5f, #feb47b, #7bc6cc, #8583ed) !important;
|
|
}
|
|
}
|
|
|
|
/* Apply glow effect on focus when enabled */
|
|
@media (-moz-bool-pref: "mod.urlbar.glow_effect") {
|
|
#urlbar-background {
|
|
box-shadow: 0 0 8px rgba(137, 137, 186, 0.3) !important;
|
|
}
|
|
|
|
#urlbar[focused="true"] #urlbar-background {
|
|
box-shadow: 0 0 12px rgba(99, 185, 255, 0.5) !important;
|
|
}
|
|
}
|