From 20f31cbee73e1b5c56d898820ef1aba474a38d2a Mon Sep 17 00:00:00 2001 From: Victor Hugo Duran Santiago Date: Fri, 10 May 2024 15:27:37 -0600 Subject: [PATCH] Fix - Change color Contrast in cookie settings box --- src/styles/_custom_variables.scss | 3 +++ src/styles/_global-styles.scss | 19 +++++++++++++++++++ 2 files changed, 22 insertions(+) diff --git a/src/styles/_custom_variables.scss b/src/styles/_custom_variables.scss index 0dd1fd8e971..f261f0f400a 100644 --- 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 index 47e7d27f693..765b50ae866 100644 --- 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