corrction

config/waybar/style/Transparent.css

@@ -1,202 +1,205 @@
 /* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
-/* ....................................*/
+/* ..........................................*/
-/* .....            None      .........*/
+/* .......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-size: 98%;
 	font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
 	padding: 1px;
-}
+	}
 	
-window#waybar {
+	window#waybar {
-	background: transparent;
+		background:transparent;
 		border-radius: 1px;
 		color: whitesmoke;
-}
+	}
 	
-window#waybar.hidden {
+	window#waybar.hidden {
 		opacity: 0.5;
-}
+	}
-
+	window#waybar.empty {
-window#waybar.empty {
 		background-color: transparent;
-}
+	}
 	
-window#waybar.empty #window {
+	window#waybar.empty #window {
 	   padding: 0px;
 	   margin: 0px;
 	   border: 0px;
-	/*  background-color: rgba(66,66,66,0.5); */
+	   /*  background-color: rgba(66,66,66,0.5); */ /* transparent */
-	/* transparent */
 	   background-color: transparent;
-}
+	}
 	  
 	   
-tooltip {
+	tooltip {
 		background: #1e1e2e;
 		border-radius: 10px;
 		border-width: 2px;
 		border-style: solid;
 		border-color: #11111b;
 		color: #cba6f7;
-}
+	}
+	/*-----module groups----*/
+	.modules-right {
 	
-/*-----module groups----*/
+	}
-.modules-right {}
 	
-.modules-center {}
+	.modules-center {
 	
-.modules-left {}
 	
-#workspaces button {
+		
+	}
+	
+	.modules-left {
+	
+	   
+	}
+	
+	#workspaces button {
 		padding: 2px;
 		color: #6E6A86;
 		margin-right: 5px;
-}
+	}
 	   
-#workspaces button.active {
+	#workspaces button.active {
 		color: whitesmoke;
 		
-}
+	}
 	  
-#workspaces button.focused {
+	#workspaces button.focused {
 		color: #d8dee9;
-}
+	}
 	   
-#workspaces button.urgent {
+	#workspaces button.urgent {
 		color: #11111b;
 		border-radius: 10px;
-}
+	}
 		   
-#workspaces button:hover {
+	#workspaces button:hover {
 		color: whitesmoke;
 	
-}
+	}
-
+	
-
+
-
+	
-#backlight,
+	#backlight,
-#battery,
+	#battery,
-#bluetooth,
+	#bluetooth,
-#cava,
+	#cava,
-#clock,
+	#clock,
-#cpu,
+	#cpu,
-#disk,
+	#disk,
-#idle_inhibitor,
+	#idle_inhibitor,
-#keyboard-state label,
+	#keyboard-state label,
-#keyboard-state label.locked,
+	#keyboard-state label.locked,
-#keyboard-state,
+	#keyboard-state,
-#memory,
+	#memory,
-#mode,
+	#mode,
-#mpd,
+	#mpd,
-#network,
+	#network,
-#pulseaudio,
+	#pulseaudio,
-#taskbar button,
+	#taskbar button,
-#taskbar,
+	#taskbar,
-#temperature,
+	#temperature,
-#tray,
+	#tray,
-#window,
+	#window,
-#wireplumber,
+	#wireplumber,
-#workspaces,
+	#workspaces,
-#custom-cycle_wall,
+	#custom-cycle_wall,
-#custom-keybinds,
+	#custom-keybinds,
-#custom-light_dark,
+	#custom-light_dark,
-#custom-lock,
+	#custom-lock,
-#custom-menu,
+	#custom-menu,
-#custom-power_vertical,
+	#custom-power_vertical,
-#custom-power,
+	#custom-power,
-#custom-spotify,
+	#custom-spotify,
-#custom-updater,
+	#custom-updater,
-#custom-weather,
+	#custom-weather,
-#custom-weather.clearNight,
+	#custom-weather.clearNight,
-#custom-weather.cloudyFoggyDay,
+	#custom-weather.cloudyFoggyDay,
-#custom-weather.cloudyFoggyNight,
+	#custom-weather.cloudyFoggyNight,
-#custom-weather.default #custom-weather.rainyDay,
+	#custom-weather.default 
-#custom-weather.rainyNight,
+	#custom-weather.rainyDay,
-#custom-weather.severe,
+	#custom-weather.rainyNight,
-#custom-weather.showyIcyDay,
+	#custom-weather.severe,
-#custom-weather.snowyIcyNight,
+	#custom-weather.showyIcyDay,
-#custom-weather.sunnyDay {
+	#custom-weather.snowyIcyNight,
-	color: whitesmoke;
+	#custom-weather.sunnyDay {
+		color:whitesmoke;
 		padding: 0px 10px;
 		
-}
+	}
 		 
-#temperature.critical {
+	#temperature.critical {
 		background-color: #ff0000;
-}
+	}
 	   
-@keyframes blink {
+	@keyframes blink {
 		to {
 		color: #000000;
 		   }
-}
+	}
 	   
-#taskbar button.active {
+	#taskbar button.active {
 		background-color: #7f849c;
-}
+	}
 		   
-#battery.critical:not(.charging) {
+	#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 {
+	#pulseaudio-slider slider {
 		min-width: 0px;
 		min-height: 0px;
 		opacity: 0;
 		background-image: none;
 		border: none;
 		box-shadow: none;
-}
+	}
 	
-#pulseaudio-slider trough {
+	#pulseaudio-slider trough {
-	min-width: 80px;
+		min-width: 80px;  /* Ajusta el ancho según tus preferencias */
-	/* Ajusta el ancho según tus preferencias */
+		min-height: 10px; /* Ajusta la altura según tus preferencias */
-	min-height: 10px;
-	/* Ajusta la altura según tus preferencias */
 		border-radius: 5px;
 		background-color: black;
-}
+	}
 	
-#pulseaudio-slider highlight {
+	#pulseaudio-slider highlight {
-	min-height: 10px;
+		min-height: 10px; /* Ajusta la altura según tus preferencias */
-	/* Ajusta la altura según tus preferencias */
 		border-radius: 5px;
 		background-color: wheat;
-}
+	}
 
-#backlight-slider slider {
+	#backlight-slider slider {
 		min-width: 0px;
 		min-height: 0px;
 		opacity: 0;
 		background-image: none;
 		border: none;
 		box-shadow: none;
-}
+	}
 	
-#backlight-slider trough {
+	#backlight-slider trough {
-	min-width: 80px;
+		min-width: 80px;  /* Ajusta el ancho según tus preferencias */
-	/* Ajusta el ancho según tus preferencias */
+		min-height: 10px; /* Ajusta la altura según tus preferencias */
-	min-height: 10px;
-	/* Ajusta la altura según tus preferencias */
 		border-radius: 5px;
 		background-color: black;
-}
+	}
 	
-#backlight-slider highlight {
+	#backlight-slider highlight {
-	min-width: 10px;
+		min-width: 10px; /* Ajusta el ancho según tus preferencias */
-	/* Ajusta el ancho según tus preferencias */
 		border-radius: 5px;
 		background-color: wheat;
-}
+	}
+	
+