Merge pull request #1628 from hrx01-dev/added-header-logo-in-darktheme

Added header logo in dark theme

Author: sanjay-kv

docusaurus.config.ts

@@ -302,10 +302,10 @@ const config: Config = {
     EMAILJS_TEMPLATE_ID: process.env.EMAILJS_TEMPLATE_ID || "",
     algoliaSiteSearch: hasAlgoliaSiteSearch
       ? {
-          applicationId: algoliaAppId,
-          apiKey: algoliaSearchApiKey,
-          indexName: algoliaIndexName,
-        }
+        applicationId: algoliaAppId,
+        apiKey: algoliaSearchApiKey,
+        indexName: algoliaIndexName,
+      }
       : null,
     hooks: {
       onBrokenMarkdownLinks: "warn",

src/css/custom.css

@@ -232,8 +232,22 @@ html[data-theme="dark"] .menu__link--active::after {
 }
 
 .navbar__logo {
+  width: 2.2rem;
   height: 2.2rem;
   margin-right: 0.5rem;
+  transition: all 300ms ease-in-out;
+}
+
+[data-theme="light"] .navbar__logo img {
+  display: block !important;
+  filter: none;
+  transition: filter 300ms ease-in-out;
+}
+
+[data-theme="dark"] .navbar__logo img {
+  display: block !important;
+  filter: invert(1);
+  transition: filter 300ms ease-in-out;
 }
 
 .navbar__title {
@@ -599,6 +613,7 @@ i,
   }
 
   .navbar__logo {
+    width: 32px !important;
     height: 32px !important;
   }