3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-08-03 08:49:51 +02:00
Code Issues Projects Releases Packages Wiki Activity

feat(v2): allow to specify different logo for dark mode (#2261)

Browse source 
* feat(v2): allow to specify different logo for dark mode

* Rename darkSrc with srcDark
This commit is contained in:
Alexey Pyltsyn 2020-02-01 21:02:03 +03:00 • committed by GitHub
parent e224361cd2
commit 980755214b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

3
packages/docusaurus-theme-classic/src/theme/Navbar/index.js
View file

@ -77,7 +77,8 @@ function Navbar() {
target: '_blank',
}
: null;
const logoImageUrl = useBaseUrl(logo.src);
const logoSrc = logo.srcDark && isDarkTheme ? logo.srcDark : logo.src;
const logoImageUrl = useBaseUrl(logoSrc);
return (
<nav

3
website/docs/theme-classic.md
View file

@ -45,7 +45,7 @@ module.exports = {
### Navbar Title & Logo
You can add a logo and title to the navbar via `themeConfig.navbar`. Logo can be placed in [static folder](static-assets.md). Logo URL is set to base URL of your site by default. Although you can specify your own URL for the logo, if it is an external link, it will open in a new tab.
You can add a logo and title to the navbar via `themeConfig.navbar`. Logo can be placed in [static folder](static-assets.md). Logo URL is set to base URL of your site by default. Although you can specify your own URL for the logo, if it is an external link, it will open in a new tab. You can also set a different logo for dark mode.
```js
// docusaurus.config.js
@ -57,6 +57,7 @@ module.exports = {
logo: {
alt: 'Site Logo',
src: 'img/logo.svg',
srcDark: 'img/logo_dark.svg', // default to logo.src
href: 'https://v2.docusaurus.io/', // default to siteConfig.baseUrl
},
},