diff --git a/app/assets/stylesheets/darkswarm/base/colors.css.scss b/app/assets/stylesheets/darkswarm/base/colors.css.scss
index 4b36b9cb9b..dfff9cb584 100644
--- a/app/assets/stylesheets/darkswarm/base/colors.css.scss
+++ b/app/assets/stylesheets/darkswarm/base/colors.css.scss
@@ -1,4 +1,13 @@
+@import '../branding';
+
 $modal-background-color: #efefef;
 $modal-content-background-color: #fff;
 $modal-alert-link-color: #fff;
 $modal-alert-link-hover-color: rgba(255, 255, 255, .7);
+
+$cookies-banner-background-color: $dark-grey;
+$cookies-banner-button-background-color: $clr-turquoise;
+$cookies-banner-text-color: $white;
+$cookies-policy-modal-background-color: $disabled-light;
+$cookies-policy-modal-border-bottom-color: $disabled-light;
+$cookies-policy-modal-table-tr-even-background-color: $disabled-very-light;
diff --git a/engines/web/app/assets/stylesheets/web/pages/cookies_banner.css.scss b/engines/web/app/assets/stylesheets/web/pages/cookies_banner.css.scss
index a655c513a8..a85ba1f77d 100644
--- a/engines/web/app/assets/stylesheets/web/pages/cookies_banner.css.scss
+++ b/engines/web/app/assets/stylesheets/web/pages/cookies_banner.css.scss
@@ -1,18 +1,18 @@
 @import 'darkswarm/branding';
 
 .cookies-banner {
-  background: $dark-grey;
+  background: $cookies-banner-background-color;
   bottom: 0;
   position: fixed;
   top: 15% !important;
   z-index: 100000;
 
   button {
-    background-color: $clr-turquoise;
+    background-color: $cookies-banner-button-background-color;
   }
 
   p {
-    color: $white;
+    color: $cookies-banner-text-color;
     font-size: .75rem;
   }
 
diff --git a/engines/web/app/assets/stylesheets/web/pages/cookies_policy_modal.css.scss b/engines/web/app/assets/stylesheets/web/pages/cookies_policy_modal.css.scss
index 490fe6e529..b363238f29 100644
--- a/engines/web/app/assets/stylesheets/web/pages/cookies_policy_modal.css.scss
+++ b/engines/web/app/assets/stylesheets/web/pages/cookies_policy_modal.css.scss
@@ -1,14 +1,14 @@
 @import 'darkswarm/branding';
 
 .cookies-policy-modal {
-  background: $disabled-light;
-  border-bottom-color: $disabled-light;
+  background: $cookies-policy-modal-background-color;
+  border-bottom-color: $cookies-policy-modal-border-bottom-color;
 
   table {
     width: 100%;
 
     tr:nth-of-type(even) {
-      background-color: $disabled-very-light;
+      background-color: $cookies-policy-modal-table-tr-even-background-color;
     }
 
     p {