From 2af6c74696c0a14951d505425c0a2c1982a93c5b Mon Sep 17 00:00:00 2001
From: "johannes.vos" <johannes.d.vos@web.de>
Date: Fri, 15 May 2026 10:14:39 +0200
Subject: [PATCH] style: add dark mode toggle button styles

---
 src/features/nav/components/Navbar.vue | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/features/nav/components/Navbar.vue b/src/features/nav/components/Navbar.vue
index 6716c17..9033eb7 100644
--- a/src/features/nav/components/Navbar.vue
+++ b/src/features/nav/components/Navbar.vue
@@ -59,4 +59,20 @@ const isDark = inject('isDark');
 .global-nav .right-links a:hover{
     text-decoration: underline;
 }
+.dark-mode-toggle {
+    background: none;
+    border: 1.5px solid var(--light-d-3);
+    border-radius: 50%;
+    width: 36px;
+    height: 36px;
+    cursor: pointer;
+    font-size: 1rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.dark-mode-toggle:hover {
+    background: var(--light-d-2);
+}
 </style>
\ No newline at end of file