diff --git a/public/css/app.css b/public/css/app.css
index 67dc00b..0b47619 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -1272,6 +1272,19 @@ footer {
     box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.25);
   }
 
+  /* Dark mode: form-switch toggle visibility */
+  html[data-theme="dark"] .form-switch .form-check-input {
+    background-color: #495057;
+    border-color: #6c757d;
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.7%29'/%3e%3c/svg%3e");
+  }
+
+  html[data-theme="dark"] .form-switch .form-check-input:checked {
+    background-color: #0d6efd;
+    border-color: #0d6efd;
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
+  }
+
   .theme-toggle {
     position: relative;
     display: inline-flex;