From 5358fca09aea5856e84ee3519aa85d1618b2c178 Mon Sep 17 00:00:00 2001
From: Alexey Pyltsyn <lex61rus@gmail.com>
Date: Sun, 22 Mar 2020 05:05:09 +0300
Subject: [PATCH] fix(v2): add support dark logo for sidebar logo (#2434)

---
 .../src/theme/DocSidebar/index.js                         | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/docusaurus-theme-classic/src/theme/DocSidebar/index.js b/packages/docusaurus-theme-classic/src/theme/DocSidebar/index.js
index 6ed89b6267..30faedc5f6 100644
--- a/packages/docusaurus-theme-classic/src/theme/DocSidebar/index.js
+++ b/packages/docusaurus-theme-classic/src/theme/DocSidebar/index.js
@@ -8,6 +8,7 @@
 import React, {useState, useCallback} from 'react';
 import classnames from 'classnames';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+import useThemeContext from '@theme/hooks/useThemeContext';
 import useBaseUrl from '@docusaurus/useBaseUrl';
 import useLockBodyScroll from '@theme/hooks/useLockBodyScroll';
 import Link from '@docusaurus/Link';
@@ -116,8 +117,11 @@ function DocSidebar(props) {
   const [showResponsiveSidebar, setShowResponsiveSidebar] = useState(false);
   const {
     siteConfig: {themeConfig: {navbar: {title, logo = {}} = {}}} = {},
+    isClient,
   } = useDocusaurusContext();
-  const logoUrl = useBaseUrl(logo.src);
+  const {isDarkTheme} = useThemeContext();
+  const logoSrc = logo.srcDark && isDarkTheme ? logo.srcDark : logo.src;
+  const logoUrl = useBaseUrl(logoSrc);
 
   const {
     docsSidebars,
@@ -149,7 +153,7 @@ function DocSidebar(props) {
   return (
     <div className={styles.sidebar}>
       <div className={styles.sidebarLogo}>
-        {logo != null && <img src={logoUrl} alt={logo.alt} />}
+        {logo != null && <img key={isClient} src={logoUrl} alt={logo.alt} />}
         {title != null && <strong>{title}</strong>}
       </div>
       <div