hotfix for waybar styles not showing audio slider

1 files changed, 44 insertions, 2 deletions

diff --git a/config/waybar/style/Black & White.css b/config/waybar/style/Black & White.css
index 250f44c7..13a00c05 100644
--- a/config/waybar/style/Black & White.css
+++ b/config/waybar/style/Black & White.css
@@ -116,6 +116,7 @@ tooltip label{
 }
 
 #backlight,
+#backlight-slider,
 #battery,
 #bluetooth,
 #cava,
@@ -131,6 +132,7 @@ tooltip label{
 #mpd,
 #network,
 #pulseaudio,
+#pulseaudio-slider,
 #taskbar button,
 #taskbar,
 #temperature,
@@ -138,6 +140,7 @@ tooltip label{
 #window,
 #wireplumber,
 #workspaces,
+#custom-backlight,
 #custom-cycle_wall,
 #custom-keybinds,
 #custom-light_dark,
@@ -145,13 +148,13 @@ tooltip label{
 #custom-menu,
 #custom-power_vertical,
 #custom-power,
-#custom-spotify,
+#custom-speaker,
 #custom-updater,
 #custom-weather,
 #custom-weather.clearNight,
 #custom-weather.cloudyFoggyDay,
 #custom-weather.cloudyFoggyNight,
-#custom-weather.default 
+#custom-weather.default, 
 #custom-weather.rainyDay,
 #custom-weather.rainyNight,
 #custom-weather.severe,
@@ -220,3 +223,42 @@ tooltip label{
 #waybar.empty, #waybar.tiled, #waybar.floating {
 	background-color: transparent;
 }
+#pulseaudio-slider slider {
+	min-width: 0px;
+	min-height: 0px;
+	opacity: 0;
+	background-image: none;
+	border: none;
+	box-shadow: none;
+}
+
+#pulseaudio-slider trough {
+	min-width: 80px;
+	min-height: 5px;
+	border-radius: 5px;
+}
+
+#pulseaudio-slider highlight {
+	min-height: 10px;
+	border-radius: 5px;
+}
+
+#backlight-slider slider {
+	min-width: 0px;
+	min-height: 0px;
+	opacity: 0;
+	background-image: none;
+	border: none;
+	box-shadow: none;
+}
+
+#backlight-slider trough {
+	min-width: 80px;
+	min-height: 10px;
+	border-radius: 5px;
+}
+
+#backlight-slider highlight {
+	min-width: 10px;
+	border-radius: 5px;
+}