and use it to subtly highlight commonly used symbols in the accent-views of the German layouts. Part-of: <https://gitlab.gnome.org/World/Phosh/squeekboard/-/merge_requests/637>
		
			
				
	
	
		
			97 lines
		
	
	
		
			1.7 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
			
		
		
	
	
			97 lines
		
	
	
		
			1.7 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
/* Adwaita-dark style keyboard */
 | 
						|
sq_view {
 | 
						|
    background-color: rgba(0, 0, 0, 255);
 | 
						|
    color: #ffffff;
 | 
						|
}
 | 
						|
 | 
						|
sq_view sq_button {
 | 
						|
    color: #deddda;
 | 
						|
    background: #464448;
 | 
						|
}
 | 
						|
 | 
						|
sq_button:active {
 | 
						|
    background: #747077;
 | 
						|
}
 | 
						|
 | 
						|
sq_button.subtle-highlight {
 | 
						|
    background: #3f3e41;
 | 
						|
}
 | 
						|
 | 
						|
sq_button.subtle-highlight:active {
 | 
						|
    background: #676669;
 | 
						|
}
 | 
						|
 | 
						|
sq_button.emoji-group {
 | 
						|
    background: #3f3e41;
 | 
						|
    border-bottom: 0.4999px;
 | 
						|
    border-style: solid;
 | 
						|
    border-color: alpha(white, 0.25);
 | 
						|
}
 | 
						|
 | 
						|
sq_button.emoji-group:active {
 | 
						|
    background: #747077;
 | 
						|
    border-bottom: 0.4999px;
 | 
						|
    border-style: solid;
 | 
						|
    border-color: alpha(white, 0.5);
 | 
						|
}
 | 
						|
 | 
						|
sq_button.change-view,
 | 
						|
sq_button.change-view-2 {
 | 
						|
    background: #2b292f;
 | 
						|
    border-bottom: 0.4999px;
 | 
						|
    border-style: solid;
 | 
						|
    border-color: alpha(white, 0.25);
 | 
						|
}
 | 
						|
 | 
						|
sq_button.change-view:active,
 | 
						|
sq_button.change-view-2:active {
 | 
						|
    background: #747077;
 | 
						|
    border-bottom: 0.4999px;
 | 
						|
    border-style: solid;
 | 
						|
    border-color: alpha(white, 0.5);
 | 
						|
}
 | 
						|
 | 
						|
sq_button.placeholder,
 | 
						|
sq_button.placeholder-2 {
 | 
						|
    background: #171618;
 | 
						|
}
 | 
						|
 | 
						|
sq_button.placeholder:active,
 | 
						|
sq_button.placeholder-2:active {
 | 
						|
    background: initial;
 | 
						|
    box-shadow: initial;
 | 
						|
}
 | 
						|
 | 
						|
sq_button.altline,
 | 
						|
sq_button.special,
 | 
						|
sq_button.wide {
 | 
						|
    background: #2b292f;
 | 
						|
}
 | 
						|
 | 
						|
sq_button.altline:active,
 | 
						|
sq_button.special:active,
 | 
						|
sq_button.wide:active {
 | 
						|
    background: #37353c;
 | 
						|
}
 | 
						|
 | 
						|
sq_button.latched {
 | 
						|
    background: #ffffff;
 | 
						|
    color: #2b292f;
 | 
						|
}
 | 
						|
 | 
						|
sq_button.locked {
 | 
						|
    background: #ffffff;
 | 
						|
    color: #1c71d8;
 | 
						|
}
 | 
						|
 | 
						|
#Return {
 | 
						|
    background: #1c71d8;
 | 
						|
}
 | 
						|
 | 
						|
#Return:active {
 | 
						|
    background: mix(#1c71d8, black, 0.2);
 | 
						|
    color: mix(#1c71d8, black, 0.2);
 | 
						|
}
 | 
						|
 | 
						|
@import url("resource:///sm/puri/squeekboard/common.css");
 |