From f46a89f47008d7f402e9353938e5e69c9e4da35a Mon Sep 17 00:00:00 2001
From: Alexander Minges <alexander.minges@gmail.com>
Date: Sat, 12 Jul 2025 22:44:56 +0200
Subject: [PATCH] feat: add dark mode styling for combat values

---
 scss/components/actor/_combat_value.scss           | 10 ++++++++++
 templates/sheets/actor/components/combat-value.hbs |  2 +-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/scss/components/actor/_combat_value.scss b/scss/components/actor/_combat_value.scss
index 184aa31e..1d6cf6d6 100644
--- a/scss/components/actor/_combat_value.scss
+++ b/scss/components/actor/_combat_value.scss
@@ -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);
+  }
+}
diff --git a/templates/sheets/actor/components/combat-value.hbs b/templates/sheets/actor/components/combat-value.hbs
index 78177d69..c1c43a93 100644
--- a/templates/sheets/actor/components/combat-value.hbs
+++ b/templates/sheets/actor/components/combat-value.hbs
@@ -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">