Fix - Change color Contrast in cookie settings box

alexandrevryghem · Jun 14, 2024 · 20f31cb · 20f31cb
1 parent bf5e9b9
commit 20f31cb
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 0 deletions.
diff --git a/src/styles/_custom_variables.scss b/src/styles/_custom_variables.scss
@@ -146,4 +146,7 @@
   --ds-process-overview-table-user-column-width: 200px;
   --ds-process-overview-table-info-column-width: 250px;
   --ds-process-overview-table-actions-column-width: 80px;
+
+  --green1: #1FB300;  // This variable represents the success color for the Klaro cookie banner
+  --button-text-color-cookie: #333; // This variable represents the text color for buttons in the Klaro cookie banner
 }
diff --git a/src/styles/_global-styles.scss b/src/styles/_global-styles.scss
@@ -37,6 +37,25 @@ body {
     z-index: 0;
 }
 
+.klaro
+.cookie-notice {
+  .cn-buttons {
+    .cm-btn.cm-btn-success {
+      color: var(--button-text-color-cookie);
+      background-color: var(--green1);
+    }
+    .cm-btn.cm-btn-success.cm-btn-accept-all {
+      color: var(--button-text-color-cookie);
+      background-color: var(--green1);
+    }
+  }
+}
+
+.klaro .cookie-modal a, .klaro .context-notice a, .klaro .cookie-notice a
+{
+  color: var(--green1);
+}
+
 .media-viewer
 .change-gallery
 .ngx-gallery