hotfix for waybar styles not showing audio slider

16 files changed, 493 insertions, 60 deletions

diff --git a/config/waybar/modules b/config/waybar/modules
index 4c58e3ca..31011cd3 100644
--- a/config/waybar/modules
+++ b/config/waybar/modules
@@ -361,7 +361,7 @@
 "temperature": {
   "interval": 10,
   "tooltip": false,
-  "hwmon-path": "/sys/class/hwmon/hwmon1/temp1_input",
+  "hwmon-path": ["/sys/class/hwmon/hwmon1/temp1_input", "/sys/class/thermal/thermal_zone0/temp"],
   //"thermal-zone": 0,
   "critical-threshold": 82,
   "format-critical": "{temperatureC}°C {icon}",
@@ -595,7 +595,7 @@
 "temperature#vertical": {
   "interval": 10,
   "tooltip": true,
-  "hwmon-path": "/sys/class/hwmon/hwmon1/temp1_input",
+  "hwmon-path": ["/sys/class/hwmon/hwmon1/temp1_input", "/sys/class/thermal/thermal_zone0/temp"],
   //"thermal-zone": 0,
   "critical-threshold": 80,
   "format-critical": "{icon}\n{temperatureC}°C",
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;
+}
diff --git a/config/waybar/style/Catppuccin-Latte.css b/config/waybar/style/Catppuccin-Latte.css
index 06cfc372..60c3a035 100644
--- a/config/waybar/style/Catppuccin-Latte.css
+++ b/config/waybar/style/Catppuccin-Latte.css
@@ -46,8 +46,8 @@ window#waybar.hidden {
 /*   margin: 0px 5px;*/ 
 /*}*/
 
-
 #backlight,
+#backlight-slider,
 #battery,
 #bluetooth,
 #cava,
@@ -63,6 +63,7 @@ window#waybar.hidden {
 #mpd,
 #network,
 #pulseaudio,
+#pulseaudio-slider,
 #taskbar button,
 #taskbar,
 #temperature,
@@ -70,6 +71,7 @@ window#waybar.hidden {
 #window,
 #wireplumber,
 #workspaces,
+#custom-backlight,
 #custom-cycle_wall,
 #custom-keybinds,
 #custom-light_dark,
@@ -77,13 +79,13 @@ window#waybar.hidden {
 #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,
@@ -269,3 +271,42 @@ window#waybar.hidden {
   background-color: @surface0;
   color: @text;
 }
+#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;
+}
diff --git a/config/waybar/style/Catppuccin-Mocha.css b/config/waybar/style/Catppuccin-Mocha.css
index 3b21951e..c8eb947b 100644
--- a/config/waybar/style/Catppuccin-Mocha.css
+++ b/config/waybar/style/Catppuccin-Mocha.css
@@ -46,6 +46,7 @@ window#waybar.hidden {
 } 
 
 #backlight,
+#backlight-slider,
 #battery,
 #bluetooth,
 #cava,
@@ -61,6 +62,7 @@ window#waybar.hidden {
 #mpd,
 #network,
 #pulseaudio,
+#pulseaudio-slider,
 #taskbar button,
 #taskbar,
 #temperature,
@@ -68,6 +70,7 @@ window#waybar.hidden {
 #window,
 #wireplumber,
 #workspaces,
+#custom-backlight,
 #custom-cycle_wall,
 #custom-keybinds,
 #custom-light_dark,
@@ -75,13 +78,13 @@ window#waybar.hidden {
 #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,
@@ -267,3 +270,42 @@ window#waybar.hidden {
   background-color: @surface0;
   color: @text;
 }
+#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;
+}
\ No newline at end of file
diff --git a/config/waybar/style/Colored (Bordered).css b/config/waybar/style/Colored (Bordered).css
index d7e5ab44..4a0e288d 100644
--- a/config/waybar/style/Colored (Bordered).css
+++ b/config/waybar/style/Colored (Bordered).css
@@ -91,6 +91,7 @@ tooltip label{
 }
 
 #backlight,
+#backlight-slider,
 #battery,
 #bluetooth,
 #cava,
