Use more subtle styling in findbar

This commit is contained in:
MrOtherGuy 2018-12-28 16:17:23 +02:00
parent cb32d2f914
commit 9492574fc8

View file

@ -61,13 +61,21 @@ findbar{ background-image: none !important; }
#page-action-buttons image:hover, #page-action-buttons image:hover,
.urlbar-icon:hover, .urlbar-icon:hover,
#TabsToolbar .scrollbutton-down:hover, #TabsToolbar .scrollbutton-down:hover,
#TabsToolbar .scrollbutton-up:hover, #TabsToolbar .scrollbutton-up:hover{
findbar toolbarbutton:not([disabled]):hover,
findbar toolbarbutton[checked="true"]{
background-color: var(--uc-active-color) !important; background-color: var(--uc-active-color) !important;
box-shadow: inset 0 0 1px 1px var(--uc-border-color) !important; box-shadow: inset 0 0 1px 1px var(--uc-border-color) !important;
} }
findbar toolbarbutton:not([disabled]):not(.close-icon):hover,
findbar toolbarbutton[checked="true"],
findbar > .findbar-closebutton:hover > .toolbarbutton-icon{
background-color: var(--uc-active-color) !important;
}
.findbar-textbox{ border-right: none !important; }
.findbar-find-next{ border-left: none !important; }
.findbar-textbox:focus-within ~ toolbarbutton{ border-color: var(--toolbar-field-focus-border-color, Highlight) !important; }
/* Override some special cases */ /* Override some special cases */
#TabsToolbar .scrollbutton-down > .toolbarbutton-icon, #TabsToolbar .scrollbutton-down > .toolbarbutton-icon,
#TabsToolbar .scrollbutton-up > .toolbarbutton-icon, #TabsToolbar .scrollbutton-up > .toolbarbutton-icon,