some small changes

config/waybar/configs/default

@@ -37,24 +37,23 @@
 	"custom/light_dark",
 	"custom/separator#dot-line",	
 	"custom/lock",
-	],
-	//"custom/separator#dot-line",
-	//"custom/keybinds",	
 	//],
+	"custom/separator#dot-line",
+	"custom/keybinds",	
+	], 
 
 "modules-right": [
 	//"hyprland/window", 
 	"tray",
 	"custom/separator#dot-line",
-	//"bluetooth",
+	"bluetooth",
-	//"custom/separator#dot-line",
+	"custom/separator#dot-line",
 	//"network",
 	//"custom/separator#dot-line", 
-	//"cava", 
+	"battery",
-	//"battery",
+	"custom/separator#dot-line", 
-	//"custom/separator#dot-line", 
+	"backlight",
-	//"backlight",
+	"custom/separator#dot-line",
-	//"custom/separator#dot-line",
 	"pulseaudio",
 	"custom/separator#dot-line",
 	//"wireplumber", 

config/waybar/configs/default-Bottom

@@ -1,6 +1,6 @@
 /* ---- 💫 https://github.com/JaKooLit 💫 ---- */
 
-// ### DEFAULT-BOTTOM### //
+// ### DEFAULT ### //
 {
 "include": "~/.config/waybar/modules",
 "layer": "top",
@@ -11,12 +11,12 @@
 "spacing": 3,
 "fixed-center": true,
 "ipc": true,
-"margin-left": 6,
+//"margin-top": 6,
-"margin-right": 6,
+"margin-left": 8,
-"margin-bottom": 4,
+"margin-right": 8,
 
 "modules-left": [
-	"hyprland/workspaces",
+	"hyprland/workspaces#3",
 	"custom/separator#dot-line",
 	"cpu",
 	"custom/separator#dot-line", 
@@ -37,24 +37,23 @@
 	"custom/light_dark",
 	"custom/separator#dot-line",	
 	"custom/lock",
-	],
-	//"custom/separator#dot-line",
-	//"custom/keybinds",	
 	//],
+	"custom/separator#dot-line",
+	"custom/keybinds",	
+	], 
 
 "modules-right": [
 	//"hyprland/window", 
 	"tray",
 	"custom/separator#dot-line",
-	//"bluetooth",
+	"bluetooth",
-	//"custom/separator#dot-line",
+	"custom/separator#dot-line",
 	//"network",
 	//"custom/separator#dot-line", 
-	//"cava", 
+	"battery",
-	//"battery",
+	"custom/separator#dot-line", 
-	//"custom/separator#dot-line", 
+	"backlight",
-	//"backlight",
+	"custom/separator#dot-line",
-	//"custom/separator#dot-line",
 	"pulseaudio",
 	"custom/separator#dot-line",
 	//"wireplumber", 

config/waybar/style/pywal.css

@@ -1,4 +1,11 @@
-/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
+/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
+/* ...........................................*/
+/* ...............Golden Noir................ */
+/* .......................................... */
+/* --- 👍 designed by https://github.com/Krautt  👍 --- */
+
+@import '../../.cache/wal/colors-waybar.css';
+@import "../waybar/style/catppuccin-themes/latte.css";
 
 * {
     font-family: "JetBrainsMono Nerd Font";
@@ -8,84 +15,93 @@ min-height: 0;
     font-size: 98%;
     font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
     padding: 1px;
-margin-top: 1px;
-margin-bottom: 1px;
 }
 
-@import '../../.cache/wal/colors-waybar.css';
-
 window#waybar {
     background: transparent;
 }
 
+window#waybar.hidden {
+    opacity: 0.5;
+}
+
 window#waybar.empty {
-	background-color: transparent;
+    background-color: @background;
 }
 
 window#waybar.empty #window {
     padding: 0px;
     margin: 0px;
     border: 0px;
+    /*  background-color: rgba(66,66,66,0.5); */
+    /* transparent */
     background-color: transparent;
 }
 
-window > box {
-	background: rgba(0, 0, 0, 0);
-	border-bottom: 1px solid rgba(0, 0, 0, 0);
-	color: @foreground;
-}
-
-window {
-	/*font-weight: bold;*/
-}
 
 tooltip {
-	background: rgba(0, 0, 0, 0.4);
+    background: @background;
-	opacity: 0.8;
     border-radius: 10px;
-	border-width: 2px;
+    border-width: 1px;
+    border-style: solid;
+    border-color: @foreground;
 }
 