@@ -106,6 +107,7 @@ tooltip label{
 #mpd,
 #network,
 #pulseaudio,
+#pulseaudio-slider,
 #taskbar button,
 #taskbar,
 #temperature,
@@ -113,6 +115,7 @@ tooltip label{
 #window,
 #wireplumber,
 #workspaces,
+#custom-backlight,
 #custom-cycle_wall,
 #custom-keybinds,
 #custom-light_dark,
@@ -120,13 +123,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,
@@ -355,3 +358,42 @@ label:focus {
     animation: gradient_f 20s ease-in infinite;
     transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
 }
+#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;
+}
diff --git a/config/waybar/style/Colored (Lined).css b/config/waybar/style/Colored (Lined).css
index db446919..19e78e39 100644
--- a/config/waybar/style/Colored (Lined).css
+++ b/config/waybar/style/Colored (Lined).css
@@ -53,6 +53,7 @@ window#waybar {
 }
 
 #backlight,
+#backlight-slider,
 #battery,
 #bluetooth,
 #cava,
@@ -68,6 +69,7 @@ window#waybar {
 #mpd,
 #network,
 #pulseaudio,
+#pulseaudio-slider,
 #taskbar button,
 #taskbar,
 #temperature,
@@ -75,6 +77,7 @@ window#waybar {
 #window,
 #wireplumber,
 #workspaces,
+#custom-backlight,
 #custom-cycle_wall,
 #custom-keybinds,
 #custom-light_dark,
@@ -82,13 +85,13 @@ window#waybar {
 #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,
@@ -214,5 +217,44 @@ window#waybar {
     animation: gradient_f 20s ease-in infinite;
     transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
 }
+#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;
+}
 
 
diff --git a/config/waybar/style/Colored.css b/config/waybar/style/Colored.css
index 1e6d06ab..84fc4307 100644
--- a/config/waybar/style/Colored.css
+++ b/config/waybar/style/Colored.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,
@@ -357,3 +360,42 @@ label:focus {
     margin: 0 1px;
     padding-bottom: 5px;
 }
+#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;
+}
diff --git a/config/waybar/style/Colorful.css b/config/waybar/style/Colorful.css
index c0ad5aba..c2b0a019 100644
--- a/config/waybar/style/Colorful.css
+++ b/config/waybar/style/Colorful.css
@@ -52,6 +52,7 @@ tooltip label{
 }
 
 #backlight,
+#backlight-slider,
 #battery,
 #bluetooth,
 #cava,
