feat: add dark mode styling for combat values

This commit is contained in:
Alexander Minges 2025-07-12 22:44:56 +02:00
parent e001102278
commit f46a89f470
Signed by: Athemis
GPG key ID: 31FBDEF92DDB162B
2 changed files with 11 additions and 1 deletions

View file

@ -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);
}
}

View file

@ -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">