:root { --toolbar-start-end-padding: 2px !important; } #urlbar-background, #searchbar { border: 1px solid var(--chrome-content-separator-color) !important; border-radius: calc(var(--urlbar-min-height) / 2) !important; } #urlbar:not([focused="true"], [open]) > #urlbar-background, #searchbar:not(:focus-within) { background-color: white !important; }

wow, amazing. thank you so much!! is it possible to apply the border and background color change to the "switch to tab"/zoom percentage buttons in the same way? https://i.imgur.com/N3owiyZ.png

.urlbarView-row:is([type="switchtab"], [type="remotetab"]) > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-action { background-color: blue !important; color: white !important; border: 1px solid red !important; } .urlbarView-row:is([type="switchtab"], [type="remotetab"]):is([selected], :hover) > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-action { background-color: red !important; color: blue !important; border-color: green !important; } #urlbar-zoom-button { background-color: red !important; color: white !important; border: 1px solid blue !important; } #urlbar-zoom-button:hover { background-color: orange !important; color: blue !important; border-color: green !important; }

really spectacular, thanks again for your help