diff --git a/packages/website/docusaurus.config.js b/packages/website/docusaurus.config.js index d92146ef..17c3c67a 100644 --- a/packages/website/docusaurus.config.js +++ b/packages/website/docusaurus.config.js @@ -160,7 +160,8 @@ const lightCodeTheme = require('prism-react-renderer/themes/github'); ], logo: { alt: 'Algolia', - src: 'img/algolia-logo.svg', + src: 'img/Algolia-logo-blue.svg', + srcDark: 'img/Algolia-logo-white.svg', }, copyright: 'DocSearch 2015-now • Designed and built by Algolia', }, diff --git a/packages/website/src/components/Home.js b/packages/website/src/components/Home.js index 5a40f00d..71b06a03 100644 --- a/packages/website/src/components/Home.js +++ b/packages/website/src/components/Home.js @@ -8,15 +8,15 @@ import showcaseProjects from './showcase-projects.json'; function Home() { const { withBaseUrl } = useBaseUrlUtils(); - const { isDarkTheme } = useColorMode(); + const { colorMode } = useColorMode(); React.useEffect(() => { - if (isDarkTheme) { + if (colorMode === 'dark') { document.querySelector('html').classList.add('dark'); } else { document.querySelector('html').classList.remove('dark'); } - }, [isDarkTheme]); + }, [colorMode]); function Header() { return ( @@ -415,7 +415,9 @@ function Home() { className="relative mx-auto rounded-lg shadow-lg image-rendering-crisp" src={withBaseUrl( `img/assets/${ - isDarkTheme ? 'docsearch-shadow-dark' : 'docsearch-shadow' + colorMode === 'dark' + ? 'docsearch-shadow-dark' + : 'docsearch-shadow' }.png` )} alt="docsearch-modal" diff --git a/packages/website/static/img/algolia-logo.svg b/packages/website/static/img/Algolia-logo-blue.svg similarity index 100% rename from packages/website/static/img/algolia-logo.svg rename to packages/website/static/img/Algolia-logo-blue.svg diff --git a/packages/website/static/img/Algolia-logo-white.svg b/packages/website/static/img/Algolia-logo-white.svg new file mode 100644 index 00000000..f2cb9d3c --- /dev/null +++ b/packages/website/static/img/Algolia-logo-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/website/static/img/og_image.png b/packages/website/static/img/og_image.png deleted file mode 100644 index e623d7b4..00000000 Binary files a/packages/website/static/img/og_image.png and /dev/null differ