Unfloyded/Legamunt
0
0
Fork 0
Code Activity

Change button colors to increase hover/focus contrast and consistency (#25677)

Browse source
This commit is contained in:
Trevor Wolf 2023-07-03 19:32:31 +10:00 • committed by GitHub
parent e6a8faae81
commit 54cb679c19
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 66 additions and 96 deletions
Download patch file Download diff file Expand all files Collapse all files

15
app/javascript/styles/mastodon/forms.scss
View file

@ -511,8 +511,8 @@ code {
width: 100%;
border: 0;
border-radius: 4px;
background: darken($ui-highlight-color, 2%);
color: $primary-text-color;
background: $ui-button-background-color;
color: $ui-button-color;
font-size: 18px;
line-height: inherit;
height: auto;
@ -534,7 +534,7 @@ code {
&:active,
&:focus,
&:hover {
background-color: $ui-highlight-color;
background-color: $ui-button-focus-background-color;
}
&:disabled:hover {
@ -542,15 +542,12 @@ code {
}
&.negative {
background: $error-value-color;
&:hover {
background-color: lighten($error-value-color, 5%);
}
background: $ui-button-destructive-background-color;
&:hover,
&:active,
&:focus {
background-color: darken($error-value-color, 5%);
background-color: $ui-button-destructive-focus-background-color;
}
}
}