From d9a6cd78092a3892c1c67c2bb28d075d3327ac48 Mon Sep 17 00:00:00 2001
From: Kingston-SCYD <odscheidel@gmail.com>
Date: Fri, 5 Jun 2026 17:09:27 -0500
Subject: [PATCH] Apply white filter only to lock emoji, not the whole button

---
 ttstoy/webui/templates/dashboard.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/ttstoy/webui/templates/dashboard.html b/ttstoy/webui/templates/dashboard.html
index 7c3c6da..5a02c0f 100644
--- a/ttstoy/webui/templates/dashboard.html
+++ b/ttstoy/webui/templates/dashboard.html
@@ -112,7 +112,7 @@
   </div>
   <div style="display:flex;gap:0.75rem;align-items:center;flex-wrap:wrap;">
     <div style="display:inline-flex;">
-      <button id="vc-lock-btn" onclick="toggleVcLock()" style="border:none;background:#e67e22;color:#fff;padding:0.4rem 0.6rem;cursor:pointer;border-top-left-radius:4px;border-bottom-left-radius:4px;font-size:0.85rem;display:inline-flex;align-items:center;filter:grayscale(1) brightness(10);" title="Click to unlock">&#x1F512;</button><button class="btn btn-primary" id="vc-btn" onclick="submitTTS()" disabled style="opacity:0.5;border-top-left-radius:0;border-bottom-left-radius:0;">
+      <button id="vc-lock-btn" onclick="toggleVcLock()" style="border:none;background:#e67e22;padding:0.4rem 0.6rem;cursor:pointer;border-top-left-radius:4px;border-bottom-left-radius:4px;font-size:0.85rem;display:inline-flex;align-items:center;" title="Click to unlock"><span style="filter:grayscale(1) brightness(10);">&#x1F512;</span></button><button class="btn btn-primary" id="vc-btn" onclick="submitTTS()" disabled style="opacity:0.5;border-top-left-radius:0;border-bottom-left-radius:0;">
         <span id="spinner" class="spin" style="display:none;"></span> Speak in VC
       </button>
     </div>
@@ -369,12 +369,12 @@ function toggleVcLock() {
   if (btn.disabled) {
     btn.disabled = false;
     btn.style.opacity = '1';
-    lock.innerHTML = '\u{1F513}';
+    lock.innerHTML = '<span style="filter:grayscale(1) brightness(10);">\u{1F513}</span>';
     lock.title = 'Click to lock';
   } else {
     btn.disabled = true;
     btn.style.opacity = '0.5';
-    lock.innerHTML = '\u{1F512}';
+    lock.innerHTML = '<span style="filter:grayscale(1) brightness(10);">\u{1F512}</span>';
     lock.title = 'Click to unlock';
   }
 }