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:
parent
f46a89f470
commit
093c94961d
1 changed files with 2 additions and 2 deletions
|
@ -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);
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue