diff --git a/aarch64/app/html/index.html b/aarch64/app/html/index.html
index 515182e..e42a1da 100644
--- a/aarch64/app/html/index.html
+++ b/aarch64/app/html/index.html
@@ -11,7 +11,7 @@
             --border: #262a35;
             --text: #e4e6ed;
             --muted: #8b8fa3;
-            --accent: #4f8ff7;
+            --accent: #2e2d2d;
             --green: #22c55e;
             --yellow: #f59e0b;
             --red: #ef4444;
@@ -26,7 +26,7 @@
             --border: #e0e3e8;
             --text: #1a1a2e;
             --muted: #6b7084;
-            --accent: #2563eb;
+            --accent: #2e2d2d;
         }
 
         * { box-sizing: border-box; margin: 0; padding: 0; }
@@ -231,7 +231,7 @@
             word-break: break-all;
         }
         .log-box .log-line { display: block; }
-        .log-box .log-line:hover { background: rgba(79,143,247,0.06); }
+        .log-box .log-line:hover { background: rgba(46,45,45,0.06); }
         .log-line .ts { color: var(--muted); opacity: 0.6; }
         .log-line .msg-info { color: var(--accent); }
         .log-line .msg-warn { color: var(--yellow); }
@@ -291,8 +291,8 @@
             padding: 12px 16px;
             border-radius: 8px;
             margin-bottom: 14px;
-            background: rgba(79,143,247,0.1);
-            border: 1px solid rgba(79,143,247,0.2);
+            background: rgba(46,45,45,0.1);
+            border: 1px solid rgba(46,45,45,0.2);
         }
         .update-banner.visible { display: flex; }
         .update-banner .update-text {
@@ -326,18 +326,6 @@
 
 <div class="header">
     <div class="header-left">
-        <svg width="26" height="26" viewBox="0 0 128 128" fill="none">
-            <rect width="128" height="128" rx="28" fill="#0166FF"/>
-            <circle cx="32" cy="32" r="13" fill="white" opacity="0.4"/>
-            <circle cx="64" cy="32" r="13" fill="white" opacity="0.4"/>
-            <circle cx="96" cy="32" r="13" fill="white" opacity="0.4"/>
-            <circle cx="32" cy="64" r="13" fill="white"/>
-            <circle cx="64" cy="64" r="13" fill="white"/>
-            <circle cx="96" cy="64" r="13" fill="white"/>
-            <circle cx="32" cy="96" r="13" fill="white" opacity="0.4"/>
-            <circle cx="64" cy="96" r="13" fill="white"/>
-            <circle cx="96" cy="96" r="13" fill="white" opacity="0.4"/>
-        </svg>
         <h1>Tailscale VPN</h1>
     </div>
     <button class="theme-btn" id="themeToggle" aria-label="Toggle theme">
diff --git a/aarch64_ROOT/app/html/index.html b/aarch64_ROOT/app/html/index.html
index 515182e..e42a1da 100644
--- a/aarch64_ROOT/app/html/index.html
+++ b/aarch64_ROOT/app/html/index.html
@@ -11,7 +11,7 @@
             --border: #262a35;
             --text: #e4e6ed;
             --muted: #8b8fa3;
-            --accent: #4f8ff7;
+            --accent: #2e2d2d;
             --green: #22c55e;
             --yellow: #f59e0b;
             --red: #ef4444;
@@ -26,7 +26,7 @@
             --border: #e0e3e8;
             --text: #1a1a2e;
             --muted: #6b7084;
-            --accent: #2563eb;
+            --accent: #2e2d2d;
         }
 
         * { box-sizing: border-box; margin: 0; padding: 0; }
@@ -231,7 +231,7 @@
             word-break: break-all;
         }
         .log-box .log-line { display: block; }
-        .log-box .log-line:hover { background: rgba(79,143,247,0.06); }
+        .log-box .log-line:hover { background: rgba(46,45,45,0.06); }
         .log-line .ts { color: var(--muted); opacity: 0.6; }
         .log-line .msg-info { color: var(--accent); }
         .log-line .msg-warn { color: var(--yellow); }
@@ -291,8 +291,8 @@
             padding: 12px 16px;
             border-radius: 8px;
             margin-bottom: 14px;
