Fixed hero background

Signed-off-by: Matthew Nickson <mnickson@sidingsmedia.com>
SidingsMedia · Oct 29, 2023 · 78f5696 · 78f5696
1 parent 9361c25
commit 78f5696
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git 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
@@ -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"