diff --git a/templates/settings.html b/templates/settings.html
index 7f8211a..d39a298 100644
--- a/templates/settings.html
+++ b/templates/settings.html
@@ -28,9 +28,9 @@
                         </a>
                     </div>
                     <div class="nav-item">
-                        <a href="{{ url_for('settings') }}" class="nav-link px-0 active" title="Einstellungen">
-                            <i class="ti ti-settings icon icon-1"></i>
-                        </a>
+                        <button class="nav-link px-0" id="dark-mode-btn" onclick="toggleDarkMode()" title="Dark Mode umschalten">
+                            <i class="ti ti-{% if config.dark_mode %}sun{% else %}moon{% endif %} icon icon-1" id="dark-mode-icon"></i>
+                        </button>
                     </div>
                 </div>
             </div>