diff --git a/resources/css/variables.scss b/resources/css/variables.scss
index 084b9ef..a018d96 100644
--- a/resources/css/variables.scss
+++ b/resources/css/variables.scss
@@ -66,6 +66,16 @@
     // yes
     --accent-2-color: #cce8fb;
     --accent-2-color-text: #063954;
+
+    // yes
+    --banner-yellow-color: #ffd75a;
+    --banner-yellow-color-text: #333;
+    --banner-green-color: #198754;
+    --banner-green-color-text: #fff;
+    --banner-red-color: #952220;
+    --banner-red-color-text: #fff;
+    --banner-purple-color: #707;
+    --banner-purple-color-text: #fff;
 }
 
 @media (prefers-color-scheme: dark) {