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

Add CSS for buttons that get dimmer when checked

Browse Source
This commit is contained in:
Geoffrey D. Bennett
2024-01-22 19:27:15 +10:30
parent f40a1c986d
commit 4b340b4d4c
2 changed files with 44 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -55,6 +55,7 @@
background: #801010;
}
/* Default button style */
button {
padding: 0px 5px 0px 5px;
border: 1px solid #303030;
@@ -175,6 +176,45 @@ button.direct-monitor.selected-stereo > label {
text-shadow: 0 0 5px #00c000, 0 0 15px #00c000;
}
/* Button controls where checked is dimmer */
/* Mute button */
button.mute {
color: #ffffff;
-gtk-icon-shadow: 0 0 5px #00c000, 0 0 15px #00c000;
border-color: #404040;
}
button.mute:checked {
-gtk-icon-shadow: 0 0 5px #ff0000, 0 0 15px #c00000;
border-color: #303030;
}
/* Dim button */
button.dim {
color: #ffffff;
-gtk-icon-shadow: 0 0 5px #00c000, 0 0 15px #00c000;
border-color: #404040;
}
button.dim:checked {
-gtk-icon-shadow: 0 0 5px #ffc000, 0 0 15px #ffc000;
border-color: #303030;
}
/* SW/HW button */
button.sw-hw {
color: #ffffff;
-gtk-icon-shadow: 0 0 5px #00c000, 0 0 15px #00c000;
border-color: #404040;
}
button.sw-hw:checked {
color: #808080;
-gtk-icon-shadow: 0 0 5px #ffc000, 0 0 15px #ffc000;
border-color: #303030;
}
/* Bigger buttons in the startup window */
.window-startup button {
padding: 5px;