Synchronize VanillaCookieConsent popups styling with theme

prezly · Jan 21, 2025 · 06b594b · 06b594b
1 parent c362a76
commit 06b594b
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/modules/CookieConsent/components/VanillaCookieConsent/VanillaCookieConsent.scss b/modules/CookieConsent/components/VanillaCookieConsent/VanillaCookieConsent.scss
@@ -0,0 +1,9 @@
+#cc-main {
+    --cc-font-family: var(--prezly-font-family);
+    --cc-btn-primary-bg: var(--prezly-accent-color);
+    --cc-btn-primary-border-color: var(--cc-btn-primary-bg);
+    --cc-btn-primary-color: var(--prezly-accent-color-button-text);
+    --cc-btn-primary-hover-bg: var(--prezly-accent-color-hover);
+    --cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg);
+    --cc-btn-primary-hover-color: var(--cc-btn-primary-color);
+}
diff --git a/modules/CookieConsent/components/VanillaCookieConsent/VanillaCookieConsent.tsx b/modules/CookieConsent/components/VanillaCookieConsent/VanillaCookieConsent.tsx
@@ -7,6 +7,8 @@ import 'vanilla-cookieconsent/dist/cookieconsent.css';
 import { useCookieConsent } from '../../CookieConsentContext';
 import { ConsentCategory } from '../../types';
 
+import './VanillaCookieConsent.scss';
+
 interface Props {
     cookieStatement: string;
 }