fix: lighten announcement bar for better contrast (light + dark) issue 710

Signed-off-by: Charul <[email protected]>

Author: Charul192

src/css/custom.css

@@ -688,21 +688,27 @@ td img {
   background-size: 24px 24px;
 }
 
-div[class^="announcementBar_"] {
-  --site-announcement-bar-stripe-color1: hsl(
-    var(--site-primary-hue-saturation) 88%
-  );
-  --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
-  );
-  font-weight: bold;
+/* 🎨 Announcement Bar - Light Orange Theme */
+div[class*="announcementBar_"],
+div[class*="announcementBarContent_"] {
+  font-weight: 600 !important;
+  font-size: 16px !important;
+  text-align: center !important;
+  padding: 10px 0 !important;
+  border-bottom: 1px solid #ffb74d !important;
+  transition: background 0.3s ease-in-out;
+}
+
+/* Light Mode */
+html[data-theme="light"] div[class*="announcementBar_"] {
+  background: linear-gradient(90deg, #FFE0B2 0%, #FFB74D 100%) !important;
+  color: #000 !important;
+}
+
+/* Dark Mode */
+html[data-theme="dark"] div[class*="announcementBar_"] {
+  background: linear-gradient(90deg, #33200D 0%, #FFB74D 100%) !important;
+  color: #fff !important;
 }
 
 .list-disc > a {