dark mode fixes

public/css/style.css

@@ -101,6 +101,16 @@ body {
   background: rgba(255, 255, 255, 0.1);
 }
 
+/* Desktop: hide mobile toggle, show nav toggle */
+.mobile-theme-toggle {
+  display: none;
+}
+
+.nav-theme-item {
+  display: flex;
+  align-items: center;
+}
+
 .nav-toggle span {
   display: block;
   width: 24px;
@@ -186,8 +196,13 @@ body {
   color: #fff;
 }
 
+.btn-primary:visited {
+  color: #fff;
+}
+
 .btn-primary:hover {
   background: var(--primary-dark);
+  color: #fff;
 }
 
 .btn-success {
@@ -195,6 +210,10 @@ body {
   color: #fff;
 }
 
+.btn-success:visited {
+  color: #fff;
+}
+
 .btn-success:hover {
   background: #00a381;
 }
@@ -571,7 +590,7 @@ tr:hover {
   background: linear-gradient(135deg, var(--card-bg) 0%, #0d2618 100%);
 }
 
-[data-theme="dark"] a {
+[data-theme="dark"] a:not(.btn) {
   color: var(--primary);
 }
 
@@ -605,6 +624,15 @@ tr:hover {
     display: flex;
   }
 
+  /* Show mobile theme toggle, hide nav one */
+  .mobile-theme-toggle {
+    display: inline-flex;
+  }
+
+  .nav-theme-item {
+    display: none;
+  }
+
   .navbar {
     padding: 0 0.75rem;
     height: 52px;