Fix #25 : Change color of WP warning displays

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;

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: {

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%);

styles/roll.less

@@ -36,6 +36,13 @@
   }
 }
 
+.red-warning {
+  color: var(--color-failure);
+}
+
+.orange-warning {
+  color: var(--color-warning);
+}
 
 .dialog-damage {
   display: flex;

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>