feat: add dark mode styling for combat values
This commit is contained in:
parent
e001102278
commit
f46a89f470
2 changed files with 11 additions and 1 deletions
|
@ -71,3 +71,13 @@
|
|||
flex: 1 1 4em;
|
||||
}
|
||||
}
|
||||
|
||||
// Dark mode filter for combat value backgrounds when in dark theme
|
||||
.theme-dark .ds4-combat-value__value {
|
||||
filter: invert(1);
|
||||
|
||||
// Counter-invert the text to keep it normal
|
||||
.ds4-combat-value__text {
|
||||
filter: invert(1);
|
||||
}
|
||||
}
|
||||
|
|
|
@ -17,7 +17,7 @@ SPDX-License-Identifier: MIT
|
|||
<div class="ds4-combat-value">
|
||||
<div class="ds4-combat-value__value ds4-combat-value__value--{{combat-value-key}}"
|
||||
title="{{combat-value-title}}: {{combat-value-data.tooltip}}">
|
||||
{{combat-value-data.total}}
|
||||
<span class="ds4-combat-value__text">{{combat-value-data.total}}</span>
|
||||
</div>
|
||||
<span title="{{combat-value-title}}" class="ds4-combat-value__label">{{combat-value-label}}</span>
|
||||
<div class="ds4-combat-value__formula">
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue