Separated vertical waybar modules; added waybar style Latte-Wallust v2 (continous bar)

9 files changed, 507 insertions, 118 deletions

diff --git a/config/waybar/Modules b/config/waybar/Modules
index 4984e5ee..af527737 100644
--- a/config/waybar/Modules
+++ b/config/waybar/Modules
@@ -1,9 +1,10 @@
 //* ---- 💫 https://github.com/JaKooLit 💫 ---- *//
 /* Waybar Modules */
 
-/* NOTE: hyprland-workspaces, Custom Modules & Groups on a separate files */
+/* NOTE: hyprland-workspaces, Custom Modules, Custom Vertical & Groups on a separate files */
 
 {
+
 "temperature": {
 	"interval": 10,
 	"tooltip": true,
@@ -21,23 +22,6 @@
 	"on-click-right": "kitty --title nvtop sh -c 'nvtop'"
 },
 
-"temperature#vertical": {
-	"interval": 10,
-	"tooltip": true,
-	"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",
-	"format": " {icon}",
-	"format-icons": [
-		"󰈸"
-	],
-	"on-click-right": "kitty --title nvtop sh -c 'nvtop'"
-},
-
 "backlight": {
 	"interval": 2,
 	"align": 0,
@@ -64,11 +48,13 @@
 	"on-scroll-down": "$HOME/.config/hypr/scripts/Brightness.sh --dec",
 	"smooth-scrolling-threshold": 1,
 },
+
 "backlight#2": {
   "device": "intel_backlight",
   "format": "{icon} {percent}%",
   "format-icons": ["", ""]
 },
+
 "battery": {
 	//"interval": 5,
 	"align": 0,
@@ -97,6 +83,7 @@
 	"on-click-middle": "$HOME/.config/hypr/scripts/ChangeBlur.sh",
 	"on-click-right": "$HOME/.config/hypr/scripts/Wlogout.sh",
 },
+
 "bluetooth": {
 	"format": " ",
 	"format-disabled": "󰂳",
@@ -107,6 +94,7 @@
 	"tooltip": true,
 	"on-click": "blueman-manager",
 },
+
 "clock": {
 	"interval": 1,
     //"format": " {:%I:%M %p}", // AM PM format
@@ -127,6 +115,7 @@
 		}
 	}
 },
+
 "actions": {
 	"on-click-right": "mode",
 	"on-click-forward": "tz_up",
@@ -134,17 +123,20 @@
 	"on-scroll-up": "shift_up",
 	"on-scroll-down": "shift_down"
 },
+
 "clock#2": {
     //"format": " {:%I:%M %p}", // AM PM format
     "format": "  {:%H:%M}", // 24H
     "format-alt": "{:%A  |  %H:%M  |  %e %B}",
     "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>"
 },
+
 "clock#3": {
     //"format": "{:%I:%M %p - %d/%b}", //for AM/PM
     "format": "{:%H:%M - %d/%b}", // 24H
 	"tooltip": false
 },
+
 "clock#4": {
 	"interval": 60,
     //"format": "{:%B | %a %d, %Y | %I:%M %p}", // AM PM format
@@ -152,12 +144,14 @@
 	"format-alt": "{:%a %b %d, %G}",
 	"tooltip-format": "<big>{:%B %Y}</big>\n<tt><small>{calendar}</small></tt>",
 },
+
 "clock#5": {
     //"format": "{:%A, %I:%M %P}", // AM PM format
     "format": "{:%a %d | %H:%M}", // 24H
 	"format-alt": "{:%A, %d %B, %Y (%R)}",
 	"tooltip-format": "<big>{:%B %Y}</big>\n<tt><small>{calendar}</small></tt>",
 },
+
 "cpu": {
 	"format": "{usage}% 󰍛",
 	"interval": 1,
@@ -169,6 +163,7 @@
 	],
 	"on-click-right": "gnome-system-monitor",
 },
+
 "disk": {
 	"interval": 30,
 	//"format": "󰋊",
@@ -178,6 +173,7 @@
 	//"tooltip": true,
 	"tooltip-format": "{used} used out of {total} on {path} ({percentage_used}%)",
 },
+
 "hyprland/language": {
 	"format": "Lang: {}",
 	"format-en": "US",
@@ -185,10 +181,12 @@
 	"keyboard-name": "at-translated-set-2-keyboard",
 	"on-click": "hyprctl switchxkblayout $SET_KB next"
 },
+
 "hyprland/submap": {
 	"format": "<span style=\"italic\">  {}</span>", // Icon: expand-arrows-alt
 	"tooltip": false,
 },
+
 "hyprland/window": {
 	"format": "{}",
 	"max-length": 20,
@@ -202,6 +200,7 @@
 		"(.*) - $term": "> [$1]",
 	},
 },
+
 "idle_inhibitor": {
 	"tooltip": true,
 	"tooltip-format-activated": "Idle_inhibitor active",
@@ -212,6 +211,7 @@
 		"deactivated": " ",
 	}
 },
+
 "keyboard-state": {
 	//"numlock": true,
 	"capslock": true,
@@ -224,6 +224,7 @@
 		"unlocked": ""
 	},
 },
+
 "memory": {
 	"interval": 10,
 	"format": "{used:0.1f}G 󰾆",
@@ -233,6 +234,7 @@
 	"tooltip-format": "{used:0.1f}GB/{total:0.1f}G",
 	"on-click-right": "kitty --title btop sh -c 'btop'"
 },
+
 "mpris": {
 	"interval": 10,
 	"format": "{player_icon} ",
@@ -262,6 +264,7 @@
 	// "ignored-players": ["firefox"]
 	"max-length": 30,
 },
+
 "network": {
 	"format": "{ifname}",
 	"format-wifi": "{icon}",
@@ -278,6 +281,7 @@
 	],
 	"on-click-right": "kitty nmtui"
 },
+
 "network#speed": {
 	"interval": 1,
 	"format": "{ifname}",
@@ -295,6 +299,7 @@
 		"󰤯", "󰤟", "󰤢", "󰤥", "󰤨"
 	]
 },
+
 "power-profiles-daemon": {
   "format": "{icon} ",
   "tooltip-format": "Power profile: {profile}\nDriver: {driver}",
@@ -306,6 +311,7 @@
     "power-saver": ""
   }
 },
+
 "pulseaudio": {
 	"format": "{icon} {volume}%",
 	"format-bluetooth": "{icon} 󰂰 {volume}%",
@@ -332,6 +338,7 @@
 	"tooltip-format": "{icon} {desc} | {volume}%",
 	"smooth-scrolling-threshold": 1,
 },
+
 "pulseaudio#1": {
   "format": "{icon} {volume}%",
   "format-bluetooth": "{icon} {volume}%",
@@ -351,6 +358,7 @@
   "tooltip": true,
   "tooltip-format": "{icon} {desc} | {volume}%",
 },
+
 "pulseaudio#microphone": {
 	"format": "{format_source}",
 	"format-source": " {volume}%",
@@ -362,10 +370,12 @@
 	"tooltip-format": "{source_desc} | {source_volume}%",
 	"scroll-step": 5,
 },
+
 "tray": {
 	"icon-size": 20,
 	"spacing": 4,
 },
+
 "wireplumber": {
 	"format": "{icon} {volume} %",
 	"format-muted": " Mute",
@@ -377,6 +387,7 @@
 		"", "", "󰕾", ""
 	],
 },
+
 "wlr/taskbar": {
 	"format": "{icon} {name}",
 	"icon-size": 16,
@@ -391,99 +402,4 @@
     "kitty-dropterm"
 		],
 },
-
-// Modules below are for vertical layout
-"backlight#vertical": {
-	"interval": 2,
-	"align": 0.35,
-	"rotate": 1,
-	"format": "{icon}",
-	//"format-icons": ["󰃞", "󰃟", "󰃠"],
-	"format-icons": [
-		"", "", "", "", "", "", "", "", "", "", "", "", "", "", ""
-	],
-	"on-click": "",
-	"on-click-middle": "",
-	"on-click-right": "",
-	"on-update": "",
-	"on-scroll-up": "$HOME/.config/hypr/scripts/Brightness.sh --inc",
-	"on-scroll-down": "$HOME/.config/hypr/scripts/Brightness.sh --dec",
-	"smooth-scrolling-threshold": 1,
-	"tooltip-format": "{percent}%",
-},
-"clock#vertical": {
-	"format": "\n{:%H\n%M\n%S\n\n \n%d\n%m\n%y}",
-	"interval": 1,
-	//"format": "\n{:%I\n%M\n%p\n\n \n%d\n%m\n%y}",
-	"tooltip": true,
-	"tooltip-format": "{calendar}",
-	"calendar": {
-		"mode": "year",
-		"mode-mon-col": 3,
-		"format": {
-			"today": "<span color='#0dbc79'>{}</span>",
-		}
-	}
-},
-"cpu#vertical": {
-	"format": "󰍛\n{usage}%",
-	"interval": 1,
-	"on-click-right": "gnome-system-monitor",
-},
-"memory#vertical": {
-	"interval": 10,
-	"format": "󰾆\n{percentage}%",
-	"format-alt": "󰾆\n{used:0.1f}G",
-	"format-alt-click": "click",
-	"tooltip": true,
-	"tooltip-format": "{used:0.1f}GB/{total:0.1f}G",
-	"on-click-right": "kitty --title btop sh -c 'btop'",
-},
-"pulseaudio#vertical": {
-	"format": "{icon}",
-	"format-bluetooth": "󰂰",
-	"format-muted": "󰖁",
-	"format-icons": {
-		"headphone": "",
-		"hands-free": "",
-		"headset": "",
-		"phone": "",
-		"portable": "",
-		"car": "",
-		"default": [
-			"", "", "󰕾", ""
-		],
-		"tooltip-format": "{icon} {desc} | {volume}%",
-		"ignored-sinks": [
-			"Easy Effects Sink"
-		],
-	},
-	"scroll-step": 5.0,
-	"on-click": "$HOME/.config/hypr/scripts/Volume.sh --toggle",
-	"on-click-right": "pavucontrol -t 3",
-	"on-scroll-up": "$HOME/.config/hypr/scripts/Volume.sh --inc",
-	"on-scroll-down": "$HOME/.config/hypr/scripts/Volume.sh --dec",
-	"tooltip-format": "{icon} {desc} | {volume}%",
-	"smooth-scrolling-threshold": 1,
-},
-"pulseaudio#microphone_vertical": {
-	"format": "{format_source}",
-	"format-source": "󰍬",
-	"format-source-muted": "󰍭",
-	"on-click-right": "pavucontrol",
-	"on-click": "$HOME/.config/hypr/scripts/Volume.sh --toggle-mic",
-	"on-scroll-up": "$HOME/.config/hypr/scripts/Volume.sh --mic-inc",
-	"on-scroll-down": "$HOME/.config/hypr/scripts/Volume.sh --mic-dec",
-	"max-volume": 100,
-	"tooltip": true,
-	"tooltip-format": "{source_desc} | {source_volume}%",
-},
-"custom/power_vertical": {
-	"format": "⏻",
-	"exec": "echo ; echo 󰟡 power // blur",
-	"on-click": "$HOME/.config/hypr/scripts/Wlogout.sh",
-	"on-click-right": "$HOME/.config/hypr/scripts/ChangeBlur.sh",
-	"interval": 86400, // once every day
-	"tooltip": true,
-},
-}
+}
\ No newline at end of file
diff --git a/config/waybar/ModulesVertical b/config/waybar/ModulesVertical
new file mode 100644
index 00000000..5dea07ef
--- /dev/null
+++ b/config/waybar/ModulesVertical
@@ -0,0 +1,122 @@
+//* ---- 💫 https://github.com/JaKooLit 💫 ---- *//
+/* Waybar Modules for vertical modules or vertical layout */
+
+/* NOTE: hyprland-workspaces, Custom Modules & Groups on a separate files */
+
+{
+
+"temperature#vertical": {
+	"interval": 10,
+	"tooltip": true,
+	"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",
+	"format": " {icon}",
+	"format-icons": [
+		"󰈸"
+	],
+	"on-click-right": "kitty --title nvtop sh -c 'nvtop'"
+},
+
+"backlight#vertical": {
+	"interval": 2,
+	"rotate": 1,
+	"format": "{icon}",
+	//"format-icons": ["󰃞", "󰃟", "󰃠"],
+	"format-icons": [
+		"", "", "", "", "", "", "", "", "", "", "", "", "", "", ""
+	],
+	"on-click": "",
+	"on-click-middle": "",
+	"on-click-right": "",
+	"on-update": "",
+	"on-scroll-up": "$HOME/.config/hypr/scripts/Brightness.sh --inc",
+	"on-scroll-down": "$HOME/.config/hypr/scripts/Brightness.sh --dec",
+	"smooth-scrolling-threshold": 1,
+	"tooltip-format": "backlight {percent}%",
+},
+
+"clock#vertical": {
+	"format": "\n{:%H\n%M\n%S\n\n \n%d\n%m\n%y}",
+	"interval": 1,
+	//"format": "\n{:%I\n%M\n%p\n\n \n%d\n%m\n%y}",
+	"tooltip": true,
+	"tooltip-format": "{calendar}",
+	"calendar": {
+		"mode": "year",
+		"mode-mon-col": 3,
+		"format": {
+			"today": "<span color='#0dbc79'>{}</span>",
+		}
+	}
+},
+
+"cpu#vertical": {
+	"format": "󰍛\n{usage}%",
+	"interval": 1,
+	"on-click-right": "gnome-system-monitor",
+},
+
+"memory#vertical": {
+	"interval": 10,
+	"format": "󰾆\n{percentage}%",
+	"format-alt": "󰾆\n{used:0.1f}G",
+	"format-alt-click": "click",
+	"tooltip": true,
+	"tooltip-format": "{used:0.1f}GB/{total:0.1f}G",
+	"on-click-right": "kitty --title btop sh -c 'btop'",
+},
+
+"pulseaudio#vertical": {
+	"format": "{icon}",
+	"format-bluetooth": "󰂰",
+	"format-muted": "󰖁",
+	"format-icons": {
+		"headphone": "",
+		"hands-free": "",
+		"headset": "",
+		"phone": "",
+		"portable": "",
+		"car": "",
+		"default": [
+			"", "", "󰕾", ""
+		],
+		"tooltip-format": "{icon} {desc} | {volume}%",
+		"ignored-sinks": [
+			"Easy Effects Sink"
+		],
+	},
+	"scroll-step": 5.0,
+	"on-click": "$HOME/.config/hypr/scripts/Volume.sh --toggle",
+	"on-click-right": "pavucontrol -t 3",
+	"on-scroll-up": "$HOME/.config/hypr/scripts/Volume.sh --inc",
+	"on-scroll-down": "$HOME/.config/hypr/scripts/Volume.sh --dec",
+	"tooltip-format": "{icon} {desc} | {volume}%",
+	"smooth-scrolling-threshold": 1,
+},
+
+"pulseaudio#microphone_vertical": {
+	"format": "{format_source}",
+	"format-source": "󰍬",
+	"format-source-muted": "󰍭",
+	"on-click-right": "pavucontrol",
+	"on-click": "$HOME/.config/hypr/scripts/Volume.sh --toggle-mic",
+	"on-scroll-up": "$HOME/.config/hypr/scripts/Volume.sh --mic-inc",
+	"on-scroll-down": "$HOME/.config/hypr/scripts/Volume.sh --mic-dec",
+	"max-volume": 100,
+	"tooltip": true,
+	"tooltip-format": "{source_desc} | {source_volume}%",
+},
+
+"custom/power_vertical": {
+	"format": "⏻",
+	"on-click": "$HOME/.config/hypr/scripts/Wlogout.sh",
+	"on-click-right": "$HOME/.config/hypr/scripts/ChangeBlur.sh",
+	"tooltip": true,
+	"tooltip-format": "Left Click: Logout Menu\nRight Click: Change Blur",
+},
+}
diff --git a/config/waybar/configs/[BOT & Left] SouthWest b/config/waybar/configs/[BOT & Left] SouthWest
index a38db32c..adaaca6f 100644
--- a/config/waybar/configs/[BOT & Left] SouthWest
+++ b/config/waybar/configs/[BOT & Left] SouthWest
@@ -54,6 +54,7 @@
   "$HOME/.config/waybar/ModulesWorkspaces",
   "$HOME/.config/waybar/ModulesCustom",
   "$HOME/.config/waybar/ModulesGroups",
+  "$HOME/.config/waybar/ModulesVertical",
   ],
 "layer": "top",
 "position": "left",
@@ -73,12 +74,12 @@
     ],
     
 "modules-center": [
-    "clock#vertical",
+    "clock#vertical"
     ],
     
 "modules-right": [
-		"mpris",
-		"custom/swaync",
+	"mpris",
+	"custom/swaync",
     "tray",
     "custom/light_dark",
     ],
diff --git a/config/waybar/configs/[BOT & Right] SouthEast b/config/waybar/configs/[BOT & Right] SouthEast
index 27cc7ceb..e78e1edb 100644
--- a/config/waybar/configs/[BOT & Right] SouthEast
+++ b/config/waybar/configs/[BOT & Right] SouthEast
@@ -54,6 +54,7 @@
   "$HOME/.config/waybar/ModulesWorkspaces",
   "$HOME/.config/waybar/ModulesCustom",
   "$HOME/.config/waybar/ModulesGroups",
+  "$HOME/.config/waybar/ModulesVertical",
   ],
 "layer": "top",
 "position": "right",
diff --git a/config/waybar/configs/[Left] WestWing b/config/waybar/configs/[Left] WestWing
index 4fec3cd2..7b0b87c2 100644
--- a/config/waybar/configs/[Left] WestWing
+++ b/config/waybar/configs/[Left] WestWing
@@ -8,6 +8,7 @@
   "$HOME/.config/waybar/ModulesWorkspaces",
   "$HOME/.config/waybar/ModulesCustom",
   "$HOME/.config/waybar/ModulesGroups",
+  "$HOME/.config/waybar/ModulesVertical",
   ],
 "layer": "top",
 "position": "left",
@@ -21,7 +22,7 @@
 //"gtk-layer-shell": true,
   
 "modules-left": [
-	"clock#vertical",
+    "clock#vertical",
 	"custom/light_dark",
 ],
 
diff --git a/config/waybar/configs/[Right] EastWing b/config/waybar/configs/[Right] EastWing
index 2a3acebb..c3303c61 100644
--- a/config/waybar/configs/[Right] EastWing
+++ b/config/waybar/configs/[Right] EastWing
@@ -8,6 +8,7 @@
   "$HOME/.config/waybar/ModulesWorkspaces",
   "$HOME/.config/waybar/ModulesCustom",
   "$HOME/.config/waybar/ModulesGroups",
+  "$HOME/.config/waybar/ModulesVertical",
   ],
 "layer": "top",
 "position": "right",
diff --git a/config/waybar/configs/[TOP & Left] NorthWest b/config/waybar/configs/[TOP & Left] NorthWest
index c6ebf4a7..18ce0b5d 100644
--- a/config/waybar/configs/[TOP & Left] NorthWest
+++ b/config/waybar/configs/[TOP & Left] NorthWest
@@ -51,6 +51,7 @@
   "$HOME/.config/waybar/ModulesWorkspaces",
   "$HOME/.config/waybar/ModulesCustom",
   "$HOME/.config/waybar/ModulesGroups",
+  "$HOME/.config/waybar/ModulesVertical",
   ],
 "layer": "top",
 "position": "left",
diff --git a/config/waybar/configs/[TOP & Right] NorthEast b/config/waybar/configs/[TOP & Right] NorthEast
index ae588fb4..ebd97aef 100644
--- a/config/waybar/configs/[TOP & Right] NorthEast
+++ b/config/waybar/configs/[TOP & Right] NorthEast
@@ -51,6 +51,7 @@
   "$HOME/.config/waybar/ModulesWorkspaces",
   "$HOME/.config/waybar/ModulesCustom",
   "$HOME/.config/waybar/ModulesGroups",
+  "$HOME/.config/waybar/ModulesVertical",
   ],
 "layer": "top",
 "position": "right",
diff --git a/config/waybar/style/[Dark] Latte-Wallust combined v2.css b/config/waybar/style/[Dark] Latte-Wallust combined v2.css
new file mode 100644
index 00000000..16e46aef
--- /dev/null
+++ b/config/waybar/style/[Dark] Latte-Wallust combined v2.css
@@ -0,0 +1,345 @@
+/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
+/* Catppuccin Latte - Wallust v2 */
+
+@define-color white      	#F2F2F2;
+@define-color black      	#000000;
+@define-color text       	#FFFFFF;
+@define-color lightgray  	#686868;
+@define-color darkgray   	#353535;
+
+@define-color transparent	rgba(1, 1, 1, 0.5);
+@define-color teal-trans	rgba(1, 117, 84, 0.5);
+@define-color cyan			rgba(53, 140, 169, 1);
+
+@define-color background-module     @transparent;
+@define-color background-module2	@color11;
+@define-color border-color          @color12;
+@define-color button-color          @color10;
+@define-color button-hover          @color13;
+
+@import '../../.config/waybar/wallust/colors-waybar.css';
+@import "../waybar/style/catppuccin-themes/latte.css";
+
+* {
+    font-family: "JetBrainsMono Nerd Font";
+    font-weight: bold;
+	min-height: 0;  
+    /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
+    font-size: 97%;
+    font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
+}
+
+window#waybar {
+    background-color: @background-module;
+    border-radius:15px;
+    border-bottom:2px solid @border-color;
+	padding-top: 2px;
+	padding-bottom: 0px;
+	padding-right: 4px;
+	padding-left: 4px;
+}
+
+window#waybar.hidden {
+    opacity: 0;
+}
+
+window#waybar.empty,
+window#waybar.empty #window {
+    padding: 0px;
+    border: 0px;
+    background-color: transparent;
+}
+
+tooltip {
+    background: #1e1e2e;
+    border-radius: 12px;
+    border-width: 1px;
+    border-style: solid;
+    border-color: @border-color;
+    color: #ffffff;
+}
+
+#workspaces {
+    padding: 0px 1px;
+    border-radius: 15px;
+    border-bottom: 2px solid @border-color;
+    font-weight: bold;
+    font-style: normal;
+    opacity: 0.8;
+}   
+#workspaces button {
+    color: @foreground;
+    box-shadow: none;
+	text-shadow: none;
+    border-radius: 30px;
+    padding-left: 4px;
+    padding-right: 4px;
+    animation: gradient_f 20s ease-in infinite;
+    transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
+}
+
+#workspaces button.active {
+    color: #ffd700;
+    border-radius: 50%;
+    background-color: black;
+    border-radius: 15px;
+    padding-left: 8px;
+    padding-right: 8px;
+    animation: gradient_f 20s ease-in infinite;
+    transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
+}
+
+#workspaces button.focused {
+    color: #d8dee9;
+}
+
+#workspaces button.urgent {
+    color: #11111b;
+    border-radius: 10px;
+}
+
+#workspaces button:hover {
+    color: #ffd700;
+    border-radius: 10px;
+ 	padding-left: 2px;
+    padding-right: 2px;
+    animation: gradient_f 20s ease-in infinite;
+    transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
+}
+
+#clock#2 {
+    color: #efe8f7;
+}
+
+/*-----module groups----*/
+.modules-center {
+    background-color: @background-module2;
+    border-radius: 10px;
+	border-bottom: 2px solid @border-color;
+	border-right: 1px solid @button-hover;
+	border-left: 1px solid @button-hover;
+}
+
+#backlight,
+#backlight-slider,
+#battery,
+#bluetooth,
+#clock,
+#cpu,
+#disk,
+#idle_inhibitor,
+#keyboard-state,
+#memory,
+#mode,
+#mpris,
+#network,
+#power-profiles-daemon,
+#pulseaudio,
+#pulseaudio-slider,
+#taskbar,
+#temperature,
+#tray,
+#window,
+#wireplumber,
+#workspaces,
+#custom-backlight,
+#custom-browser,
+#custom-cava_mviz,
+#custom-cycle_wall,
+#custom-file_manager,
+#custom-keybinds,
+#custom-keyboard,
+#custom-light_dark,
+#custom-lock,
+#custom-hint,
+#custom-hypridle,
+#custom-menu,
+#custom-power_vertical,
+#custom-power,
+#custom-settings,
+#custom-spotify,
+#custom-swaync,
+#custom-tty,
+#custom-updater,
+#custom-weather,
+#custom-weather.clearNight,
+#custom-weather.cloudyFoggyDay,
+#custom-weather.cloudyFoggyNight,
+#custom-weather.default, 
+#custom-weather.rainyDay,
+#custom-weather.rainyNight,
+#custom-weather.severe,
+#custom-weather.showyIcyDay,
+#custom-weather.snowyIcyNight,
+#custom-weather.sunnyDay {
+    color: @foreground;
+	padding-right: 6px;
+	padding-left: 6px;;
+}
+
+#temperature.critical {
+    background-color: #ff0000;
+}
+
+@keyframes blink {
+    to {
+        color: #000000;
+    }
+}
+
+#taskbar button.active {
+    background-color: rgb(47, 46, 46);
+    padding-left: 12px;
+    padding-right: 12px;
+    animation: gradient_f 20s ease-in infinite;
+    transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
+}
+
+#taskbar button:hover {
+    padding-left: 3px;
+    padding-right: 3px;
+    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;
+    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;
+}
+#pulseaudio-slider,
+#pulseaudio {
+	color: @color13;
+}
+
+#pulseaudio.muted {
+    color: red;
+}
+
+#memory {
+	color: @sapphire;
+}
+
+#cpu {
+	color: @mauve;
+}
+
+#battery {
+	color: @rosewater;
+}
+
+#disk {
+	color: @sky;
+}
+
+#temperature.critical {
+    background-color: @red;
+}
+
+#battery.critical:not(.charging) {
+	color: #f53c3c;
+	animation-name: blink;
+	animation-duration: 3.0s;
+	animation-timing-function: steps(12);
+	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;
+}
+
+#custom-hypridle,
+#custom-lock,
+#idle_inhibitor {
+    color: @teal;
+}
+
+/*-----Indicators----*/
+#custom-hypridle.notactive,
+#idle_inhibitor.activated {
+	color: #39FF14;
+}
+
+#clock {
+	color: @sapphire;
+    border-radius: 15px;
+}
+#custom-updates {
+    color: @yellow;
+}
+#swaync{
+    color: #ffd700;}