Add common togglable class for coloring buttons

59928d37ffdd82b512010c034d4d43e73d1d8bb1

Cohee <18619528+Cohee1207@users.noreply.github.com>

public/index.html+3 -3 Viewed

                                             </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 togglable margin0"></i></small>
                                             </label>
                                         </div>
                                         <div id="banned_tokens_controls_ooba">

                                 </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 togglable margin0"></i></small>
                                 </label>
                             </div>
                         </h4>

                             <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 togglable margin0"></i></small>
                                 </label>
                             </div>
                         </h4>

public/style.css+2 -4 Viewed

@@ -2879,10 +2879,8 @@ select option:not(:checked) {
2879	2879	color: var(--active) !important;
2880	2880	}
2881	2881
2882	2882	#instruct_enabled_label .menu_button.togglable:not(.toggleEnabled), {
2883		-#sysprompt_enabled_label .menu_button:not(.toggleEnabled),
	2883	+ color: red;
2884		-#send_banned_tokens_label .menu_button:not(.toggleEnabled) {
2885		- color: Red;
2886	2884	}
2887	2885
2888	2886	.displayBlock {