Skip to content

Commit 186ff83

Browse files
ClΓ©ment VALENTINclaude
andcommitted
feat(web): add theme-aware logo switching
- Add logo-full-black.png for light theme - Add logo-full-white.png for dark theme - Update Layout to display correct logo based on current theme πŸ€– Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <[email protected]>
1 parent edd4627 commit 186ff83

File tree

3 files changed

+2
-2
lines changed

3 files changed

+2
-2
lines changed
171 KB
Loading

β€Žapps/web/src/components/Layout.tsxβ€Ž

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -175,7 +175,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
175175
<div className="h-16 flex items-center justify-center border-b border-gray-300 dark:border-gray-700">
176176
<Link to="/" className="flex items-center">
177177
{!sidebarCollapsed ? (
178-
<img src="/logo-full.png" alt="MyElectricalData" className="h-10 w-auto" />
178+
<img src={isDark ? "/logo-full-white.png" : "/logo-full-black.png"} alt="MyElectricalData" className="h-10 w-auto" />
179179
) : (
180180
<img src="/logo.png" alt="MyElectricalData" className="h-8 w-8" />
181181
)}
@@ -464,7 +464,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
464464
{/* Logo */}
465465
<div className="h-16 flex items-center px-4 border-b border-gray-300 dark:border-gray-700">
466466
<Link to="/" onClick={() => setMobileMenuOpen(false)}>
467-
<img src="/logo-full.png" alt="MyElectricalData" className="h-10 w-auto" />
467+
<img src={isDark ? "/logo-full-white.png" : "/logo-full-black.png"} alt="MyElectricalData" className="h-10 w-auto" />
468468
</Link>
469469
</div>
470470

0 commit comments

Comments
Β (0)