@@ -67,6 +68,7 @@ tooltip label{
 #mpd,
 #network,
 #pulseaudio,
+#pulseaudio-slider,
 #taskbar button,
 #taskbar,
 #temperature,
@@ -74,6 +76,7 @@ tooltip label{
 #window,
 #wireplumber,
 #workspaces,
+#custom-backlight,
 #custom-cycle_wall,
 #custom-keybinds,
 #custom-light_dark,
@@ -81,13 +84,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,
@@ -298,3 +301,42 @@ tooltip label{
 	background-color: #313244;
 	color: #cdd6f4;
 }
+#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;
+}
diff --git a/config/waybar/style/Crimson.css b/config/waybar/style/Crimson.css
index 13c37b3a..720197ae 100644
--- a/config/waybar/style/Crimson.css
+++ b/config/waybar/style/Crimson.css
@@ -105,8 +105,8 @@ tooltip {
     transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
 }
 
-
 #backlight,
+#backlight-slider,
 #battery,
 #bluetooth,
 #cava,
@@ -122,6 +122,7 @@ tooltip {
 #mpd,
 #network,
 #pulseaudio,
+#pulseaudio-slider,
 #taskbar button,
 #taskbar,
 #temperature,
@@ -129,6 +130,7 @@ tooltip {
 #window,
 #wireplumber,
 #workspaces,
+#custom-backlight,
 #custom-cycle_wall,
 #custom-keybinds,
 #custom-light_dark,
@@ -136,13 +138,13 @@ tooltip {
 #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,
diff --git a/config/waybar/style/Dark.css b/config/waybar/style/Dark.css
index 489c1209..f2aa8ca2 100644
--- a/config/waybar/style/Dark.css
+++ b/config/waybar/style/Dark.css
@@ -112,6 +112,7 @@ tooltip label {
 }
 
 #backlight,
+#backlight-slider,
 #battery,
 #bluetooth,
 #cava,
@@ -127,6 +128,7 @@ tooltip label {
 #mpd,
 #network,
 #pulseaudio,
+#pulseaudio-slider,
 #taskbar button,
 #taskbar,
 #temperature,
@@ -134,6 +136,7 @@ tooltip label {
 #window,
 #wireplumber,
 #workspaces,
+#custom-backlight,
 #custom-cycle_wall,
 #custom-keybinds,
 #custom-light_dark,
@@ -141,13 +144,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,
@@ -193,4 +196,43 @@ tooltip label {
     animation-timing-function: linear;
     animation-iteration-count: infinite;
     animation-direction: alternate;
+}
+#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;
 }
\ No newline at end of file
diff --git a/config/waybar/style/Golden Noir.css b/config/waybar/style/Golden Noir.css
index 01da284b..54c7f603 100644
--- a/config/waybar/style/Golden Noir.css
+++ b/config/waybar/style/Golden Noir.css
@@ -120,6 +120,7 @@ tooltip {
 }
 
 #backlight,
+#backlight-slider,
 #battery,
 #bluetooth,
 #cava,
@@ -135,6 +136,7 @@ tooltip {
 #mpd,
 #network,
 #pulseaudio,
+#pulseaudio-slider,
 #taskbar button,
 #taskbar,
 #temperature,
@@ -142,6 +144,7 @@ tooltip {
 #window,
 #wireplumber,
 #workspaces,
+#custom-backlight,
 #custom-cycle_wall,
 #custom-keybinds,
 #custom-light_dark,
@@ -149,13 +152,14 @@ tooltip {
 #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.rainyDay,
+#custom-weather.default, 
+#custom-weather.rainyDay,
 #custom-weather.rainyNight,
 #custom-weather.severe,
 #custom-weather.showyIcyDay,
diff --git a/config/waybar/style/Light.css b/config/waybar/style/Light.css
index 9f58bdaa..99d21809 100644
--- a/config/waybar/style/Light.css
+++ b/config/waybar/style/Light.css
@@ -112,6 +112,7 @@ tooltip label {
 }
 
 #backlight,
+#backlight-slider,
 #battery,
 #bluetooth,
 #cava,
@@ -127,6 +128,7 @@ tooltip label {
 #mpd,
 #network,
 #pulseaudio,
+#pulseaudio-slider,
 #taskbar button,
 #taskbar,
 #temperature,
@@ -134,6 +136,7 @@ tooltip label {
 #window,
 #wireplumber,
 #workspaces,
+#custom-backlight,
 #custom-cycle_wall,
 #custom-keybinds,
 #custom-light_dark,
@@ -141,13 +144,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,
@@ -195,3 +198,42 @@ tooltip label {
 	animation-iteration-count: infinite;
 	animation-direction: alternate;
 }
+#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;
+}
diff --git a/config/waybar/style/Purpl.css b/config/waybar/style/Purpl.css
index b5904647..db0bafd0 100644
--- a/config/waybar/style/Purpl.css
+++ b/config/waybar/style/Purpl.css
@@ -119,6 +119,7 @@ tooltip {
 }
 
 #backlight,
+#backlight-slider,
 #battery,
 #bluetooth,
 #cava,
@@ -134,6 +135,7 @@ tooltip {
 #mpd,
 #network,
 #pulseaudio,
+#pulseaudio-slider,
 #taskbar button,
 #taskbar,
 #temperature,
@@ -141,6 +143,7 @@ tooltip {
 #window,
 #wireplumber,
 #workspaces,
+#custom-backlight,
 #custom-cycle_wall,
 #custom-keybinds,
 #custom-light_dark,
@@ -148,13 +151,14 @@ tooltip {
 #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.rainyDay,
+#custom-weather.default, 
+#custom-weather.rainyDay,
 #custom-weather.rainyNight,
 #custom-weather.severe,
 #custom-weather.showyIcyDay,
diff --git a/config/waybar/style/Pywal.css b/config/waybar/style/Pywal.css
index c5ef3477..fe18cbee 100644
--- a/config/waybar/style/Pywal.css
+++ b/config/waybar/style/Pywal.css
@@ -117,6 +117,7 @@ tooltip {
 }
 
 #backlight,
+#backlight-slider,
 #battery,
 #bluetooth,
 #cava,
@@ -132,6 +133,7 @@ tooltip {
 #mpd,
 #network,
 #pulseaudio,
+#pulseaudio-slider,
 #taskbar button,
 #taskbar,
 #temperature,
@@ -139,6 +141,7 @@ tooltip {
 #window,
 #wireplumber,
 #workspaces,
+#custom-backlight,
 #custom-cycle_wall,
 #custom-keybinds,
 #custom-light_dark,
@@ -146,13 +149,14 @@ tooltip {
 #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.rainyDay,
+#custom-weather.default,
+#custom-weather.rainyDay,
 #custom-weather.rainyNight,
 #custom-weather.severe,
 #custom-weather.showyIcyDay,
@@ -200,45 +204,41 @@ tooltip {
 }
 
 #pulseaudio-slider slider {
-    min-width: 0px;
-    min-height: 0px;
-    opacity: 0;
-    background-image: none;
-    border: none;
-    box-shadow: none;
+	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;
-    background-color: #22252a;
+	min-width: 80px;
+	min-height: 5px;
+	border-radius: 5px;
 }
 
 #pulseaudio-slider highlight {
-    min-height: 10px;
-    border-radius: 5px;
-    background-color: #ba5663;
+	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;
+	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;
-    background-color: #22252a;
+	min-width: 80px;
+	min-height: 10px;
+	border-radius: 5px;
 }
 
 #backlight-slider highlight {
-    min-width: 10px;
-    border-radius: 5px;
-    background-color: #ba5663;
+	min-width: 10px;
+	border-radius: 5px;
 }
\ No newline at end of file
diff --git a/config/waybar/style/Rose-Pine.css b/config/waybar/style/Rose-Pine.css
index 9f10d826..8813ffd7 100644
--- a/config/waybar/style/Rose-Pine.css
+++ b/config/waybar/style/Rose-Pine.css
@@ -102,6 +102,7 @@ tooltip {
 }
 
 #backlight,
+#backlight-slider,
 #battery,
 #bluetooth,
 #cava,
@@ -117,6 +118,7 @@ tooltip {
 #mpd,
 #network,
 #pulseaudio,
+#pulseaudio-slider,
 #taskbar button,
 #taskbar,
 #temperature,
@@ -124,6 +126,7 @@ tooltip {
 #window,
 #wireplumber,
 #workspaces,
+#custom-backlight,
 #custom-cycle_wall,
 #custom-keybinds,
 #custom-light_dark,
@@ -131,13 +134,13 @@ tooltip {
 #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,
@@ -164,3 +167,42 @@ tooltip {
     background-color: @main-bg;
 }
 
+#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;
+}
diff --git a/config/waybar/style/Simple Pink.css b/config/waybar/style/Simple Pink.css
index 284b6d5c..3ebbe212 100644
--- a/config/waybar/style/Simple Pink.css
+++ b/config/waybar/style/Simple Pink.css
@@ -116,6 +116,7 @@ tooltip {
 }
 
 #backlight,
+#backlight-slider,
 #battery,
 #bluetooth,
 #cava,
@@ -131,6 +132,7 @@ tooltip {
 #mpd,
 #network,
 #pulseaudio,
+#pulseaudio-slider,
 #taskbar button,
 #taskbar,
 #temperature,
@@ -138,6 +140,7 @@ tooltip {
 #window,
 #wireplumber,
 #workspaces,
+#custom-backlight,
 #custom-cycle_wall,
 #custom-keybinds,
 #custom-light_dark,
@@ -145,13 +148,14 @@ tooltip {
 #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.rainyDay,
+#custom-weather.default, 
+#custom-weather.rainyDay,
 #custom-weather.rainyNight,
 #custom-weather.severe,
 #custom-weather.showyIcyDay,