hotfix for waybar styles not showing audio slider

1 files changed, 44 insertions, 2 deletions

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;
+}