robert/alsa-scarlett-gui
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CSS fixes for buttons

Browse Source 
Make non-toggle buttons brighter.
Make disabled glow match the dimmer text colour.
Don't put an opacity filter over status buttons.
This commit is contained in:
Geoffrey D. Bennett
2024-02-20 01:39:29 +10:30
parent 2137000d05
commit c90fbdc3d1
1 changed files with 28 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/alsa-scarlett-gui.css
View File

@@ -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;