From 0d3597ff12dab04250bc8443ef9ae5b515ee5b17 Mon Sep 17 00:00:00 2001
From: JaKooLit <jimmielovejay@gmail.com>
Date: Tue, 21 Nov 2023 09:35:18 +0900
Subject: hotfix for waybar styles not showing audio slider

---
 config/waybar/style/Catppuccin-Latte.css | 47 ++++++++++++++++++++++++++++++--
 1 file changed, 44 insertions(+), 3 deletions(-)

(limited to 'config/waybar/style/Catppuccin-Latte.css')

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;
+}
-- 
cgit v1.2.3