Update CSS - GN

extension/dashboard/dashboard.css

@@ -59,7 +59,10 @@
     [data-theme="light"] input[type="checkbox"].svc-row-cb:checked::after,
     [data-theme="light"] input[type="checkbox"]#vhostSelectAll:checked::after,
     [data-theme="light"] input[type="checkbox"]#serverSelectAll:checked::after,
-    [data-theme="light"] input[type="checkbox"]#svcSelectAll:checked::after {
+    [data-theme="light"] input[type="checkbox"]#svcSelectAll:checked::after,
+    [data-theme="light"] input[type="checkbox"]#addVhostUseTls:checked::after,
+    [data-theme="light"] input[type="checkbox"]#startServerSecure:checked::after,
+    [data-theme="light"] input[type="checkbox"]#sshConnAutoReconnect:checked::after {
       border-color: #ffffff;
     }
 
@@ -703,21 +706,18 @@
       cursor: pointer;
       user-select: none;
     }
-    .checkbox-row input[type="checkbox"] {
-      width: 15px;
-      height: 15px;
-      accent-color: var(--cyan);
-      cursor: pointer;
-    }
     .checkbox-row label { font-size: 13px; color: var(--text2); cursor: pointer; }
 
-    /* ── Table row checkboxes (bulk selection) ──────── */
+    /* ── Table row checkboxes (bulk selection) and form checkboxes (same style) ──────── */
     input[type="checkbox"].vhost-row-cb,
     input[type="checkbox"].server-row-cb,
     input[type="checkbox"].svc-row-cb,
     input[type="checkbox"]#vhostSelectAll,
     input[type="checkbox"]#serverSelectAll,
-    input[type="checkbox"]#svcSelectAll {
+    input[type="checkbox"]#svcSelectAll,
+    input[type="checkbox"]#addVhostUseTls,
+    input[type="checkbox"]#startServerSecure,
+    input[type="checkbox"]#sshConnAutoReconnect {
       appearance: none;
       -webkit-appearance: none;
       width: 15px;
@@ -736,7 +736,10 @@
     input[type="checkbox"].svc-row-cb:hover,
     input[type="checkbox"]#vhostSelectAll:hover,
     input[type="checkbox"]#serverSelectAll:hover,
-    input[type="checkbox"]#svcSelectAll:hover {
+    input[type="checkbox"]#svcSelectAll:hover,
+    input[type="checkbox"]#addVhostUseTls:hover,
+    input[type="checkbox"]#startServerSecure:hover,
+    input[type="checkbox"]#sshConnAutoReconnect:hover {
       border-color: var(--cyan);
     }
     input[type="checkbox"].vhost-row-cb:checked,
@@ -744,7 +747,10 @@
     input[type="checkbox"].svc-row-cb:checked,
     input[type="checkbox"]#vhostSelectAll:checked,
     input[type="checkbox"]#serverSelectAll:checked,
-    input[type="checkbox"]#svcSelectAll:checked {
+    input[type="checkbox"]#svcSelectAll:checked,
+    input[type="checkbox"]#addVhostUseTls:checked,
+    input[type="checkbox"]#startServerSecure:checked,
+    input[type="checkbox"]#sshConnAutoReconnect:checked {
       background: var(--cyan);
       border-color: var(--cyan);
     }
@@ -753,7 +759,10 @@
     input[type="checkbox"].svc-row-cb:checked::after,
     input[type="checkbox"]#vhostSelectAll:checked::after,
     input[type="checkbox"]#serverSelectAll:checked::after,
-    input[type="checkbox"]#svcSelectAll:checked::after {
+    input[type="checkbox"]#svcSelectAll:checked::after,
+    input[type="checkbox"]#addVhostUseTls:checked::after,
+    input[type="checkbox"]#startServerSecure:checked::after,
+    input[type="checkbox"]#sshConnAutoReconnect:checked::after {
       content: '';
       position: absolute;
       left: 3px;

extension/dashboard/dashboard.html

@@ -821,9 +821,9 @@
         <input type="text" id="addVhostHsUrl" class="input mono" placeholder="hs://s000..." autocomplete="off" spellcheck="false">
       </div>
       <div class="form-group">
-        <label class="form-checkbox">
+        <label class="checkbox-row">
           <input type="checkbox" id="addVhostUseTls" autocomplete="off">
-          <span>Use TLS (secure connection)</span>
+          <label for="addVhostUseTls">Use TLS (secure connection)</label>
         </label>
         <div style="font-size:11px;color:var(--text4);margin-top:4px;">Enable if the service behind the tunnel uses HTTPS (port 443).</div>
       </div>