From 0e35f2fb4fe43b519903e0f5c735ec05d4f8e454 Mon Sep 17 00:00:00 2001 From: Charul Date: Thu, 13 Nov 2025 19:10:15 +0530 Subject: [PATCH 1/3] fix: lighten announcement bar for better contrast (light + dark) issue 710 Signed-off-by: Charul --- src/css/custom.css | 36 +++++++++++++++++++++--------------- 1 file changed, 21 insertions(+), 15 deletions(-) diff --git a/src/css/custom.css b/src/css/custom.css index b40fda1aa..062815280 100644 --- a/src/css/custom.css +++ b/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 { From 5f9fb0edc4cd01a470aef440b87459b8f99acf43 Mon Sep 17 00:00:00 2001 From: Charul Date: Thu, 13 Nov 2025 20:02:59 +0530 Subject: [PATCH 2/3] fix: redirect broken 404 page to /docs Signed-off-by: Charul --- src/theme/NotFound/index.js | 18 ++++++++++-------- 1 file changed, 10 insertions(+), 8 deletions(-) diff --git a/src/theme/NotFound/index.js b/src/theme/NotFound/index.js index 408b443fc..db7188889 100644 --- a/src/theme/NotFound/index.js +++ b/src/theme/NotFound/index.js @@ -4,16 +4,18 @@ import {PageMetadata} from "@docusaurus/theme-common"; import Layout from "@theme/Layout"; import NotFoundContent from "@theme/NotFound/Content"; export default function Index() { - const title = translate({ - id: "theme.NotFound.title", - message: "Page Not Found", - }); + useEffect(() => { + // Redirect immediately without adding history entry + window.location.replace("/docs"); + }, []); + return ( <> - - - - + +
+

Redirecting…

+

You will be taken to the documentation shortly.

+
); } From 7332bdf75965dccce4197feaf941f761626c6a1e Mon Sep 17 00:00:00 2001 From: Charul192 Date: Thu, 13 Nov 2025 20:09:22 +0530 Subject: [PATCH 3/3] Update custom.css Signed-off-by: Charul192 --- src/css/custom.css | 36 +++++++++++++++--------------------- 1 file changed, 15 insertions(+), 21 deletions(-) diff --git a/src/css/custom.css b/src/css/custom.css index 062815280..b40fda1aa 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -688,27 +688,21 @@ td img { background-size: 24px 24px; } -/* 🎨 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; +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; } .list-disc > a {