Tweaked waybar styles

1 files changed, 202 insertions, 177 deletions

diff --git a/config/waybar/style/Transparent.css b/config/waybar/style/Transparent.css
index 569787bd..60b8341a 100644
--- a/config/waybar/style/Transparent.css
+++ b/config/waybar/style/Transparent.css
@@ -12,194 +12,219 @@
 	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 {
+	background:transparent;
+	border-radius: 1px;
+	color: whitesmoke;
+}
 	
-	window#waybar.hidden {
-		opacity: 0.5;
-	}
-	window#waybar.empty {
-		background-color: transparent;
-	}
+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;
-	}
-	  
+window#waybar.empty #window {
+   padding: 0px;
+   margin: 0px;
+   border: 0px;
+   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;
-	
-	}
-	
+tooltip {
+	background: #1e1e2e;
+	border-radius: 10px;
+	border-width: 2px;
+	border-style: solid;
+	border-color: #11111b;
+	color: #cba6f7;
+}
 
+/*-----module groups----*/
+.modules-right {
 	
-	#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;
+}
+
+.modules-center {
 		
-	}
-		 
-	#temperature.critical {
-		background-color: #ff0000;
-	}
+}
+
+.modules-left {
 	   
-	@keyframes blink {
-		to {
-		color: #000000;
-		   }
-	}
+}
+
+#workspaces button {
+	color: #6E6A86;
+	margin-right: 5px;
+   	box-shadow: none;
+	text-shadow: none;
+   	padding: 0px;
+   	border-radius: 9px;
+   	margin-top: 3px;
+   	margin-bottom: 3px;
+   	padding-left: 3px;
+   	padding-right: 3px;
+   	animation: gradient_f 20s ease-in infinite;
+   	transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
+}
+   
+#workspaces button.active {
+	color: whitesmoke;
+   	border-radius: 15px 15px 15px 15px;
+   	margin-left: 3px;
+   	padding-left: 12px;
+   	padding-right: 12px;
+   	margin-right: 3px;
+   	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;
+}
 	   
-	#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;
-	}
+#workspaces button:hover {
+	color: whitesmoke;
+    border-radius: 15px;
+ 	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;
-	}
+#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;
 	
-	#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;
-	}
+}
+	 
+#temperature.critical {
+	background-color: #ff0000;
+}
+   
+@keyframes blink {
+	to {
+	color: #000000;
+	   }
+}
+#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);
+}
+   
+#taskbar button.active {
+	background-color: #7f849c;
+    margin-left: 3px;
+    padding-left: 12px;
+    padding-right: 12px;
+    margin-right: 3px;
+    animation: gradient_f 20s ease-in infinite;
+    transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
+}
+	   
+#battery.critical:not(.charging) {
+	color: #f53c3c;
+	animation-name: blink;
+	animation-duration: 0.5s;
+	animation-timing-function: linear;
+	animation-iteration-count: infinite;
+	animation-direction: alternate;
+}
 
-	#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;
-	}
+#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