mirror of
				https://github.com/horst3180/arc-theme.git
				synced 2025-06-13 12:53:52 +00:00 
			
		
		
		
	fix header-bar spinbuttons
This commit is contained in:
		
							parent
							
								
									de484ff964
								
							
						
					
					
						commit
						421b8c7d10
					
				| @ -1246,11 +1246,16 @@ GtkComboBox { | ||||
| 
 | ||||
| .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { | ||||
|   color: #ffffff; } | ||||
|   .primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover { | ||||
|     background-color: rgba(255, 255, 255, 0.1); | ||||
|     border-color: transparent; } | ||||
|   .primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive { | ||||
|     color: rgba(255, 255, 255, 0.4); } | ||||
| 
 | ||||
| .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { | ||||
|   color: rgba(207, 218, 231, 0.8); } | ||||
|   .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { | ||||
|     background-color: rgba(255, 255, 255, 0.1); | ||||
|     background-color: rgba(207, 218, 231, 0.05); | ||||
|     border-color: transparent; } | ||||
|   .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { | ||||
|     color: rgba(207, 218, 231, 0.5); } | ||||
|  | ||||
| @ -1246,11 +1246,16 @@ GtkComboBox { | ||||
| 
 | ||||
| .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { | ||||
|   color: #ffffff; } | ||||
|   .primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover { | ||||
|     background-color: rgba(255, 255, 255, 0.1); | ||||
|     border-color: transparent; } | ||||
|   .primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive { | ||||
|     color: rgba(255, 255, 255, 0.4); } | ||||
| 
 | ||||
| .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { | ||||
|   color: rgba(207, 218, 231, 0.8); } | ||||
|   .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { | ||||
|     background-color: rgba(255, 255, 255, 0.1); | ||||
|     background-color: rgba(207, 218, 231, 0.05); | ||||
|     border-color: transparent; } | ||||
|   .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { | ||||
|     color: rgba(207, 218, 231, 0.5); } | ||||
|  | ||||
| @ -1246,11 +1246,16 @@ GtkComboBox { | ||||
| 
 | ||||
| .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { | ||||
|   color: #ffffff; } | ||||
|   .primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover { | ||||
|     background-color: rgba(255, 255, 255, 0.1); | ||||
|     border-color: transparent; } | ||||
|   .primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive { | ||||
|     color: rgba(255, 255, 255, 0.4); } | ||||
| 
 | ||||
| .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { | ||||
|   color: rgba(207, 218, 231, 0.8); } | ||||
|   .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { | ||||
|     background-color: rgba(255, 255, 255, 0.1); | ||||
|     background-color: rgba(207, 218, 231, 0.05); | ||||
|     border-color: transparent; } | ||||
|   .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { | ||||
|     color: rgba(207, 218, 231, 0.5); } | ||||
|  | ||||
| @ -1246,11 +1246,16 @@ GtkComboBox { | ||||
| 
 | ||||
| .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { | ||||
|   color: #ffffff; } | ||||
|   .primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover { | ||||
|     background-color: rgba(255, 255, 255, 0.1); | ||||
|     border-color: transparent; } | ||||
|   .primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive { | ||||
|     color: rgba(255, 255, 255, 0.4); } | ||||
| 
 | ||||
| .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { | ||||
|   color: rgba(207, 218, 231, 0.8); } | ||||
|   .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { | ||||
|     background-color: rgba(255, 255, 255, 0.1); | ||||
|     background-color: rgba(207, 218, 231, 0.05); | ||||
|     border-color: transparent; } | ||||
|   .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { | ||||
|     color: rgba(207, 218, 231, 0.5); } | ||||
|  | ||||
| @ -1246,11 +1246,16 @@ GtkComboBox { | ||||
| 
 | ||||
| .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { | ||||
|   color: #ffffff; } | ||||
|   .primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover { | ||||
|     background-color: rgba(255, 255, 255, 0.1); | ||||
|     border-color: transparent; } | ||||
|   .primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive { | ||||
|     color: rgba(255, 255, 255, 0.4); } | ||||
| 
 | ||||
| .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { | ||||
|   color: rgba(82, 93, 118, 0.8); } | ||||
|   .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { | ||||
|     background-color: rgba(255, 255, 255, 0.1); | ||||
|     background-color: rgba(82, 93, 118, 0.05); | ||||
|     border-color: transparent; } | ||||
|   .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { | ||||
|     color: rgba(82, 93, 118, 0.5); } | ||||
|  | ||||
| @ -1246,11 +1246,16 @@ GtkComboBox { | ||||
| 
 | ||||
| .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { | ||||
|   color: #ffffff; } | ||||
|   .primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover { | ||||
|     background-color: rgba(255, 255, 255, 0.1); | ||||
|     border-color: transparent; } | ||||
|   .primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive { | ||||
|     color: rgba(255, 255, 255, 0.4); } | ||||
| 
 | ||||
| .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { | ||||
|   color: rgba(82, 93, 118, 0.8); } | ||||
|   .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { | ||||
|     background-color: rgba(255, 255, 255, 0.1); | ||||
|     background-color: rgba(82, 93, 118, 0.05); | ||||
|     border-color: transparent; } | ||||
|   .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { | ||||
|     color: rgba(82, 93, 118, 0.5); } | ||||
|  | ||||
| @ -1303,14 +1303,18 @@ GtkComboBox { | ||||
|   // Header-bar Spinbuttons | ||||
|   & .spinbutton { | ||||
| 
 | ||||
|       &:focus .button { color: $selected_fg_color; } | ||||
|     &:focus .button { | ||||
|       color: $selected_fg_color; | ||||
| 
 | ||||
|       .button { | ||||
|         color: $header_fg; | ||||
|       &:hover { background-color: transparentize($selected_fg_color, 0.9); border-color: transparent; } | ||||
|       &:insensitive { color: transparentize($selected_fg_color, 0.6); } | ||||
|     } | ||||
|     .button { | ||||
|       color: $header_fg; | ||||
| 
 | ||||
|         &:hover { background-color: rgba(255,255,255,0.1); border-color: transparent; } | ||||
|         &:insensitive { color: transparentize($header_fg, 0.3); } | ||||
|         &:active { background-color: rgba(0,0,0,0.1); } | ||||
|       &:hover { background-color: transparentize($header_fg, 0.75); border-color: transparent; } | ||||
|       &:insensitive { color: transparentize($header_fg, 0.3); } | ||||
|       &:active { background-color: rgba(0,0,0,0.1); } | ||||
|     } | ||||
|   } | ||||
| 
 | ||||
|  | ||||
| @ -1245,11 +1245,16 @@ GtkComboBox { | ||||
| 
 | ||||
| .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { | ||||
|   color: #ffffff; } | ||||
|   .primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover { | ||||
|     background-color: rgba(255, 255, 255, 0.1); | ||||
|     border-color: transparent; } | ||||
|   .primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive { | ||||
|     color: rgba(255, 255, 255, 0.4); } | ||||
| 
 | ||||
| .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { | ||||
|   color: rgba(207, 218, 231, 0.8); } | ||||
|   .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { | ||||
|     background-color: rgba(255, 255, 255, 0.1); | ||||
|     background-color: rgba(207, 218, 231, 0.05); | ||||
|     border-color: transparent; } | ||||
|   .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { | ||||
|     color: rgba(207, 218, 231, 0.5); } | ||||
|  | ||||
| @ -1245,11 +1245,16 @@ GtkComboBox { | ||||
| 
 | ||||
| .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { | ||||
|   color: #ffffff; } | ||||
|   .primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover { | ||||
|     background-color: rgba(255, 255, 255, 0.1); | ||||
|     border-color: transparent; } | ||||
|   .primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive { | ||||
|     color: rgba(255, 255, 255, 0.4); } | ||||
| 
 | ||||
| .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { | ||||
|   color: rgba(207, 218, 231, 0.8); } | ||||
|   .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { | ||||
|     background-color: rgba(255, 255, 255, 0.1); | ||||
|     background-color: rgba(207, 218, 231, 0.05); | ||||
|     border-color: transparent; } | ||||
|   .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { | ||||
|     color: rgba(207, 218, 231, 0.5); } | ||||
|  | ||||
| @ -1245,11 +1245,16 @@ GtkComboBox { | ||||
| 
 | ||||
| .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { | ||||
|   color: #ffffff; } | ||||
|   .primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover { | ||||
|     background-color: rgba(255, 255, 255, 0.1); | ||||
|     border-color: transparent; } | ||||
|   .primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive { | ||||
|     color: rgba(255, 255, 255, 0.4); } | ||||
| 
 | ||||
| .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { | ||||
|   color: rgba(207, 218, 231, 0.8); } | ||||
|   .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { | ||||
|     background-color: rgba(255, 255, 255, 0.1); | ||||
|     background-color: rgba(207, 218, 231, 0.05); | ||||
|     border-color: transparent; } | ||||
|   .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { | ||||
|     color: rgba(207, 218, 231, 0.5); } | ||||
|  | ||||
| @ -1245,11 +1245,16 @@ GtkComboBox { | ||||
| 
 | ||||
| .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { | ||||
|   color: #ffffff; } | ||||
|   .primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover { | ||||
|     background-color: rgba(255, 255, 255, 0.1); | ||||
|     border-color: transparent; } | ||||
|   .primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive { | ||||
|     color: rgba(255, 255, 255, 0.4); } | ||||
| 
 | ||||
| .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { | ||||
|   color: rgba(207, 218, 231, 0.8); } | ||||
|   .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { | ||||
|     background-color: rgba(255, 255, 255, 0.1); | ||||
|     background-color: rgba(207, 218, 231, 0.05); | ||||
|     border-color: transparent; } | ||||
|   .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { | ||||
|     color: rgba(207, 218, 231, 0.5); } | ||||
|  | ||||
| @ -1245,11 +1245,16 @@ GtkComboBox { | ||||
| 
 | ||||
| .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { | ||||
|   color: #ffffff; } | ||||
|   .primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover { | ||||
|     background-color: rgba(255, 255, 255, 0.1); | ||||
|     border-color: transparent; } | ||||
|   .primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive { | ||||
|     color: rgba(255, 255, 255, 0.4); } | ||||
| 
 | ||||
| .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { | ||||
|   color: rgba(82, 93, 118, 0.8); } | ||||
|   .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { | ||||
|     background-color: rgba(255, 255, 255, 0.1); | ||||
|     background-color: rgba(82, 93, 118, 0.05); | ||||
|     border-color: transparent; } | ||||
|   .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { | ||||
|     color: rgba(82, 93, 118, 0.5); } | ||||
|  | ||||
| @ -1245,11 +1245,16 @@ GtkComboBox { | ||||
| 
 | ||||
| .primary-toolbar .spinbutton:focus .button, .header-bar .spinbutton:focus .button { | ||||
|   color: #ffffff; } | ||||
|   .primary-toolbar .spinbutton:focus .button:hover, .header-bar .spinbutton:focus .button:hover { | ||||
|     background-color: rgba(255, 255, 255, 0.1); | ||||
|     border-color: transparent; } | ||||
|   .primary-toolbar .spinbutton:focus .button:insensitive, .header-bar .spinbutton:focus .button:insensitive { | ||||
|     color: rgba(255, 255, 255, 0.4); } | ||||
| 
 | ||||
| .primary-toolbar .spinbutton .button, .header-bar .spinbutton .button { | ||||
|   color: rgba(82, 93, 118, 0.8); } | ||||
|   .primary-toolbar .spinbutton .button:hover, .header-bar .spinbutton .button:hover { | ||||
|     background-color: rgba(255, 255, 255, 0.1); | ||||
|     background-color: rgba(82, 93, 118, 0.05); | ||||
|     border-color: transparent; } | ||||
|   .primary-toolbar .spinbutton .button:insensitive, .header-bar .spinbutton .button:insensitive { | ||||
|     color: rgba(82, 93, 118, 0.5); } | ||||
|  | ||||
| @ -1312,14 +1312,18 @@ GtkComboBox { | ||||
|   // Header-bar Spinbuttons | ||||
|   & .spinbutton { | ||||
| 
 | ||||
|       &:focus .button { color: $selected_fg_color; } | ||||
|     &:focus .button { | ||||
|       color: $selected_fg_color; | ||||
| 
 | ||||
|       .button { | ||||
|         color: $header_fg; | ||||
|       &:hover { background-color: transparentize($selected_fg_color, 0.9); border-color: transparent; } | ||||
|       &:insensitive { color: transparentize($selected_fg_color, 0.6); } | ||||
|     } | ||||
|     .button { | ||||
|       color: $header_fg; | ||||
| 
 | ||||
|         &:hover { background-color: rgba(255,255,255,0.1); border-color: transparent; } | ||||
|         &:insensitive { color: transparentize($header_fg, 0.3); } | ||||
|         &:active { background-color: rgba(0,0,0,0.1); } | ||||
|       &:hover { background-color: transparentize($header_fg, 0.75); border-color: transparent; } | ||||
|       &:insensitive { color: transparentize($header_fg, 0.3); } | ||||
|       &:active { background-color: rgba(0,0,0,0.1); } | ||||
|     } | ||||
|   } | ||||
| 
 | ||||
|  | ||||
		Loading…
	
		Reference in New Issue
	
	Block a user