diff --git a/Draci doupe II/DrD2.css b/Draci doupe II/DrD2.css
index 42d1f676df55..981ff720ad2d 100644
--- a/Draci doupe II/DrD2.css	
+++ b/Draci doupe II/DrD2.css	
@@ -26,8 +26,11 @@
     --drd-base-color: #000;
     --drd-base-color-darkmode: #ddd;
     --drd-red: rgb(179, 29, 29);
-    --drd-blue: rgb(86, 168, 101);
-    --drd-green: rgb(80, 129, 194);
+    --drd-green: rgb(86, 168, 101);
+    --drd-blue: rgb(80, 129, 194);
+    --drd-red-darkmode: rgb(226, 72, 72);
+    --drd-green-darkmode: rgb(113, 216, 132);
+    --drd-blue-darkmode: rgb(112, 174, 255);
     --drd-darkred: #9b3f2b;
     --drd-darkred-hover: #c04631;
     --drd-gold-highlight: gold;
@@ -1667,16 +1670,16 @@ body.sheet-darkmode .ui-dialog .charsheet button.drd-resource-butt {
     color: #bbb;
 }
 body.sheet-darkmode .ui-dialog .charsheet .drd-body-butts .drd-resource-butt {
-    border-color: rgb(226, 72, 72);
-    color: rgb(226, 72, 72);
+    border-color: var(--drd-red-darkmode);
+    color: var(--drd-red-darkmode);
 }
 body.sheet-darkmode .ui-dialog .charsheet .drd-spirit-butts .drd-resource-butt {
-    border-color: rgb(112, 174, 255);
-    color: rgb(112, 174, 255);
+    border-color: var(--drd-blue-darkmode);
+    color: var(--drd-blue-darkmode);
 }
 body.sheet-darkmode .ui-dialog .charsheet .drd-influence-butts .drd-resource-butt {
-    border-color: rgb(113, 216, 132);
-    color: rgb(113, 216, 132);
+    border-color: var(--drd-green-darkmode);
+    color: var(--drd-green-darkmode);
 }
 body.sheet-darkmode .ui-dialog .charsheet .drd-resource-butt:hover {
     background-color: #ffffff1f;