diff --git a/src/assets/css/cassettebeasts.css b/src/assets/css/cassettebeasts.css
index f6a01513..c89ff0a8 100644
--- a/src/assets/css/cassettebeasts.css
+++ b/src/assets/css/cassettebeasts.css
@@ -14,6 +14,7 @@
     --clr-link-hover: #270e48;
     --clr-quote-bg: #f3f2f2;
     --clr-quote-border: #414141;
+    --clr-cw-hover: rgb(250, 229, 229);
 
     --clr-code-bg: #f3f2f2;
     --clr-code-border: #414141;
diff --git a/src/assets/css/components.css b/src/assets/css/components.css
index 41b36069..936be061 100644
--- a/src/assets/css/components.css
+++ b/src/assets/css/components.css
@@ -97,7 +97,7 @@
 
 .contnet-warning__warning {
     padding: 0.8em;
-    --stripe-color: rgb(0 0 0 / 0.1);
+    --stripe-color: var(--clr-quote-bg);
     background-image: repeating-linear-gradient(
         45deg,
         transparent,
@@ -109,7 +109,7 @@
 
 .contnet-warning__warning:hover,
 .contnet-warning__warning:focus {
-    --stripe-color: rgb(150 0 0 / 0.1);
+    --stripe-color: var(--clr-cw-hover);
 }
 
 .contnet-warning__content {
diff --git a/src/assets/css/global.css b/src/assets/css/global.css
index 1c103ec4..641f3d87 100644
--- a/src/assets/css/global.css
+++ b/src/assets/css/global.css
@@ -17,6 +17,7 @@
     --clr-link-hover: #c355c9;
     --clr-quote-bg: #13092D;
     --clr-quote-border: #999999;
+    --clr-cw-hover: rgb(58, 0, 0);
 
     --clr-code-bg: #241445;
     --clr-code-border: #82668f;