feat(navigation): switch theme

2025-08-21 04:10:46 +02:00
parent 3406450eba
commit aebd3d643e
2 changed files with 17 additions and 3 deletions
--- a/src/app/core/components/navigation-bar/navigation-bar.html
+++ b/src/app/core/components/navigation-bar/navigation-bar.html
@@ -62,9 +62,15 @@
        }
    </div>
    <div class="options flex flex-row gap-[10px]">
-        <div class="dark-mode size-[50px]">
-            <fa-icon [icon]="faMoon"/>
-        </div>
+        @if (themeSwitchService.darkMode()) {
+            <div class="dark-mode size-[50px]" (click)="themeSwitchService.switchToLight()">
+                <fa-icon [icon]="faMoon"/>
+            </div>
+        } @else {
+            <div class="dark-mode size-[50px]" (click)="themeSwitchService.switchToDark()">
+                <fa-icon [icon]="faSun"/>
+            </div>
+        }
        <div class="language size-[50px]">EN</div>
    </div>
 </nav>