From 4214e5133d9bbf36fdc34b2d484e7ff7170e5e36 Mon Sep 17 00:00:00 2001
From: Chris Ryan <chrisr@blackhole>
Date: Tue, 13 Jan 2026 22:23:43 +1000
Subject: [PATCH] Separate less file for the Death Moves instead of reusing
 Downtime

---
 styles/less/ui/chat/deathmoves.less | 133 ++++++++++++++++++++++++++++
 templates/ui/chat/deathMove.hbs     |  10 +--
 2 files changed, 138 insertions(+), 5 deletions(-)
 create mode 100644 styles/less/ui/chat/deathmoves.less

diff --git a/styles/less/ui/chat/deathmoves.less b/styles/less/ui/chat/deathmoves.less
new file mode 100644
index 00000000..737482dc
--- /dev/null
+++ b/styles/less/ui/chat/deathmoves.less
@@ -0,0 +1,133 @@
+@import '../../utils/colors.less';
+@import '../../utils/fonts.less';
+@import '../../utils/spacing.less';
+
+#interface.theme-light {
+    .daggerheart.chat.deathmoves {
+        .death-moves-list .death-move {
+            &:hover {
+                background: @dark-blue-10;
+            }
+
+            .death-label {
+                border-bottom: 1px solid @dark-blue;
+
+                .header-label .title {
+                    color: @dark-blue;
+                }
+                .header-label .label {
+                    color: @dark;
+                }
+            }
+
+            .fa-chevron-down {
+                color: @dark-blue;
+            }
+        }
+
+        .description {
+            color: @dark;
+        }
+    }
+}
+
+.daggerheart.chat {
+    &.death {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+
+        details[open] {
+            .fa-chevron-down {
+                transform: rotate(180deg);
+                transition: all 0.3s ease;
+            }
+        }
+
+        .death-moves-list {
+            display: flex;
+            flex-direction: column;
+            gap: 5px;
+            width: 100%;
+
+            .fa-chevron-down {
+                transition: all 0.3s ease;
+                margin-left: auto;
+            }
+
+            .death-move {
+                width: 100%;
+
+                .death-label {
+                    display: flex;
+                    align-items: center;
+                    gap: 5px;
+                    border-bottom: 1px solid @golden;
+                    margin: 0 8px;
+                    padding-bottom: 5px;
+                    width: -webkit-fill-available;
+
+                    &:hover {
+                        background: light-dark(@dark-blue-10, @golden-10);
+                        cursor: pointer;
+                        transition: all 0.3s ease;
+                    }
+
+                    .death-image {
+                        width: 40px;
+                        height: 40px;
+                        border-radius: 3px;
+                    }
+
+                    .header-label {
+                        padding: 8px;
+                        .title {
+                            font-size: var(--font-size-16);
+                            color: @golden;
+                            font-weight: 700;
+                        }
+                        .label {
+                            font-size: var(--font-size-12);
+                            color: @beige;
+                            margin: 0;
+                        }
+                    }
+                }
+
+                .description {
+                    padding: 8px;
+                }
+            }
+
+            .action-use-button-parent {
+                width: 100%;
+
+                .action-use-target {
+                    display:flex;
+                    align-items: center;
+                    justify-content: space-between;
+                    gap: 4px;
+                    width: 100%;
+                    padding: 4px 8px 10px 40px;
+                    font-size: var(--font-size-12);
+
+                    label {
+                        font-weight: bold;
+                    }
+
+                    select {
+                        flex: 1;
+                    }
+                }
+            }
+
+            .action-use-button {
+                width: -webkit-fill-available;
+                margin: 0 8px;
+                font-weight: 600;
+                height: 40px;
+            }
+
+        }
+    }
+}
diff --git a/templates/ui/chat/deathMove.hbs b/templates/ui/chat/deathMove.hbs
index e30461eb..42ead6bc 100644
--- a/templates/ui/chat/deathMove.hbs
+++ b/templates/ui/chat/deathMove.hbs
@@ -1,8 +1,8 @@
-<div class="daggerheart chat downtime">
-    <ul class="downtime-moves-list">
-        <details class="downtime-move" {{this.open}}>
-            <summary class="downtime-label">
-                <img class="downtime-image" src="{{this.img}}" />
+<div class="daggerheart chat deathmoves">
+    <ul class="death-moves-list">
+        <details class="death-move" {{this.open}}>
+            <summary class="death-label">
+                <img class="death-image" src="{{this.img}}" />
                 <div class="header-label">
                     <h2 class="title">{{this.title}}</h2>
                     <span class="label">{{localize 'DAGGERHEART.UI.Chat.deathMove.title'}}</span>