diff --git a/CHANGELOG.md b/CHANGELOG.md
index 50b8c6c6..2b88286d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Added
+- feat(ui): theme-aware sidebar logo — dark and light variants auto-switch based on active theme (dark/light/auto)
+
 ### Changed
 - docs: migrate Mintlify config from deprecated `mint.json` to `docs.json` v2 format; update navigation to use `{ "groups": [...] }` object structure; add logo, favicon, and theme fields
 
diff --git a/frontend/public/sencho-logo-dark.png b/frontend/public/sencho-logo-dark.png
new file mode 100644
index 00000000..525771ee
Binary files /dev/null and b/frontend/public/sencho-logo-dark.png differ
diff --git a/frontend/public/sencho-logo-light.png b/frontend/public/sencho-logo-light.png
new file mode 100644
index 00000000..9ada4de0
Binary files /dev/null and b/frontend/public/sencho-logo-light.png differ
diff --git a/frontend/public/sencho-logo.png b/frontend/public/sencho-logo.png
deleted file mode 100644
index 9871cdc8..00000000
Binary files a/frontend/public/sencho-logo.png and /dev/null differ
diff --git a/frontend/src/components/EditorLayout.tsx b/frontend/src/components/EditorLayout.tsx
index 89838f72..a065ff77 100644
--- a/frontend/src/components/EditorLayout.tsx
+++ b/frontend/src/components/EditorLayout.tsx
@@ -928,7 +928,7 @@ export default function EditorLayout() {
         {/* Branding Header */}
         <div className="h-16 flex items-center justify-between px-4 border-b border-border">
           <div className="flex items-center gap-2">
-            <img src="/sencho-logo.png" alt="Sencho Logo" className="w-12 h-12" />
+            <img src={isDarkMode ? '/sencho-logo-dark.png' : '/sencho-logo-light.png'} alt="Sencho Logo" className="w-12 h-12" />
             <h1 className="text-2xl font-bold tracking-tight">Sencho</h1>
           </div>
           <TooltipProvider>