create round_caption_buttons.css
This commit is contained in:
		
							parent
							
								
									43e446d120
								
							
						
					
					
						commit
						fd2414fef9
					
				
					 3 changed files with 32 additions and 1 deletions
				
			
		
							
								
								
									
										29
									
								
								chrome/round_caption_buttons.css
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										29
									
								
								chrome/round_caption_buttons.css
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
				
			
			@ -0,0 +1,29 @@
 | 
			
		|||
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/round_caption_buttons.css made available under Mozilla Public License v. 2.0
 | 
			
		||||
See the above repository for updates as well as full license text. */
 | 
			
		||||
 | 
			
		||||
/* Make window-control - aka caption buttons round following theme text color. */
 | 
			
		||||
 | 
			
		||||
/* Uncomment the following line to use colorful icons ala MacOS */
 | 
			
		||||
/* .titlebar-button{ --uc-caption-background: var(--uc-caption-color) } */
 | 
			
		||||
 | 
			
		||||
.titlebar-button { opacity: 0.6; --uc-caption-color: rgb(252,185,15) }
 | 
			
		||||
.titlebar-min    { opacity: 0.5; --uc-caption-color: rgb(36, 209, 49) }
 | 
			
		||||
.titlebar-close  { opacity: 0.7; --uc-caption-color: rgb(250, 55, 55) }
 | 
			
		||||
 | 
			
		||||
.titlebar-button:hover { opacity: 1 }
 | 
			
		||||
 | 
			
		||||
.titlebar-button {
 | 
			
		||||
  background: transparent !important;
 | 
			
		||||
  padding-inline: 10px !important;
 | 
			
		||||
  transition: opacity 0.2s ease;
 | 
			
		||||
}
 | 
			
		||||
.titlebar-close {	padding-right: 18px !important; }
 | 
			
		||||
 | 
			
		||||
.titlebar-button > .toolbarbutton-icon {
 | 
			
		||||
	list-style-image: none;
 | 
			
		||||
	border-radius: 10px;
 | 
			
		||||
  background: var(--uc-caption-background,currentColor) !important;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* OPTIONAL - move caption buttons in tabs toolbar a bit upwards */
 | 
			
		||||
/* #TabsToolbar > .titlebar-buttonbox-container{ margin-bottom: var(--toolbarbutton-inner-padding) !important; } */
 | 
			
		||||
| 
						 | 
				
			
			@ -121,5 +121,6 @@
 | 
			
		|||
"hide_tabs_scrollbuttons.css":["tabs","hiding","buttons","minimal"],
 | 
			
		||||
"tab_effect_scale_onclick.css":["tab","effect"],
 | 
			
		||||
"auto_devtools_theme_for_rdm.css":["devtools","colors"],
 | 
			
		||||
"inline_tab_audio_icons.css":["tab","icon","proton"]
 | 
			
		||||
"inline_tab_audio_icons.css":["tab","icon","proton"],
 | 
			
		||||
"round_caption_buttons.css":["buttons","icon","window-controls"]
 | 
			
		||||
}
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
							
								
								
									
										1
									
								
								tags.csv
									
										
									
									
									
								
							
							
						
						
									
										1
									
								
								tags.csv
									
										
									
									
									
								
							| 
						 | 
				
			
			@ -121,3 +121,4 @@ hide_tabs_scrollbuttons.css,tabs,hiding,buttons,minimal
 | 
			
		|||
tab_effect_scale_onclick.css,tab,effect
 | 
			
		||||
auto_devtools_theme_for_rdm.css,devtools,colors
 | 
			
		||||
inline_tab_audio_icons.css,tab,icon,proton
 | 
			
		||||
round_caption_buttons.css,buttons,icon,window-controls
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		
		
			
  | 
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue