Merge pull request #23 from JaKooLit/waybar

New Waybar flavours!

16 files changed, 1283 insertions, 185 deletions

diff --git a/config/waybar/style/style-Black-&-White.css b/config/waybar/style/Black-&-White.css
index 30e536c1..30e536c1 100644
--- a/config/waybar/style/style-Black-&-White.css
+++ b/config/waybar/style/Black-&-White.css
diff --git a/config/waybar/style/style-catppuccin-latte.css b/config/waybar/style/Catppuccin-Latte.css
index 6419148e..6419148e 100644
--- a/config/waybar/style/style-catppuccin-latte.css
+++ b/config/waybar/style/Catppuccin-Latte.css
diff --git a/config/waybar/style/style-catppuccin-mocha.css b/config/waybar/style/Catppuccin-Mocha.css
index 856271ed..856271ed 100644
--- a/config/waybar/style/style-catppuccin-mocha.css
+++ b/config/waybar/style/Catppuccin-Mocha.css
diff --git a/config/waybar/style/Crimson.css b/config/waybar/style/Crimson.css
new file mode 100644
index 00000000..cc67bf9b
--- /dev/null
+++ b/config/waybar/style/Crimson.css
@@ -0,0 +1,204 @@
+/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
+/* ....................................*/
+/* ..........Crimson.................. */
+/* ................................... */
+/* --- 👍 designed by https://github.com/Krautt  👍 --- */
+
+*{
+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: 98%;
+font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
+}
+	
+window#waybar {
+	background: #240303;
+	color: wheat;
+	border-radius: 00px 0px 100px 100px;
+	border: 1px solid grey;
+}
+	
+window#waybar.hidden {
+	opacity: 0.5;
+}
+window#waybar.empty {
+	
+}
+	
+window#waybar.empty #window {
+    padding: 0px;
+    margin: 0px;
+    border: 0px;
+    /*  background-color: rgba(66,66,66,0.5); */ /* transparent */
+    background-color: transparent;
+}	   
+
+tooltip {
+	background: #1e1e2e;
+	border-radius: 10px;
+	border-width: 2px;
+	border-style: solid;
+	border-color: #11111b;
+	color: #cba6f7;
+}
+
+/*-----module groups----*/
+.modules-right {
+	padding-right: 5px;
+	padding-left: 5px;
+}
+	
+.modules-center {
+		
+}
+	
+.modules-left {
+	padding-right: 5px;
+	padding-left: 5px;
+}
+	
+#workspaces button {
+	color: wheat;
+	padding: 5px;
+}
+	   
+#workspaces button.active {
+	color: rgb(108, 18, 18);
+	background-color: #000000;
+	border: 1px solid grey;
+}
+	  
+#workspaces button.focused {
+	color: #d8dee9;
+}
+	   
+#workspaces button.urgent {
+	color: #11111b;
+	border-radius: 10px;
+}
+		   
+#workspaces button:hover {
+	color: rgb(71, 14, 14);
+	background-color: #000000;
+}
+
+
+#backlight,
+#battery,
+#bluetooth,
+#cava,
+#clock,
+#cpu,
+#disk,
+#idle_inhibitor,
+#keyboard-state label,
+#keyboard-state label.locked,
+#keyboard-state,
+#memory,
+#mode,
+#mpd,
+#network,
+#pulseaudio,
+#taskbar button,
+#taskbar,
+#temperature,
+#tray,
+#window,
+#wireplumber,
+#workspaces,
+#custom-cycle_wall,
+#custom-keybinds,
+#custom-light_dark,
+#custom-lock,
+#custom-menu,
+#custom-power_vertical,
+#custom-power,
+#custom-spotify,
+#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: wheat;
+	padding-right: 10px;
+	padding-left: 10px;
+}
+		 
+#temperature.critical {
+	background-color: #ff0000;
+}
+	   
+@keyframes blink {
+	to {
+	color: #000000;
+	   }
+}
+	   
+#taskbar button.active {
+	background-color: rgb(128, 31, 31);
+	border: 1px solid grey;
+}
+		   
+#battery.critical:not(.charging) {
+	color: #f53c3c;
+	animation-name: blink;
+	animation-duration: 0.5s;
+	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;
+	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;
+}
+	
+	
\ No newline at end of file
diff --git a/config/waybar/style/Golden-Noir.css b/config/waybar/style/Golden-Noir.css
new file mode 100644
index 00000000..42dfe7b2
--- /dev/null
+++ b/config/waybar/style/Golden-Noir.css
@@ -0,0 +1,215 @@
+/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
+/* ...........................................*/
+/* ...............Golden Noir................ */
+/* .......................................... */
+/* --- 👍 designed by https://github.com/Krautt  👍 --- */
+
+
+* {
+    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: 98%;
+    font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
+    padding: 1px;
+}
+
+window#waybar {
+    background: #040406;
+    border-radius: 30px;
+    color: #cba6f7;
+
+}
+
+window#waybar.hidden {
+    opacity: 0.5;
+}
+
+window#waybar.empty {
+    background-color: #040406;
+}
+
+window#waybar.empty #window {
+    padding: 0px;
+    margin: 0px;
+    border: 0px;
+    /*  background-color: rgba(66,66,66,0.5); */
+    /* transparent */
+    background-color: transparent;
+}
+
+
+tooltip {
+    background: #1e1e2e;
+    border-radius: 10px;
+    border-width: 2px;
+    border-style: solid;
+    border-color: #11111b;
+    color: #cba6f7;
+}
+
+/*-----module groups----*/
+.modules-right {
+    padding-right: 5px;
+    padding-left: 5px;
+
+}
+
+.modules-center {
+    border-left: 1px solid #ffd700;
+    border-right: 1px solid #ffd700;
+    border-radius: 20px;
+
+
+}
+
+.modules-left {
+    padding-right: 5px;
+    padding-left: 5px;
+
+}
+
+#workspaces button {
+    padding: 2px;
+    color: #6E6A86;
+    margin-right: 5px;
+}
+
+#workspaces button.active {
+    color: #ffd700;
+    border-radius: 50%;
+    background-color: black;
+}
+
+#workspaces button.focused {
+    color: #d8dee9;
+}
+
+#workspaces button.urgent {
+    color: #11111b;
+    border-radius: 10px;
+}
+
+#workspaces button:hover {
+    color: #ffd700;
+    border-radius: 15px;
+}
+
+#clock#2 {
+    color: #cba6f7;
+}
+
+#backlight,
+#battery,
+#bluetooth,
+#cava,
+#clock,
+#cpu,
+#disk,
+#idle_inhibitor,
+#keyboard-state label,
+#keyboard-state label.locked,
+#keyboard-state,
+#memory,
+#mode,
+#mpd,
+#network,
+#pulseaudio,
+#taskbar button,
+#taskbar,
+#temperature,
+#tray,
+#window,
+#wireplumber,
+#workspaces,
+#custom-cycle_wall,
+#custom-keybinds,
+#custom-light_dark,
+#custom-lock,
+#custom-menu,
+#custom-power_vertical,
+#custom-power,
+#custom-spotify,
+#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: #e5d9f5;
+    padding-right: 10px;
+    padding-left: 15px;
+}
+
+#temperature.critical {
+    background-color: #ff0000;
+}
+
+@keyframes blink {
+    to {
+        color: #000000;
+    }
+}
+
+#taskbar button.active {
+    background-color: rgb(47, 46, 46);
+}
+
+#battery.critical:not(.charging) {
+    color: #f53c3c;
+    animation-name: blink;
+    animation-duration: 0.5s;
+    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;
+    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;
+}
\ No newline at end of file
diff --git a/config/waybar/style/Purple.css b/config/waybar/style/Purple.css
new file mode 100644
index 00000000..9598ae6a
--- /dev/null
+++ b/config/waybar/style/Purple.css
@@ -0,0 +1,214 @@
+/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
+/* .........................................*/
+/* .............Purple..................... */
+/* ...................,.................... */
+/* --- 👍 designed by https://github.com/Krautt  👍 --- */
+
+* {
+	font-family: "JetBrains Mono 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: 98%;
+	font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
+	padding: 1px;
+}
+
+window#waybar {
+	background: #100214;
+	border-radius: 10px;
+	color: #cba6f7;
+}
+
+window#waybar.hidden {
+	opacity: 0.5;
+}
+
+window#waybar.empty {
+	background-color: transparent;
+	background: #100214;
+}
+
+window#waybar.empty #window {
+	padding: 0px;
+	margin: 0px;
+	border: 0px;
+	/*  background-color: rgba(66,66,66,0.5); */
+	/* transparent */
+	background-color: transparent;
+}
+
+
+tooltip {
+	background: #1e1e2e;
+	border-radius: 10px;
+	border-width: 2px;
+	border-style: solid;
+	border-color: #11111b;
+	color: #cba6f7;
+}
+
+/*-----module groups----*/
+.modules-right {
+	border: 5px solid #20052a;
+	border-radius: 100px 0px 0px 0px;
+	background-color: #3d174b;
+	padding-right: 5px;
+	padding-left: 5px;
+}
+
+.modules-center {
+	/*background-color: #1e1e2e;*/
+
+
+}
+
+.modules-left {
+	/*background-color: #1e1e2e;*/
+	border: 5px solid #20052a;
+	border-radius: 0px 0px 100px 0px;
+	background-color: #441a53;
+	padding-right: 5px;
+	padding-left: 5px;
+
+}
+
+#workspaces button {
+	padding: 2px;
+	color: #6E6A86;
+	margin-right: 5px;
+}
+
+#workspaces button.active {
+	color: #cba6f7;
+	border-radius: 50%;
+	background-color: black;
+}
+
+#workspaces button.focused {
+	color: #d8dee9;
+}
+
+#workspaces button.urgent {
+	color: #11111b;
+	border-radius: 10px;
+}
+
+#workspaces button:hover {
+	color: #9CCFD8;
+	border-radius: 15px;
+}
+
+#backlight,
+#battery,
+#bluetooth,
+#cava,
+#clock,
+#cpu,
+#disk,
+#idle_inhibitor,
+#keyboard-state label,
+#keyboard-state label.locked,
+#keyboard-state,
+#memory,
+#mode,
+#mpd,
+#network,
+#pulseaudio,
+#taskbar button,
+#taskbar,
+#temperature,
+#tray,
+#window,
+#wireplumber,
+#workspaces,
+#custom-cycle_wall,
+#custom-keybinds,
+#custom-light_dark,
+#custom-lock,
+#custom-menu,
+#custom-power_vertical,
+#custom-power,
+#custom-spotify,
+#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: whitesmoke;
+	padding: 0px 10px;
+
+}
+
+#temperature.critical {
+	background-color: #ff0000;
+}
+
+@keyframes blink {
+	to {
+		color: #000000;
+	}
+}
+
+#taskbar button.active {
+	background-color: purple;
+}
+
+#battery.critical:not(.charging) {
+	color: #f53c3c;
+	animation-name: blink;
+	animation-duration: 0.5s;
+	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;
+	background-color: #22252a;
+}
+
+#pulseaudio-slider highlight {
+	min-height: 10px;
+	border-radius: 5px;
+	background-color: purple;
+}
+
+#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: purple;
+}
\ No newline at end of file
diff --git a/config/waybar/style/Simple-Pink.css b/config/waybar/style/Simple-Pink.css
new file mode 100644
index 00000000..75e45b98
--- /dev/null
+++ b/config/waybar/style/Simple-Pink.css
@@ -0,0 +1,218 @@
+/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
+/* ..........................................*/
+/* .......Simple Pink....................... */
+/* ......................................... */
+/* --- 👍 designed by https://github.com/Krautt  👍 --- */
+
+* {
+	font-family: "JetBrains Mono 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: 98%;
+	font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
+
+}
+
+window#waybar {
+	background: black;
+	border-radius: 50px;
+	color: whitesmoke;
+}
+
+window#waybar.hidden {
+	opacity: 0.5;
+}
+
+window#waybar.empty {
+	background-color: black;
+}
+
+window#waybar.empty #window {
+	padding: 0px;
+	margin: 0px;
+	border: 0px;
+	/*  background-color: rgba(66,66,66,0.5); */
+	/* transparent */
+	background-color: transparent;
+}
+
+
+tooltip {
+	background: #1e1e2e;
+	border-radius: 10px;
+	border-width: 2px;
+	border-style: solid;
+	border-color: #11111b;
+	color: #cba6f7;
+}
+
+/*-----module groups----*/
+.modules-right {
+	border: 5px solid #19141b;
+	border-radius: 50px 50px 50px 50px;
+	background-color: #ba5663;
+	padding-right: 10px;
+	padding-left: 10px;
+	margin: 3px;
+}
+
+.modules-center {
+	background-color: black;
+
+
+}
+
+.modules-left {
+	border: 5px solid #0d0a0f;
+	border-radius: 50px 50px 50px 50px;
+	background-color: #ba5663;
+}
+
+#workspaces button {
+	color: pink;
+}
+
+#workspaces button.active {
+	color: whitesmoke;
+
+
+}
+
+#workspaces button.focused {
+	color: #c42a60;
+}
+
+#workspaces button.urgent {
+	color: #11111b;
+	border-radius: 10px;
+}
+
+#workspaces button:hover {
+	color: #ba5663;
+	background-color: #0d0a0d;
+
+}
+
+#taskbar button:hover {
+	color: #ba5663;
+	background-color: #0d0a0d;
+}
+
+
+
+#backlight,
+#battery,
+#bluetooth,
+#cava,
+#clock,
+#cpu,
+#disk,
+#idle_inhibitor,
+#keyboard-state label,
+#keyboard-state label.locked,
+#keyboard-state,
+#memory,
+#mode,
+#mpd,
+#network,
+#pulseaudio,
+#taskbar button,
+#taskbar,
+#temperature,
+#tray,
+#window,
+#wireplumber,
+#workspaces,
+#custom-cycle_wall,
+#custom-keybinds,
+#custom-light_dark,
+#custom-lock,
+#custom-menu,
+#custom-power_vertical,
+#custom-power,
+#custom-spotify,
+#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: whitesmoke;
+	padding: 0px 10px;
+
+}
+
+#temperature.critical {
+	background-color: #ff0000;
+}
+
+@keyframes blink {
+	to {
+		color: #000000;
+	}
+}
+
+#taskbar button.active {
+	background-color: pink;
+	border: 1px solid #22252a;
+
+}
+
+#battery.critical:not(.charging) {
+	color: #f53c3c;
+	animation-name: blink;
+	animation-duration: 0.5s;
+	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;
+	background-color: #22252a;
+}
+
+#pulseaudio-slider highlight {
+	min-height: 10px;
+	border-radius: 5px;
+	background-color: pink;
+}
+
+#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: pink;
+}
\ No newline at end of file
diff --git a/config/waybar/style/Transparent.css b/config/waybar/style/Transparent.css
new file mode 100644
index 00000000..569787bd
--- /dev/null
+++ b/config/waybar/style/Transparent.css
@@ -0,0 +1,205 @@
+/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
+/* ..........................................*/
+/* .......Transparent....................... */
+/* ......................................... */
+/* --- 👍 designed by https://github.com/Krautt  👍 --- */
+
+*{
+	font-family: "JetBrains Mono 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: 98%;
+	font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
+	padding: 1px;
+	}
+	
+	window#waybar {
+		background:transparent;
+		border-radius: 1px;
+		color: whitesmoke;
+	}
+	
+	window#waybar.hidden {
+		opacity: 0.5;
+	}
+	window#waybar.empty {
+		background-color: transparent;
+	}
+	
+	window#waybar.empty #window {
+	   padding: 0px;
+	   margin: 0px;
+	   border: 0px;
+	   /*  background-color: rgba(66,66,66,0.5); */ /* transparent */
+	   background-color: transparent;
+	}
+	  
+	   
+	tooltip {
+		background: #1e1e2e;
+		border-radius: 10px;
+		border-width: 2px;
+		border-style: solid;
+		border-color: #11111b;
+		color: #cba6f7;
+	}
+	/*-----module groups----*/
+	.modules-right {
+	
+	}
+	
+	.modules-center {
+	
+	
+		
+	}
+	
+	.modules-left {
+	
+	   
+	}
+	
+	#workspaces button {
+		padding: 2px;
+		color: #6E6A86;
+		margin-right: 5px;
+	}
+	   
+	#workspaces button.active {
+		color: whitesmoke;
+		
+	}
+	  
+	#workspaces button.focused {
+		color: #d8dee9;
+	}
+	   
+	#workspaces button.urgent {
+		color: #11111b;
+		border-radius: 10px;
+	}
+		   
+	#workspaces button:hover {
+		color: whitesmoke;
+	
+	}
+	
+
+	
+	#backlight,
+	#battery,
+	#bluetooth,
+	#cava,
+	#clock,
+	#cpu,
+	#disk,
+	#idle_inhibitor,
+	#keyboard-state label,
+	#keyboard-state label.locked,
+	#keyboard-state,
+	#memory,
+	#mode,
+	#mpd,
+	#network,
+	#pulseaudio,
+	#taskbar button,
+	#taskbar,
+	#temperature,
+	#tray,
+	#window,
+	#wireplumber,
+	#workspaces,
+	#custom-cycle_wall,
+	#custom-keybinds,
+	#custom-light_dark,
+	#custom-lock,
+	#custom-menu,
+	#custom-power_vertical,
+	#custom-power,
+	#custom-spotify,
+	#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:whitesmoke;
+		padding: 0px 10px;
+		
+	}
+		 
+	#temperature.critical {
+		background-color: #ff0000;
+	}
+	   
+	@keyframes blink {
+		to {
+		color: #000000;
+		   }
+	}
+	   
+	#taskbar button.active {
+		background-color: #7f849c;
+	}
+		   
+	#battery.critical:not(.charging) {
+		color: #f53c3c;
+		animation-name: blink;
+		animation-duration: 0.5s;
+		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;  /* Ajusta el ancho según tus preferencias */
+		min-height: 10px; /* Ajusta la altura según tus preferencias */
+		border-radius: 5px;
+		background-color: black;
+	}
+	
+	#pulseaudio-slider highlight {
+		min-height: 10px; /* Ajusta la altura según tus preferencias */
+		border-radius: 5px;
+		background-color: wheat;
+	}
+
+	#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;  /* Ajusta el ancho según tus preferencias */
+		min-height: 10px; /* Ajusta la altura según tus preferencias */
+		border-radius: 5px;
+		background-color: black;
+	}
+	
+	#backlight-slider highlight {
+		min-width: 10px; /* Ajusta el ancho según tus preferencias */
+		border-radius: 5px;
+		background-color: wheat;
+	}
+	
+	
\ No newline at end of file
diff --git a/config/waybar/style/style-colorful.css b/config/waybar/style/colorful.css
index 80b3f607..0fab7642 100644
--- a/config/waybar/style/style-colorful.css
+++ b/config/waybar/style/colorful.css
@@ -237,6 +237,7 @@ tooltip label{
 	background-color: #89dceb;
 }
 
+#custom-keybinds,
 #pulseaudio {
 	background-color: #fab387;
 }
diff --git a/config/waybar/style/style-colors-border.css b/config/waybar/style/colors-border.css
index 4aaef8ef..4aaef8ef 100644
--- a/config/waybar/style/style-colors-border.css
+++ b/config/waybar/style/colors-border.css
diff --git a/config/waybar/style/style-colors-line.css b/config/waybar/style/colors-line.css
index c5e11e8e..c5e11e8e 100644
--- a/config/waybar/style/style-colors-line.css
+++ b/config/waybar/style/colors-line.css
diff --git a/config/waybar/style/style-colors.css b/config/waybar/style/colors.css
index 2bae4fb8..2bae4fb8 100644
--- a/config/waybar/style/style-colors.css
+++ b/config/waybar/style/colors.css
diff --git a/config/waybar/style/style-dark.css b/config/waybar/style/dark.css
index 289c080c..3015b7e9 100644
--- a/config/waybar/style/style-dark.css
+++ b/config/waybar/style/dark.css
@@ -48,6 +48,8 @@ tooltip label {
     background-color: rgba(0, 0, 0, 0.8);
     border: 0px solid #b4befe;
     border-radius: 10px;
+    padding-right: 2px;
+    padding-left: 2px;
 }
 
 .modules-center {
@@ -60,6 +62,8 @@ tooltip label {
     background-color: rgba(0, 0, 0, 0.8);
     border: 0px solid #b4befe;
     border-radius: 10px;
+    padding-right: 2px;
+    padding-left: 2px;
     
 }
 
diff --git a/config/waybar/style/style-light.css b/config/waybar/style/light.css
index 6f73d916..1ec890bf 100644
--- a/config/waybar/style/style-light.css
+++ b/config/waybar/style/light.css
@@ -48,6 +48,8 @@ tooltip label {
 	background-color: rgba(232, 236, 241, 0.8);
 	border: 0px solid #b4befe;
 	border-radius: 10px;
+	padding-right: 2px;
+	padding-left: 2px;
 }
 
 .modules-center {
@@ -60,6 +62,8 @@ tooltip label {
 	background-color: rgba(232, 236, 241, 0.8);
 	border: 0px solid #b4befe;
 	border-radius: 10px;
+    padding-right: 2px;
+    padding-left: 2px;
 	
 }
 
diff --git a/config/waybar/style/pywal.css b/config/waybar/style/pywal.css
new file mode 100644
index 00000000..59804921
--- /dev/null
+++ b/config/waybar/style/pywal.css
@@ -0,0 +1,218 @@
+/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
+/* ...........................................*/
+/* ...............Golden Noir................ */
+/* .......................................... */
+/* --- 👍 designed by https://github.com/Krautt  👍 --- */
+
+@import '../../.cache/wal/colors-waybar.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: 98%;
+    font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
+    padding: 1px;
+}
+
+window#waybar {
+    background: transparent;
+}
+
+window#waybar.hidden {
+    opacity: 0.5;
+}
+
+window#waybar.empty {
+    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;
+}
+
+
+tooltip {
+    background: @background;
+    border-radius: 10px;
+    border-width: 1px;
+    border-style: solid;
+    border-color: @foreground;
+}
+
+/*-----module groups----*/
+.modules-right {
+	border: 3px solid @color14;
+	border-radius: 100px 0px 0px 0px;
+	background-color: @color1;
+    padding-right: 2px;
+    padding-left: 2px;
+
+}
+
+.modules-center {
+	border: 3px solid @color14;
+	border-radius: 100px 0px 100px 0px;
+	background-color: @background;
+
+
+}
+
+.modules-left {
+    padding-right: 2px;
+    padding-left: 2px;
+	border: 3px solid @color14;
+	border-radius: 0px 0px 100px 0px;
+	background-color: @color1;
+
+}
+
+#workspaces button {
+    padding: 2px;
+    color: @foreground;
+    margin-right: 5px;
+}
+
+#workspaces button.active {
+    color: @foreground;
+    border-radius: 40%;
+    background-color: @color0;
+}
+
+#workspaces button.focused {
+    color: @color4;
+}
+
+#workspaces button.urgent {
+    color: #11111b;
+    border-radius: 10px;
+}
+
+#workspaces button:hover {
+    color: @color4;
+    border-radius: 15px;
+}
+
+#clock#2 {
+    color: @color6;
+}
+
+#backlight,
+#battery,
+#bluetooth,
+#cava,
+#clock,
+#cpu,
+#disk,
+#idle_inhibitor,
+#keyboard-state label,
+#keyboard-state label.locked,
+#keyboard-state,
+#memory,
+#mode,
+#mpd,
+#network,
+#pulseaudio,
+#taskbar button,
+#taskbar,
+#temperature,
+#tray,
+#window,
+#wireplumber,
+#workspaces,
+#custom-cycle_wall,
+#custom-keybinds,
+#custom-light_dark,
+#custom-lock,
+#custom-menu,
+#custom-power_vertical,
+#custom-power,
+#custom-spotify,
+#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: 8px;
+    padding-left: 12px;
+}
+
+#temperature.critical {
+    background-color: #ff0000;
+}
+
+@keyframes blink {
+    to {
+        color: #000000;
+    }
+}
+
+#taskbar button.active {
+    background-color: rgb(47, 46, 46);
+}
+
+#battery.critical:not(.charging) {
+    color: #f53c3c;
+    animation-name: blink;
+    animation-duration: 0.5s;
+    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;
+    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;
+}
\ No newline at end of file
diff --git a/config/waybar/style/style-pywal.css b/config/waybar/style/style-pywal.css
deleted file mode 100644
index bd933d0b..00000000
--- a/config/waybar/style/style-pywal.css
+++ /dev/null
@@ -1,185 +0,0 @@
-/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
-
-* {
-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: 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.empty {
-	background-color: transparent;
-}
-
-window#waybar.empty #window {
-	padding: 0px;
-	margin: 0px;
-	border: 0px;
-	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);
-	opacity: 0.8;
-	border-radius: 10px;
-	border-width: 2px;
-}
-
-tooltip label{
-	color: @foreground;
-}
-/*-----module groups----*/
-.modules-right {
-	background-color: rgba(0, 0, 0, 0.4);
-	border: 0.5px solid @color15;
-	border-radius: 10px;
-}
-.modules-center {
-	background-color: rgba(0, 0, 0, 0.4);
-	border: 0.5px solid @color15;
-	border-radius: 10px;
-}
-.modules-left {
-	background-color: rgba(0, 0, 0, 0.4);
-	border: 0.5px solid @color15;
-	border-radius: 10px;
-}
-/*-----modules indv----*/
-
-#workspaces button {
-	color: @color1;
-	padding: 0px 0px;
-	background-color: rgba(0, 0, 0, 0);
-	transition: all 0.3s ease-in-out;
-}
-#workspaces button:hover {
-	box-shadow: inherit;
-	background-color: @color2;
-}
-
-#workspaces button.focused {
-	background-color: rgba(0,85,102,0);
-}
-#workspaces button.active {
-	color: @foreground;
-	/*background-color: rgba(0,85,102,0.3);*/
-	transition: all 0.3s ease-in-out;
-
-}
-
-#backlight,
-#battery,
-#bluetooth,
-#cava,
-#clock,
-#cpu,
-#disk,
-#idle_inhibitor,
-#keyboard-state label,
-#keyboard-state label.locked,
-#keyboard-state,
-#memory,
-#mode,
-#mpd,
-#network,
-#pulseaudio,
-#taskbar button,
-#taskbar,
-#temperature,
-#tray,
-#window,
-#wireplumber,
-#workspaces,
-#custom-cycle_wall,
-#custom-keybinds,
-#custom-light_dark,
-#custom-lock,
-#custom-menu,
-#custom-power_vertical,
-#custom-power,
-#custom-spotify,
-#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 {
-	padding: 0px 6px;
-}
-#mode {
-	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 {
-	background-color: @color14;
-	color: @color3;
-}
-
-@keyframes blink {
-	to {
-		color: #000000;
-	}
-}
-
-#battery.critical:not(.charging) {
-	color: #f53c3c;
-	animation-name: blink;
-	animation-duration: 0.5s;
-	animation-timing-function: linear;
-	animation-iteration-count: infinite;
-	animation-direction: alternate;
-}
-
-#taskbar button.active {
-	background-color: #7f849c;
-}
-#waybar.empty, #waybar.tiled, #waybar.floating {
-	background-color: transparent;
-}