-            background: rgba(79,143,247,0.1);
-            border: 1px solid rgba(79,143,247,0.2);
+            background: rgba(46,45,45,0.1);
+            border: 1px solid rgba(46,45,45,0.2);
         }
         .update-banner.visible { display: flex; }
         .update-banner .update-text {
@@ -326,18 +326,6 @@
 
 <div class="header">
     <div class="header-left">
-        <svg width="26" height="26" viewBox="0 0 128 128" fill="none">
-            <rect width="128" height="128" rx="28" fill="#0166FF"/>
-            <circle cx="32" cy="32" r="13" fill="white" opacity="0.4"/>
-            <circle cx="64" cy="32" r="13" fill="white" opacity="0.4"/>
-            <circle cx="96" cy="32" r="13" fill="white" opacity="0.4"/>
-            <circle cx="32" cy="64" r="13" fill="white"/>
-            <circle cx="64" cy="64" r="13" fill="white"/>
-            <circle cx="96" cy="64" r="13" fill="white"/>
-            <circle cx="32" cy="96" r="13" fill="white" opacity="0.4"/>
-            <circle cx="64" cy="96" r="13" fill="white"/>
-            <circle cx="96" cy="96" r="13" fill="white" opacity="0.4"/>
-        </svg>
         <h1>Tailscale VPN</h1>
     </div>
     <button class="theme-btn" id="themeToggle" aria-label="Toggle theme">
diff --git a/arm/app/html/index.html b/arm/app/html/index.html
index 515182e..e42a1da 100644
--- a/arm/app/html/index.html
+++ b/arm/app/html/index.html
@@ -11,7 +11,7 @@
             --border: #262a35;
             --text: #e4e6ed;
             --muted: #8b8fa3;
-            --accent: #4f8ff7;
+            --accent: #2e2d2d;
             --green: #22c55e;
             --yellow: #f59e0b;
             --red: #ef4444;
@@ -26,7 +26,7 @@
             --border: #e0e3e8;
             --text: #1a1a2e;
             --muted: #6b7084;
-            --accent: #2563eb;
+            --accent: #2e2d2d;
         }
 
         * { box-sizing: border-box; margin: 0; padding: 0; }
@@ -231,7 +231,7 @@
             word-break: break-all;
         }
         .log-box .log-line { display: block; }
-        .log-box .log-line:hover { background: rgba(79,143,247,0.06); }
+        .log-box .log-line:hover { background: rgba(46,45,45,0.06); }
         .log-line .ts { color: var(--muted); opacity: 0.6; }
         .log-line .msg-info { color: var(--accent); }
         .log-line .msg-warn { color: var(--yellow); }
@@ -291,8 +291,8 @@
             padding: 12px 16px;
             border-radius: 8px;
             margin-bottom: 14px;
-            background: rgba(79,143,247,0.1);
-            border: 1px solid rgba(79,143,247,0.2);
+            background: rgba(46,45,45,0.1);
+            border: 1px solid rgba(46,45,45,0.2);
         }
         .update-banner.visible { display: flex; }
         .update-banner .update-text {
@@ -326,18 +326,6 @@
 
 <div class="header">
     <div class="header-left">
-        <svg width="26" height="26" viewBox="0 0 128 128" fill="none">
-            <rect width="128" height="128" rx="28" fill="#0166FF"/>
-            <circle cx="32" cy="32" r="13" fill="white" opacity="0.4"/>
-            <circle cx="64" cy="32" r="13" fill="white" opacity="0.4"/>
-            <circle cx="96" cy="32" r="13" fill="white" opacity="0.4"/>
-            <circle cx="32" cy="64" r="13" fill="white"/>
-            <circle cx="64" cy="64" r="13" fill="white"/>
-            <circle cx="96" cy="64" r="13" fill="white"/>
-            <circle cx="32" cy="96" r="13" fill="white" opacity="0.4"/>
-            <circle cx="64" cy="96" r="13" fill="white"/>
-            <circle cx="96" cy="96" r="13" fill="white" opacity="0.4"/>
-        </svg>
         <h1>Tailscale VPN</h1>
     </div>
     <button class="theme-btn" id="themeToggle" aria-label="Toggle theme">
diff --git a/arm_ROOT/app/html/index.html b/arm_ROOT/app/html/index.html
index 515182e..e42a1da 100644
--- a/arm_ROOT/app/html/index.html
+++ b/arm_ROOT/app/html/index.html
@@ -11,7 +11,7 @@
             --border: #262a35;
             --text: #e4e6ed;
             --muted: #8b8fa3;
-            --accent: #4f8ff7;
+            --accent: #2e2d2d;
             --green: #22c55e;
             --yellow: #f59e0b;
             --red: #ef4444;
@@ -26,7 +26,7 @@
             --border: #e0e3e8;
             --text: #1a1a2e;
             --muted: #6b7084;
-            --accent: #2563eb;
+            --accent: #2e2d2d;
         }
 
         * { box-sizing: border-box; margin: 0; padding: 0; }
@@ -231,7 +231,7 @@
             word-break: break-all;
         }
         .log-box .log-line { display: block; }
-        .log-box .log-line:hover { background: rgba(79,143,247,0.06); }
+        .log-box .log-line:hover { background: rgba(46,45,45,0.06); }
         .log-line .ts { color: var(--muted); opacity: 0.6; }
         .log-line .msg-info { color: var(--accent); }
         .log-line .msg-warn { color: var(--yellow); }
@@ -291,8 +291,8 @@
             padding: 12px 16px;
             border-radius: 8px;
             margin-bottom: 14px;
-            background: rgba(79,143,247,0.1);
-            border: 1px solid rgba(79,143,247,0.2);
+            background: rgba(46,45,45,0.1);
+            border: 1px solid rgba(46,45,45,0.2);
         }
         .update-banner.visible { display: flex; }
         .update-banner .update-text {
@@ -326,18 +326,6 @@
 
 <div class="header">
     <div class="header-left">
-        <svg width="26" height="26" viewBox="0 0 128 128" fill="none">
-            <rect width="128" height="128" rx="28" fill="#0166FF"/>
-            <circle cx="32" cy="32" r="13" fill="white" opacity="0.4"/>
-            <circle cx="64" cy="32" r="13" fill="white" opacity="0.4"/>
-            <circle cx="96" cy="32" r="13" fill="white" opacity="0.4"/>
-            <circle cx="32" cy="64" r="13" fill="white"/>
-            <circle cx="64" cy="64" r="13" fill="white"/>
-            <circle cx="96" cy="64" r="13" fill="white"/>
-            <circle cx="32" cy="96" r="13" fill="white" opacity="0.4"/>
-            <circle cx="64" cy="96" r="13" fill="white"/>
-            <circle cx="96" cy="96" r="13" fill="white" opacity="0.4"/>
-        </svg>
         <h1>Tailscale VPN</h1>
     </div>
     <button class="theme-btn" id="themeToggle" aria-label="Toggle theme">
diff --git a/arm_acap3/app/html/index.html b/arm_acap3/app/html/index.html
index f082947..a91cde1 100644
--- a/arm_acap3/app/html/index.html
+++ b/arm_acap3/app/html/index.html
@@ -11,7 +11,7 @@
             --border: #262a35;
             --text: #e4e6ed;
             --muted: #8b8fa3;
-            --accent: #4f8ff7;
+            --accent: #2e2d2d;
             --green: #22c55e;
             --yellow: #f59e0b;
             --red: #ef4444;
@@ -26,7 +26,7 @@
             --border: #e0e3e8;
             --text: #1a1a2e;
             --muted: #6b7084;
-            --accent: #2563eb;
+            --accent: #2e2d2d;
         }
 
         * { box-sizing: border-box; margin: 0; padding: 0; }
@@ -231,7 +231,7 @@
             word-break: break-all;
         }
         .log-box .log-line { display: block; }
-        .log-box .log-line:hover { background: rgba(79,143,247,0.06); }
+        .log-box .log-line:hover { background: rgba(46,45,45,0.06); }
         .log-line .ts { color: var(--muted); opacity: 0.6; }
         .log-line .msg-info { color: var(--accent); }
         .log-line .msg-warn { color: var(--yellow); }
@@ -257,8 +257,8 @@
             padding: 12px 16px;
             border-radius: 8px;
             margin-bottom: 14px;
-            background: rgba(79,143,247,0.1);
-            border: 1px solid rgba(79,143,247,0.2);
+            background: rgba(46,45,45,0.1);
+            border: 1px solid rgba(46,45,45,0.2);
         }
         .update-banner.visible { display: flex; }
         .update-banner .update-text {
@@ -292,18 +292,6 @@
 
 <div class="header">
     <div class="header-left">
-        <svg width="26" height="26" viewBox="0 0 128 128" fill="none">
-            <rect width="128" height="128" rx="28" fill="#0166FF"/>
-            <circle cx="32" cy="32" r="13" fill="white" opacity="0.4"/>
-            <circle cx="64" cy="32" r="13" fill="white" opacity="0.4"/>
-            <circle cx="96" cy="32" r="13" fill="white" opacity="0.4"/>
-            <circle cx="32" cy="64" r="13" fill="white"/>
-            <circle cx="64" cy="64" r="13" fill="white"/>
-            <circle cx="96" cy="64" r="13" fill="white"/>
-            <circle cx="32" cy="96" r="13" fill="white" opacity="0.4"/>
-            <circle cx="64" cy="96" r="13" fill="white"/>
-            <circle cx="96" cy="96" r="13" fill="white" opacity="0.4"/>
-        </svg>
         <h1>Tailscale VPN</h1>
     </div>
     <button class="theme-btn" id="themeToggle" aria-label="Toggle theme">