Change button colors to increase hover/focus contrast and consistency (#25677)
This commit is contained in:
		
					parent
					
						
							
								e6a8faae81
							
						
					
				
			
			
				commit
				
					
						54cb679c19
					
				
			
		
					 7 changed files with 66 additions and 96 deletions
				
			
		|  | @ -5,19 +5,6 @@ html { | |||
|   scrollbar-color: $ui-base-color rgba($ui-base-color, 0.25); | ||||
| } | ||||
| 
 | ||||
| // Change the colors of button texts | ||||
| .button { | ||||
|   color: $white; | ||||
| 
 | ||||
|   &.button-alternative-2 { | ||||
|     color: $white; | ||||
|   } | ||||
| 
 | ||||
|   &.button-tertiary { | ||||
|     color: $highlight-text-color; | ||||
|   } | ||||
| } | ||||
| 
 | ||||
| .simple_form .button.button-tertiary { | ||||
|   color: $highlight-text-color; | ||||
| } | ||||
|  | @ -436,26 +423,6 @@ html { | |||
|   color: $white; | ||||
| } | ||||
| 
 | ||||
| .button.button-tertiary { | ||||
|   &:hover, | ||||
|   &:focus, | ||||
|   &:active { | ||||
|     color: $white; | ||||
|   } | ||||
| } | ||||
| 
 | ||||
| .button.button-secondary { | ||||
|   border-color: $darker-text-color; | ||||
|   color: $darker-text-color; | ||||
| 
 | ||||
|   &:hover, | ||||
|   &:focus, | ||||
|   &:active { | ||||
|     border-color: darken($darker-text-color, 8%); | ||||
|     color: darken($darker-text-color, 8%); | ||||
|   } | ||||
| } | ||||
| 
 | ||||
| .flash-message.warning { | ||||
|   color: lighten($gold-star, 16%); | ||||
| } | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue