diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css
index 1835ab3..1bd6c68 100755
--- a/docs/src/css/custom.css
+++ b/docs/src/css/custom.css
@@ -143,6 +143,14 @@ html[data-theme="dark"] a:hover {
   color: var(--ifm-color-primary-light);
 }
 
+html[data-theme="dark"] .navbar .navbar__items a.navbar__brand {
+  color: var(--ifm-color-primary);
+}
+
+.navbar .navbar__items a.navbar__brand {
+  color: var(--ifm-color-black);
+}
+
 @media screen and (max-width: 997px) {
   .col.footer__col[class][class] {
     text-align: left;
diff --git a/docs/src/theme/Navbar/index.js b/docs/src/theme/Navbar/index.js
index f7bb795..643a26b 100644
--- a/docs/src/theme/Navbar/index.js
+++ b/docs/src/theme/Navbar/index.js
@@ -45,8 +45,6 @@ function NavLink({ to, href, label, position, ...props }) {
   );
 }
 
-const logoColor = { true: "#ff5e5b", false: "#000" };
-
 function Navbar() {
   const context = useDocusaurusContext();
   const { siteConfig = {} } = context;
@@ -101,11 +99,7 @@ function Navbar() {
         <div className={classnames("navbar__items", styles.navbarItems)}>
           {!isMobile && (
             <Link className="navbar__brand" to={baseUrl}>
-              <Logo
-                color={logoColor[isDarkTheme]}
-                size={32}
-                className={styles.logo}
-              />
+              <Logo size={32} className={styles.logo} />
               {title != null && (
                 <strong
                   className={isSearchBarExpanded ? styles.hideLogoText : ""}
@@ -156,11 +150,7 @@ function Navbar() {
         >
           {isMobile && (
             <Link className="navbar__brand" to={baseUrl}>
-              <Logo
-                color={logoColor[isDarkTheme]}
-                size={32}
-                className={styles.logo}
-              />
+              <Logo size={32} className={styles.logo} />
               {title != null && (
                 <strong
                   className={isSearchBarExpanded ? styles.hideLogoText : ""}
@@ -201,11 +191,7 @@ function Navbar() {
       <div className="navbar-sidebar">
         <div className="navbar-sidebar__brand">
           <Link className="navbar__brand" to={baseUrl}>
-            <Logo
-              color={logoColor[isDarkTheme]}
-              size={32}
-              className={styles.logo}
-            />
+            <Logo size={32} className={styles.logo} />
             {title != null && (
               <strong
                 className={isSearchBarExpanded ? styles.hideLogoText : ""}