Athemis/ds4
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

feat: add dark mode styling for combat values

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

10
scss/components/actor/_combat_value.scss
View file

@ -71,3 +71,13 @@
flex: 1 1 4em; 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);
}
}

2
templates/sheets/actor/components/combat-value.hbs
View file

@ -17,7 +17,7 @@ SPDX-License-Identifier: MIT
<div class="ds4-combat-value"> <div class="ds4-combat-value">
<div class="ds4-combat-value__value ds4-combat-value__value--{{combat-value-key}}" <div class="ds4-combat-value__value ds4-combat-value__value--{{combat-value-key}}"
title="{{combat-value-title}}: {{combat-value-data.tooltip}}"> title="{{combat-value-title}}: {{combat-value-data.tooltip}}">
{{combat-value-data.total}} <span class="ds4-combat-value__text">{{combat-value-data.total}}</span>
</div> </div>
<span title="{{combat-value-title}}" class="ds4-combat-value__label">{{combat-value-label}}</span> <span title="{{combat-value-title}}" class="ds4-combat-value__label">{{combat-value-label}}</span>
<div class="ds4-combat-value__formula"> <div class="ds4-combat-value__formula">