Bommels05/Modrinth
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve accessibility on contrast themes (#751)

Browse Source
This commit is contained in:
Prospector 2022-11-20 12:50:10 -08:00 committed by GitHub
parent e297dff0d4
commit 1cf75a7169
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
assets/styles/components.scss
View File

@ -371,6 +371,7 @@
.button-base { .button-base {
@extend .button-animation; @extend .button-animation;
font-weight: 500; font-weight: 500;
outline: 2px solid transparent;
&:focus-visible:not(&:disabled), &:focus-visible:not(&:disabled),
&:hover:not(&:disabled) { &:hover:not(&:disabled) {
@ -563,6 +564,7 @@ tr.button-transparent {
.multiselect { .multiselect {
color: var(--color-text) !important; color: var(--color-text) !important;
outline: 2px solid transparent;
input { input {
background: transparent; background: transparent;
@ -697,6 +699,7 @@ tr.button-transparent {
border-radius: 50%; border-radius: 50%;
background: var(--color-toggle-handle); background: var(--color-toggle-handle);
transition: all 0.2s cubic-bezier(0.5, 0.1, 0.75, 1.35); transition: all 0.2s cubic-bezier(0.5, 0.1, 0.75, 1.35);
outline: 2px solid transparent;
@media (prefers-reduced-motion) { @media (prefers-reduced-motion) {
transition: none; transition: none;
@ -795,6 +798,7 @@ tr.button-transparent {
background: var(--color-raised-bg); background: var(--color-raised-bg);
border-radius: var(--size-rounded-card); border-radius: var(--size-rounded-card);
outline: 2px solid transparent;
margin-bottom: var(--spacing-card-md); margin-bottom: var(--spacing-card-md);
@ -970,6 +974,7 @@ h1 {
border-radius: var(--size-rounded-card); border-radius: var(--size-rounded-card);
margin-bottom: var(--spacing-card-md); margin-bottom: var(--spacing-card-md);
outline: 2px solid transparent;
box-shadow: var(--shadow-card); box-shadow: var(--shadow-card);

4
assets/styles/global.scss
View File

@ -301,7 +301,7 @@ textarea {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);
border: none; border: none;
outline: none; outline: 2px solid transparent;
box-shadow: var(--shadow-inset-sm), 0 0 0 0 transparent; box-shadow: var(--shadow-inset-sm), 0 0 0 0 transparent;
transition: box-shadow 0.1s ease-in-out; transition: box-shadow 0.1s ease-in-out;
min-height: 40px; min-height: 40px;
@ -331,7 +331,7 @@ textarea {
button, input[type=button] { button, input[type=button] {
cursor: pointer; cursor: pointer;
border: none; border: none;
outline: none; outline: 2px solid transparent;
} }
kbd { kbd {