Merge pull request DSpace#3120 from tdonohue/port_3039_to_main

[Port main] Fix - Change color Contrast in cookie settings box
tdonohue · Jun 17, 2024 · 8693bc3 · 8693bc3
2 parents bf5e9b9 + 20f31cb
commit 8693bc3
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