Fixed the user card text elements to display in white with black drop shadows for better legibility across all themes.

This commit is contained in:
Fristi 2023-05-08 10:53:11 +02:00
parent 25eb612f20
commit 2195f1fc55
1 changed files with 7 additions and 1 deletions

View File

@ -161,6 +161,8 @@
&:not(:hover) .icon {
color: $fallback--lightText;
color: var(--lightText, $fallback--lightText);
color: white !important;
filter: drop-shadow(1px 1px 2px #000);
}
}
@ -177,7 +179,7 @@
line-height: 2em;
color: white !important;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000 !important;
text-shadow: 1px 1px 0 #000, 0 0 8px #000 !important;
--emoji-size: 1.7em;
@ -203,6 +205,8 @@
.lock-icon {
margin-left: 0.5em;
color: white !important;
filter: drop-shadow(1px 1px 2px #000);
}
.user-screen-name {
@ -212,6 +216,8 @@
overflow: hidden;
color: $fallback--lightText;
color: var(--lightText, $fallback--lightText);
color: white !important;
font-size: 1em;
}
.dailyAvg {