From c0d240c5d05ff5cfeb694d2111b5016a62df8b03 Mon Sep 17 00:00:00 2001
From: LeRatierBretonnien <sylvain@lahiette.com>
Date: Tue, 7 Jan 2025 17:23:25 +0100
Subject: [PATCH] Fix #25 : Change color of WP warning displays

---
 css/fvtt-cthulhu-eternal.css                     | 7 +++++++
 module/applications/sheets/protagonist-sheet.mjs | 2 +-
 styles/global.less                               | 1 +
 styles/roll.less                                 | 7 +++++++
 templates/roll-dialog.hbs                        | 4 ++--
 5 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/css/fvtt-cthulhu-eternal.css b/css/fvtt-cthulhu-eternal.css
index 2f733bf..cdfc2bd 100644
--- a/css/fvtt-cthulhu-eternal.css
+++ b/css/fvtt-cthulhu-eternal.css
@@ -112,6 +112,7 @@
   --logo-standard: url("../assets/logos/reanimated-ce-logo.webp");
   --color-success: darkgreen;
   --color-failure: darkred;
+  --color-warning: darkorange;
   --color-critical-success: lightgreen;
   --color-critical-failure: lightcoral;
   --img-icon-color-filter: brightness(0) saturate(100%) invert(52%) sepia(9%) saturate(2368%) hue-rotate(360deg) brightness(86%) contrast(84%);
@@ -1568,6 +1569,12 @@ i.fvtt-cthulhu-eternal {
   width: 60px;
   text-align: center;
 }
+.red-warning {
+  color: var(--color-failure);
+}
+.orange-warning {
+  color: var(--color-warning);
+}
 .dialog-damage {
   display: flex;
   justify-content: center;
diff --git a/module/applications/sheets/protagonist-sheet.mjs b/module/applications/sheets/protagonist-sheet.mjs
index 33884a1..350e9ba 100644
--- a/module/applications/sheets/protagonist-sheet.mjs
+++ b/module/applications/sheets/protagonist-sheet.mjs
@@ -5,7 +5,7 @@ export default class CthulhuEternalProtagonistSheet extends CthulhuEternalActorS
   static DEFAULT_OPTIONS = {
     classes: ["protagonist"],
     position: {
-      width: 848,
+      width: 860,
       height: 620,
     },
     window: {
diff --git a/styles/global.less b/styles/global.less
index c4f42c3..b6139d6 100644
--- a/styles/global.less
+++ b/styles/global.less
@@ -9,6 +9,7 @@
   --logo-standard: url("../assets/logos/reanimated-ce-logo.webp");
   --color-success: darkgreen;
   --color-failure: darkred;
+  --color-warning: darkorange;
   --color-critical-success: lightgreen;
   --color-critical-failure: lightcoral;
   --img-icon-color-filter: brightness(0) saturate(100%) invert(52%) sepia(9%) saturate(2368%) hue-rotate(360deg) brightness(86%) contrast(84%);
diff --git a/styles/roll.less b/styles/roll.less
index 20e738d..5edba99 100644
--- a/styles/roll.less
+++ b/styles/roll.less
@@ -36,6 +36,13 @@
   }
 }
 
+.red-warning {
+  color: var(--color-failure);
+}
+
+.orange-warning {
+  color: var(--color-warning);
+}
 
 .dialog-damage {
   display: flex;
diff --git a/templates/roll-dialog.hbs b/templates/roll-dialog.hbs
index 8262b7a..43cea56 100644
--- a/templates/roll-dialog.hbs
+++ b/templates/roll-dialog.hbs
@@ -15,10 +15,10 @@
       {{/if}}
 
       {{#if isZeroWP}}
-      <div class="dialog-skill">Zero WP : Automatic failure (ie 0%)</div>
+      <div class="dialog-skill red-warning">Zero WP : Automatic failure (ie 0%)</div>
       {{else}}
         {{#if isLowWP}}
-        <div class="dialog-skill">Low WP : -20%</div>
+        <div class="dialog-skill orange-warning">Low WP : -20%</div>
         {{/if}}
       {{/if}}
     </fieldSet>