Add dark logo for website.

sevensolutions · Aug 23, 2024 · 447cdac · 447cdac
1 parent b2ad89a
commit 447cdac
Show file tree

Hide file tree

Showing 5 changed files with 146 additions and 1 deletion.
diff --git a/artwork/logo-dark.svg b/artwork/logo-dark.svg
diff --git a/website/docusaurus.config.ts b/website/docusaurus.config.ts
@@ -57,6 +57,7 @@ const config: Config = {
  logo: {
  alt: 'Nomad IIS Logo',
  src: 'img/logo.svg',
+ srcDark: 'img/logo-dark.svg'
  },
  items: [
  {

diff --git a/website/src/pages/index.module.css b/website/src/pages/index.module.css
@@ -14,4 +14,8 @@
 
 .logo {
  width: 50em;
+ content:url("~/img/logo.svg")
 }
+[data-theme='dark'] .logo {
+ content:url("~/img/logo-dark.svg")
+}
diff --git a/website/src/pages/index.tsx b/website/src/pages/index.tsx
@@ -35,7 +35,7 @@ export default function Home(): JSX.Element {
  description="A TaskDriver plugin for HashiCorp Nomad to run IIS workloads.">
 
  <div className={styles.container}>
- <img className={styles.logo} src="img/logo.svg" />
+ <img className={styles.logo} />
  <h2>{siteConfig.tagline}</h2>
  </div>
  </Layout>

diff --git a/website/static/img/logo-dark.svg b/website/static/img/logo-dark.svg