From 59928d37ffdd82b512010c034d4d43e73d1d8bb1 Mon Sep 17 00:00:00 2001
From: Cohee <18619528+Cohee1207@users.noreply.github.com>
Date: Sun, 16 Feb 2025 02:16:21 +0200
Subject: [PATCH] Add common togglable class for coloring buttons

---
 public/index.html | 6 +++---
 public/style.css  | 6 ++----
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/public/index.html b/public/index.html
index 54a9c143f..b6a3e6557 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1628,7 +1628,7 @@
                                             </div>
                                             <label id="send_banned_tokens_label" for="send_banned_tokens_textgenerationwebui" class="checkbox_label">
                                                 <input id="send_banned_tokens_textgenerationwebui" type="checkbox" style="display:none;" />
-                                                <small><i class="fa-solid fa-power-off menu_button margin0"></i></small>
+                                                <small><i class="fa-solid fa-power-off menu_button togglable margin0"></i></small>
                                             </label>
                                         </div>
                                         <div id="banned_tokens_controls_ooba">
@@ -3534,7 +3534,7 @@
                                 </label>
                                 <label id="instruct_enabled_label"for="instruct_enabled" class="checkbox_label flex1" title="Enable Instruct Mode" data-i18n="[title]instruct_enabled">
                                     <input id="instruct_enabled" type="checkbox" style="display:none;" />
-                                    <small><i class="fa-solid fa-power-off menu_button margin0"></i></small>
+                                    <small><i class="fa-solid fa-power-off menu_button togglable margin0"></i></small>
                                 </label>
                             </div>
                         </h4>
@@ -3712,7 +3712,7 @@
                             <div class="flex-container">
                                 <label id="sysprompt_enabled_label" for="sysprompt_enabled" class="checkbox_label flex1" title="Enable System Prompt" data-i18n="[title]sysprompt_enabled">
                                     <input id="sysprompt_enabled" type="checkbox" style="display:none;" />
-                                    <small><i class="fa-solid fa-power-off menu_button margin0"></i></small>
+                                    <small><i class="fa-solid fa-power-off menu_button togglable margin0"></i></small>
                                 </label>
                             </div>
                         </h4>
diff --git a/public/style.css b/public/style.css
index 19cf020d5..ff585ca65 100644
--- a/public/style.css
+++ b/public/style.css
@@ -2879,10 +2879,8 @@ select option:not(:checked) {
     color: var(--active) !important;
 }
 
-#instruct_enabled_label .menu_button:not(.toggleEnabled),
-#sysprompt_enabled_label .menu_button:not(.toggleEnabled),
-#send_banned_tokens_label .menu_button:not(.toggleEnabled) {
-    color: Red;
+.menu_button.togglable:not(.toggleEnabled) {
+    color: red;
 }
 
 .displayBlock {