From 2b95eae10a77dbd260d9cd036abe51406ada6f4e Mon Sep 17 00:00:00 2001
From: Nick Slowinski <nick@nick-slowinski.de>
Date: Tue, 3 Oct 2023 16:32:19 +0200
Subject: [PATCH] Prettify announcement bar - fixes #41

---
 src/css/custom.css | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/css/custom.css b/src/css/custom.css
index 2bc6a4c..bfce8c2 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -15,6 +15,7 @@
   --ifm-color-primary-lightest: #3cad6e;
   --ifm-code-font-size: 95%;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
+  --site-primary-hue-saturation: 170 50%;
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
@@ -28,3 +29,20 @@
   --ifm-color-primary-lightest: #4fddbf;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }
+
+div[class^='announcementBar_'] {
+  --site-announcement-bar-stripe-color1: hsl(
+    var(--site-primary-hue-saturation) 85%
+  );
+  --site-announcement-bar-stripe-color2: hsl(
+    var(--site-primary-hue-saturation) 60%
+  );
+  background: repeating-linear-gradient(
+    50deg,
+    var(--site-announcement-bar-stripe-color1),
+    var(--site-announcement-bar-stripe-color1) 20px,
+    var(--site-announcement-bar-stripe-color2) 10px,
+    var(--site-announcement-bar-stripe-color2) 40px
+  );
+  font-weight: bold;
+}
\ No newline at end of file