From c6e0baf31203b25566aabede31e95525444df555 Mon Sep 17 00:00:00 2001
From: Jayam Srivastava <jayamsrivastava99@gmail.com>
Date: Thu, 21 May 2026 19:46:26 +0530
Subject: [PATCH] Added header logo in dark theme

---
 docusaurus.config.ts |  8 ++++----
 src/css/custom.css   | 17 ++++++++++++++++-
 2 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index 930b3e94..ca4882e8 100644
--- a/docusaurus.config.ts
+++ b/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",
diff --git a/src/css/custom.css b/src/css/custom.css
index 8eb629ca..7db9a386 100644
--- a/src/css/custom.css
+++ b/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 {
@@ -515,6 +529,7 @@ body {
   }
 
   .navbar__logo {
+    width: 32px !important;
     height: 32px !important;
   }
 
@@ -2039,4 +2054,4 @@ html[data-theme="light"] {
 html[data-theme="dark"] {
   scrollbar-width: thin !important;
   scrollbar-color: #334155 transparent !important;
-}
+}
\ No newline at end of file