Improve readability on offline progress modal (#2370)

* Remove text shadow on light themes, add cursor: pointer

* Add brightness filter

* filter: none change
This commit is contained in:
earth 2022-03-23 19:22:30 -05:00 committed by GitHub
parent dd42948eba
commit 4bf50510a6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -5400,11 +5400,14 @@ screen and (max-width: 480px) {
flex-direction: column;
align-items: center;
min-width: 40rem;
}
.t-dark .c-modal-away-progress {
text-shadow:
0 0 0.2rem black,
0 0 0.2rem black,
0 0 0.2rem black,
0 0 0.2rem black;
0 0 0.2rem black,
0 0 0.2rem black,
0 0 0.2rem black,
0 0 0.2rem black;
}
.c-modal-away-progress__header {
@ -5418,6 +5421,7 @@ screen and (max-width: 480px) {
margin-bottom: 0.2rem;
padding-bottom: 0.2rem;
border-bottom: 0.1rem solid var(--color-text);
cursor: pointer;
}
.c-modal-away-progress__resources div:last-child {
@ -5459,6 +5463,13 @@ screen and (max-width: 480px) {
.c-modal-away-progress__tachyon-galaxies,
.c-modal-away-progress__dilated-time {
color: var(--color-dilation);
filter: brightness(0.8)
}
.t-dark .c-modal-away-progress__tachyon-particles,
.t-dark .c-modal-away-progress__tachyon-galaxies,
.t-dark .c-modal-away-progress__dilated-time {
filter: none
}
.c-modal-away-progress__realities,
@ -5504,6 +5515,20 @@ screen and (max-width: 480px) {
color: var(--color-ra-pet-v);
}
.c-modal-away-progress__teresa-memories,
.c-modal-away-progress__effarig-memories,
.c-modal-away-progress__enslaved-memories,
.c-modal-away-progress__v-memories {
filter: brightness(0.8);
}
.t-dark .c-modal-away-progress__teresa-memories,
.t-dark .c-modal-away-progress__effarig-memories,
.t-dark .c-modal-away-progress__enslaved-memories,
.t-dark .c-modal-away-progress__v-memories {
filter: none
}
.c-modal-away-progress__black-hole b,
.c-modal-away-progress__black-hole {
color: black;