diff --git a/src/browser/base/content/zen-assets.inc.xhtml b/src/browser/base/content/zen-assets.inc.xhtml index 0756714ea..91b136f2e 100644 --- a/src/browser/base/content/zen-assets.inc.xhtml +++ b/src/browser/base/content/zen-assets.inc.xhtml @@ -17,7 +17,7 @@ - + diff --git a/src/zen/common/styles/zen-urlbar.css b/src/zen/common/styles/zen-omnibox.css similarity index 97% rename from src/zen/common/styles/zen-urlbar.css rename to src/zen/common/styles/zen-omnibox.css index 37f5bb50b..af1a64265 100644 --- a/src/zen/common/styles/zen-urlbar.css +++ b/src/zen/common/styles/zen-omnibox.css @@ -40,8 +40,10 @@ text-overflow: ellipsis; } +/* Consolidated focus visuals */ #searchbar:focus-within { border-color: transparent !important; + background: var(--urlbar-box-bgcolor); } .urlbar-background { @@ -89,10 +91,6 @@ background: transparent !important; } -#searchbar:focus-within { - background: var(--urlbar-box-bgcolor); -} - #identity-box:not(.chromeUI) #identity-icon-label { padding-inline-start: 8px !important; } @@ -101,9 +99,15 @@ position: relative; } -#identity-icon-box { + + #identity-icon-box, + #identity-permission-box { + margin-top: auto; outline: none !important; -} + + margin-bottom: auto; + padding: 6px 8px !important; + } #urlbar .urlbar-input { border-radius: 0 !important; @@ -472,8 +476,6 @@ button.popup-notification-dropmarker { } } - { - .urlbarView-title { font-size: 14px !important; font-weight: 500 !important; @@ -585,13 +587,9 @@ button.popup-notification-dropmarker { --zen-selected-bg: color-mix( in srgb, var(--zen-primary-color) 50%, - light-dark(rgba(0,0,0,.3), rgba(255, 255, 255, 0.2)) 50% - ); - --zen-selected-color: color-mix( - in srgb, - var(--zen-selected-bg), - light-dark(white, black) 20% + light-dark(rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0.2)) 50% ); + --zen-selected-color: color-mix(in srgb, var(--zen-selected-bg), light-dark(white, black) 20%); background-color: var(--zen-selected-bg) !important; & *, @@ -607,7 +605,7 @@ button.popup-notification-dropmarker { color: var(--zen-selected-color) !important; } - &:is([type="switchtab"], [type="dynamic"]) .urlbarView-favicon, + &:is([type='switchtab'], [type='dynamic']) .urlbarView-favicon, & .urlbarView-shortcutContent { fill: var(--zen-selected-color) !important; background-color: rgba(255, 255, 255, 0.9) !important;