From 78f5696eba84bc09bd1569281d96d79c8f4ec1c6 Mon Sep 17 00:00:00 2001
From: Matthew Nickson <mnickson@sidingsmedia.com>
Date: Mon, 30 Oct 2023 00:11:24 +0100
Subject: [PATCH] Fixed hero background

Signed-off-by: Matthew Nickson <mnickson@sidingsmedia.com>
---
 src/css/custom.css | 7 +++++++
 src/pages/index.js | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/css/custom.css b/src/css/custom.css
index 822d179..2d317b3 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -19,6 +19,7 @@ SPDX-License-Identifier: MIT
   --ifm-color-primary-light: #1976D2;
   --ifm-color-primary-lighter: #1976D2;
   --ifm-color-primary-lightest: #1976D2;
+  --hero-background-color: #1976D2 !important;
   --ifm-code-font-size: 95%;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
   --ifm-footer-background-color: #FFFFFF;
@@ -37,6 +38,7 @@ SPDX-License-Identifier: MIT
 
   --ifm-background-color: #0A0C10 !important;
   --ifm-navbar-background-color: #0A0C10;
+  --hero-background-color: #1C1F24 !important;
   --ifm-card-background-color: #1C1F24;
   --ifm-color-gray-900: #1C1F24 !important;
   --openapi-card-background-color: #1C1F24 !important;
@@ -49,6 +51,11 @@ SPDX-License-Identifier: MIT
   --ifm-footer-title-color: var(--ifm-color-white);
 }
 
+.hero--primary {
+  --ifm-hero-background-color: var(--hero-background-color) !important;
+  --ifm-hero-text-color: var(--ifm-font-color-base-inverse);
+}
+
 .hero__img {
     max-height: 20rem;
 }
diff --git a/src/pages/index.js b/src/pages/index.js
index 40c7589..eb91bb0 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -13,7 +13,7 @@ import HomepageFeatures from "@site/src/components/HomepageFeatures";
 function HomepageHeader() {
   const { siteConfig } = useDocusaurusContext();
   return (
-    <header className={clsx("hero hero--secondary", styles.heroBanner)}>
+    <header className={clsx("hero hero--primary", styles.heroBanner)}>
       <div className="container">
         <img
           className="hero__img"