feat: add dark mode styling for combat values and text strokes

Use CSS filters and light-dark() function for theme-adaptive icons and
text styling with proper contrast in both light and dark modes.
This commit is contained in:
Alexander Minges 2025-07-12 22:51:21 +02:00
parent f46a89f470
commit 093c94961d
Signed by: Athemis
GPG key ID: 31FBDEF92DDB162B

View file

@ -74,10 +74,10 @@
// Dark mode filter for combat value backgrounds when in dark theme
.theme-dark .ds4-combat-value__value {
filter: invert(1);
filter: brightness(0) invert(1) brightness(0.8);
// Counter-invert the text to keep it normal
.ds4-combat-value__text {
filter: invert(1);
filter: brightness(1.25) invert(1) brightness(0.8);
}
}