Use more subtle styling in findbar
This commit is contained in:
		
							parent
							
								
									cb32d2f914
								
							
						
					
					
						commit
						9492574fc8
					
				
					 1 changed files with 11 additions and 3 deletions
				
			
		| 
						 | 
				
			
			@ -61,13 +61,21 @@ findbar{ background-image: none !important; }
 | 
			
		|||
#page-action-buttons image:hover,
 | 
			
		||||
.urlbar-icon:hover,
 | 
			
		||||
#TabsToolbar .scrollbutton-down:hover,
 | 
			
		||||
#TabsToolbar .scrollbutton-up:hover,
 | 
			
		||||
findbar toolbarbutton:not([disabled]):hover,
 | 
			
		||||
findbar toolbarbutton[checked="true"]{
 | 
			
		||||
#TabsToolbar .scrollbutton-up:hover{
 | 
			
		||||
  background-color: var(--uc-active-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 */
 | 
			
		||||
#TabsToolbar .scrollbutton-down > .toolbarbutton-icon,
 | 
			
		||||
#TabsToolbar .scrollbutton-up > .toolbarbutton-icon,
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue