diff --git a/styles/chat.less b/styles/chat.less
index 928016e1..01b94049 100644
--- a/styles/chat.less
+++ b/styles/chat.less
@@ -112,14 +112,19 @@
         .dice-total {
             &.duality {
                 &.hope {
-                    background: rgba(0, 128, 128, 0.5);
-                    border-color: #008080;
+                    border-color: @hope;
                     border-width: 3px;
+                    background: rgba(@hope, 0.5);
                 }
                 &.fear {
-                    border-color: #430070;
+                    border-color: @fear;
                     border-width: 3px;
-                    background: rgba(67, 0, 112, 0.5);
+                    background: rgba(@fear, 0.5);
+                }
+                &.critical {
+                    border-color: @critical;
+                    border-width: 3px;
+                    background: rgba(@critical, 0.5);
                 }
             }
 
diff --git a/styles/daggerheart.css b/styles/daggerheart.css
index 7aea9f4a..f9ab3ae3 100644
--- a/styles/daggerheart.css
+++ b/styles/daggerheart.css
@@ -1,11 +1,11 @@
-/* General */
-/* Drop Shadows */
-/* Background */
 /* Base Value */
 /* Margins */
 /* Borders */
 /* Padding */
 /* Inputs */
+/* General */
+/* Drop Shadows */
+/* Background */
 @import '../node_modules/@yaireo/tagify/dist/tagify.css';
 .daggerheart.sheet.class .editor {
   height: 500px;
@@ -1391,7 +1391,7 @@
 }
 .daggerheart.chat.roll .dice-tooltip .dice-rolls.duality .roll.die.hope {
   color: white;
-  -webkit-text-stroke-color: #008080;
+  -webkit-text-stroke-color: #ffd700;
   -webkit-text-stroke-width: 1.5px;
   font-weight: 400;
 }
@@ -1400,7 +1400,7 @@
 }
 .daggerheart.chat.roll .dice-tooltip .dice-rolls.duality .roll.die.fear {
   color: white;
-  -webkit-text-stroke-color: #430070;
+  -webkit-text-stroke-color: #0032b1;
   -webkit-text-stroke-width: 1.5px;
   font-weight: 400;
 }
@@ -1432,23 +1432,28 @@
   font-weight: bold;
 }
 .daggerheart.chat.roll .dice-total.duality.hope {
-  background: rgba(0, 128, 128, 0.5);
-  border-color: #008080;
+  border-color: #ffd700;
   border-width: 3px;
+  background: rgba(255, 215, 0, 0.5);
 }
 .daggerheart.chat.roll .dice-total.duality.fear {
+  border-color: #0032b1;
+  border-width: 3px;
+  background: rgba(0, 50, 177, 0.5);
+}
+.daggerheart.chat.roll .dice-total.duality.critical {
   border-color: #430070;
   border-width: 3px;
   background: rgba(67, 0, 112, 0.5);
 }
 .daggerheart.chat.roll .dice-total .dice-total-value .hope {
-  color: #008080;
+  color: #ffd700;
 }
 .daggerheart.chat.roll .dice-total .dice-total-value .fear {
-  color: #430070;
+  color: #0032b1;
 }
 .daggerheart.chat.roll .dice-total .dice-total-value .critical {
-  color: #ffd700;
+  color: #430070;
 }
 .daggerheart.chat.roll .dice-total-label {
   font-size: 12px;
diff --git a/styles/daggerheart.less b/styles/daggerheart.less
index 53384143..cadae587 100644
--- a/styles/daggerheart.less
+++ b/styles/daggerheart.less
@@ -1,4 +1,5 @@
 @import './variables/variables.less';
+@import './variables/colors.less';
 @import './class.less';
 @import './pc.less';
 @import './ui.less';
diff --git a/styles/variables/colors.less b/styles/variables/colors.less
index 19c32885..d7e5964d 100644
--- a/styles/variables/colors.less
+++ b/styles/variables/colors.less
@@ -1,7 +1,7 @@
 /* General */
-@hope: #008080;
-@fear: #430070;
-@critical: #ffd700;
+@hope: #ffd700;
+@fear: #0032b1;
+@critical: #430070;
 @advantage: green;
 @disadvantage: #b30000;
 @miss: rgb(255, 0, 0);
diff --git a/templates/chat/duality-roll.hbs b/templates/chat/duality-roll.hbs
index fc2d04c9..ff0d1e45 100644
--- a/templates/chat/duality-roll.hbs
+++ b/templates/chat/duality-roll.hbs
@@ -54,7 +54,7 @@
                 </section>
             </div>
         </div>
-        <div class="dice-total duality {{#if fear.discarded}}hope{{/if}}{{#if hope.discarded}}fear{{/if}}">
+        <div class="dice-total duality {{#if fear.discarded}}hope{{else}}{{#if hope.discarded}}fear{{else}}critical{{/if}}{{/if}}">
             <div class="dice-total-label">{{totalLabel}}</div>
             <div class="dice-total-value">
                 {{total}}