From c90fbdc3d149c9ea129ec771357cd6f862c5c7a9 Mon Sep 17 00:00:00 2001
From: "Geoffrey D. Bennett" <g@b4.vu>
Date: Tue, 20 Feb 2024 01:39:29 +1030
Subject: [PATCH] CSS fixes for buttons

Make non-toggle buttons brighter.
Make disabled glow match the dimmer text colour.
Don't put an opacity filter over status buttons.
---
 src/alsa-scarlett-gui.css | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/src/alsa-scarlett-gui.css b/src/alsa-scarlett-gui.css
index fea4aa5..15fbcbb 100644
--- a/src/alsa-scarlett-gui.css
+++ b/src/alsa-scarlett-gui.css
@@ -61,6 +61,10 @@
   background: linear-gradient(175deg, #202020, #282828);
   box-shadow: none;
   font-weight: bold;
+  color: #ffffff;
+}
+
+.window-frame button.toggle {
   color: #808080;
 }
 
@@ -97,6 +101,7 @@ button.toggle {
 /* Button controls that are always disabled because they indicate status */
 .window-frame button.fixed {
   color: #ffffff;
+  filter: none;
 }
 
 /* Combobox controls that are always disabled because they indicate status */
@@ -116,6 +121,7 @@ button.toggle {
 .window-frame button.input-select:checked {
   color: #ffffff;
   text-shadow: 0 0 5px #00ff00, 0 0 10px #00ff00, 0 0 15px #00ff00;
+  filter: none;
 }
 
 .window-frame button.input-link:checked {
@@ -130,6 +136,10 @@ button.toggle {
   text-shadow: 0 0 5px #00c000, 0 0 15px #00c000;
 }
 
+.window-frame button.safe:checked:disabled {
+  text-shadow: 0 0 5px #005000, 0 0 15px #005000;
+}
+
 .window-frame button.inst:checked {
   text-shadow: 0 0 5px #ff0000, 0 0 15px #ff0000;
 }
@@ -138,6 +148,10 @@ button.toggle {
   text-shadow: 0 0 5px #00c000, 0 0 15px #00c000;
 }
 
+.window-frame .gen4 button.inst:checked:disabled {
+  text-shadow: 0 0 5px #005000, 0 0 15px #005000;
+}
+
 .window-frame button.pcm-input-mix:checked {
   text-shadow: 0 0 5px #00c000, 0 0 15px #00c000;
 }
@@ -158,6 +172,16 @@ button.toggle {
   text-shadow: 0 0 5px #ffc000, 0 0 15px #ffc000;
 }
 
+.window-frame button.air.selected-presence:disabled > label {
+  color: #505050;
+  text-shadow: 0 0 5px #005000, 0 0 15px #005000;
+}
+
+.window-frame button.air.selected-presencedrive:disabled > label {
+  color: #505050;
+  text-shadow: 0 0 5px #503c00, 0 0 15px #503c00;
+}
+
 .window-frame button.pad:checked {
   text-shadow: 0 0 5px #00c000, 0 0 15px #00c000;
 }
@@ -170,6 +194,10 @@ button.toggle {
   text-shadow: 0 0 5px #00c000, 0 0 15px #00c000;
 }
 
+.window-frame .gen4 button.phantom:checked:disabled {
+  text-shadow: 0 0 5px #005000, 0 0 15px #005000;
+}
+
 /* Direct Monitor Checked (Solo) */
 .window-frame .direct-monitor:checked {
   text-shadow: 0 0 5px #00c000, 0 0 15px #00c000;