From 4c5a2f2225ef20cb7064b25a4c32e8a33d568713 Mon Sep 17 00:00:00 2001
From: Daniel Kraus <bovender@bovender.de>
Date: Mon, 15 Jun 2026 20:15:46 +0200
Subject: [PATCH] Fix styling of button and banner.

---
 assets/scss/hugo_cookie_consent/style.scss           | 12 ++++++++----
 .../_shortcodes/hugo_cookie_consent/settings.html    |  4 ++--
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/assets/scss/hugo_cookie_consent/style.scss b/assets/scss/hugo_cookie_consent/style.scss
index 802989b..8c31f5b 100644
--- a/assets/scss/hugo_cookie_consent/style.scss
+++ b/assets/scss/hugo_cookie_consent/style.scss
@@ -1,6 +1,6 @@
 #cookie-banner {
-  color: inherit;
-  background-color: inherit;
+  color: #E2E8F0;
+  background-color: #4A5568;
   position: fixed;
   top: 2.5rem;
   left: 50%;
@@ -10,7 +10,7 @@
   border: 1px solid #e2e2e2;
   border-radius: 12px;
   padding: 1rem 1.25rem;
-  box-shadow: 0 4px 24px rgba(0,0,0,.08);
+  box-shadow: 0 0 36px #111;
   display: flex;
   align-items: center;
   gap: 1rem;
@@ -36,9 +36,13 @@
 }
 
 #cookie-accept {
-  background: #0b913a; color: #fff; border-color: #1a1a1a;
+  background: #4A5E52; color: #fff; border-color: #1a1a1a;
 }
 
 #cookie-decline {
+  background: #2D3748; color: #fff; border-color: #1a1a1a;
+}
+
+#cookie-settings-button {
   background: #272b2e; color: #fff; border-color: #1a1a1a;
 }
diff --git a/layouts/_shortcodes/hugo_cookie_consent/settings.html b/layouts/_shortcodes/hugo_cookie_consent/settings.html
index 85a863f..d2a6c2c 100644
--- a/layouts/_shortcodes/hugo_cookie_consent/settings.html
+++ b/layouts/_shortcodes/hugo_cookie_consent/settings.html
@@ -7,6 +7,6 @@
     &mdash;
   </strong>
 </p>
-<button onclick="reopenCookieBanner()">
+<button id="cookie-settings-button" onclick="reopenCookieBanner()">
   {{ i18n "cookie_change" }}
-</button>
\ No newline at end of file
+</button>