docs: update landing assets for dark mode (#541)

VeryGoodOpenSource · Nov 1, 2022 · c77f85a · c77f85a
1 parent 1141e22
commit c77f85a
Show file tree

Hide file tree

Showing 5 changed files with 43 additions and 14 deletions.
diff --git a/site/docusaurus.config.js b/site/docusaurus.config.js
@@ -50,7 +50,7 @@ const config = {
       navbar: {
         logo: {
           alt: 'Very Good CLI Logo',
-          src: 'img/logo.svg',
+          src: 'img/cli_icon.svg',
         },
         items: [
           {

diff --git a/site/src/pages/index.tsx b/site/src/pages/index.tsx
@@ -9,12 +9,13 @@ import styles from './index.module.css';
 
 function HomepageHeader() {
   const { siteConfig } = useDocusaurusContext();
+  const { colorMode } = useColorMode();
   return (
     <header className={clsx('hero', styles.heroBanner)}>
       <div className="container">
         <img
           className={clsx(styles.heroLogo)}
-          src="img/logo.svg"
+          src={colorMode == 'dark' ? 'img/logo_dark.svg' : 'img/logo.svg'}
           alt="CLI Logo"
         />
         <p className="hero__subtitle">{siteConfig.tagline}</p>
@@ -51,7 +52,6 @@ function HomepageCTA() {
 }
 
 function HomepageHeroImage() {
-  const { colorMode } = useColorMode();
   return (
     <img
       className={clsx(styles.heroImage)}

diff --git a/site/static/img/cli_icon.svg b/site/static/img/cli_icon.svg
diff --git a/site/static/img/icon_best.svg b/site/static/img/icon_best.svg