-tooltip label{
-	color: @foreground;
-}
 /*-----module groups----*/
 .modules-right {
-	background-color: rgba(0, 0, 0, 0.4);
+	border: 5px solid @color14;
-	border: 0.5px solid @color15;
+	border-radius: 100px 0px 0px 0px;
-	border-radius: 10px;
+	background-color: @color1;
+    padding-right: 5px;
+    padding-left: 5px;
+
 }
+
 .modules-center {
-	background-color: rgba(0, 0, 0, 0.4);
+	border: 5px solid @color14;
-	border: 0.5px solid @color15;
+	border-radius: 100px 0px 100px 0px;
-	border-radius: 10px;
+	background-color: @color1;
+
+
 }
+
 .modules-left {
-	background-color: rgba(0, 0, 0, 0.4);
+    padding-right: 5px;
-	border: 0.5px solid @color15;
+    padding-left: 5px;
-	border-radius: 10px;
+	border: 5px solid @color14;
+	border-radius: 0px 0px 100px 0px;
+	background-color: @color1;
+
 }
-/*-----modules indv----*/
 
 #workspaces button {
-	color: @color1;
+    padding: 2px;
-	padding: 0px 0px;
+    color: #6E6A86;
-	background-color: rgba(0, 0, 0, 0);
+    margin-right: 5px;
-	transition: all 0.3s ease-in-out;
 }
-#workspaces button:hover {
+
-	box-shadow: inherit;
+#workspaces button.active {
-	background-color: @color2;
+    color: @foreground;
+    border-radius: 40%;
+    background-color: @color0;
 }
 
 #workspaces button.focused {
-	background-color: rgba(0,85,102,0);
+    color: @color4;
+}
+
+#workspaces button.urgent {
+    color: #11111b;
+    border-radius: 10px;
+}
+
+#workspaces button:hover {
+    color: @color4;
+    border-radius: 15px;
 }
-#workspaces button.active {
-	color: @foreground;
-	/*background-color: rgba(0,85,102,0.3);*/
-	transition: all 0.3s ease-in-out;
 
+#clock#2 {
+    color: @color6;
 }
 
 #backlight,
@@ -124,42 +140,19 @@ tooltip label{
 #custom-weather.clearNight,
 #custom-weather.cloudyFoggyDay,
 #custom-weather.cloudyFoggyNight,
-#custom-weather.default 
+#custom-weather.default #custom-weather.rainyDay,
-#custom-weather.rainyDay,
 #custom-weather.rainyNight,
 #custom-weather.severe,
 #custom-weather.showyIcyDay,
 #custom-weather.snowyIcyNight,
 #custom-weather.sunnyDay {
-	padding: 0px 6px;
+	color: @foreground;
-}
+    padding-right: 10px;
-#mode {
+    padding-left: 15px;
-	color: #cc3436;
-	font-weight: bold;
-}
-#custom-power {
-	/*background-color: rgba(0,119,179,0.6);*/
-	/*border-radius: 50px;*/
-	margin: 5px 5px;
-	padding: 1px 3px;
-}
-/*-----Indicators----*/
-#idle_inhibitor.activated {
-	color: #2dcc36;
-}
-#pulseaudio.muted {
-	color: #cc3436;
-}
-#pulseaudio-microphone.muted {
-	color: #cc3436;
-}
-#temperature.critical {
-	color: #cc3436;
 }
 
-#waybar {
+#temperature.critical {
-	background-color: @color14;
+    background-color: #ff0000;
-	color: @color3;
 }
 
 @keyframes blink {
@@ -168,6 +161,10 @@ tooltip label{
     }
 }
 
+#taskbar button.active {
+    background-color: rgb(47, 46, 46);
+}
+
 #battery.critical:not(.charging) {
     color: #f53c3c;
     animation-name: blink;
@@ -177,9 +174,46 @@ tooltip label{
     animation-direction: alternate;
 }
 
-#taskbar button.active {
+#pulseaudio-slider slider {
-	background-color: #7f849c;
+    min-width: 0px;
+    min-height: 0px;
+    opacity: 0;
+    background-image: none;
+    border: none;
+    box-shadow: none;
 }
-#waybar.empty, #waybar.tiled, #waybar.floating {
+
-	background-color: transparent;
+#pulseaudio-slider trough {
+    min-width: 80px;
+    min-height: 5px;
+    border-radius: 5px;
+    background-color: #22252a;
+}
+
+#pulseaudio-slider highlight {
+    min-height: 10px;
+    border-radius: 5px;
+    background-color: #ba5663;
+}
+
+#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;
+    background-color: #22252a;
+}
+
+#backlight-slider highlight {
+    min-width: 10px;
+    border-radius: 5px;
+    background-color: #ba5663;
 }