From 8c3f3a02f37b711acfe42fd422895d596fc1688e Mon Sep 17 00:00:00 2001
From: Elliot Voris <elliot@stellar.org>
Date: Thu, 22 Feb 2024 13:14:56 -0600
Subject: [PATCH] add announcement bar about the migration

---
 docusaurus.config.js |  4 ++++
 src/css/custom.scss  | 22 ++++++++++++++++++++++
 2 files changed, 26 insertions(+)

diff --git a/docusaurus.config.js b/docusaurus.config.js
index 41565e22b..666040c8d 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -131,6 +131,10 @@ const config = {
   themeConfig:
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
     ({
+      announcementBar: {
+        id: 'announcementBar-migration',
+        content: "🚧 <strong>Please pardon our dust</strong> 🚧 We're merging the <a href='_blank' href='https://soroban.stellar.org/docs'>Soroban documentation</a> into this site, and things may get moved or shuffled around. Please check <a target='_blank' href='https://github.com/stellar/soroban-docs/issues/740'>this GH issue</a> for updates.",
+      },
       docs: {
         sidebar: {
           autoCollapseCategories: false,
diff --git a/src/css/custom.scss b/src/css/custom.scss
index 86058be64..97e58fdfa 100644
--- a/src/css/custom.scss
+++ b/src/css/custom.scss
@@ -14,6 +14,7 @@
   --ifm-background-surface-color: #f6f7f8;
 
   /* Primary color: Teal */
+  --site-primary-hue-saturation: 185 100%;
   --ifm-color-primary: #00a7b5;
   --ifm-color-primary-dark: #0096a3;
   --ifm-color-primary-darker: #008e9a;
@@ -109,3 +110,24 @@ html[data-theme="dark"] {
     }
   }
 }
+
+/* Announcement Bar(s) */
+
+div[class^='announcementBar_'] {
+  font-size: 18px;
+
+  --site-announcement-bar-stripe-color1: hsl(
+    var(--site-primary-hue-saturation) 85%
+  );
+  --site-announcement-bar-stripe-color2: hsl(
+    var(--site-primary-hue-saturation) 95%
+  );
+
+  background: repeating-linear-gradient(
+    35deg,
+    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
+  );
+}