added Krautt waybar styles

5 files changed, 1041 insertions, 0 deletions

diff --git a/config/waybar/style/Style-None.css b/config/waybar/style/Style-None.css
new file mode 100644
index 00000000..a4e8db32
--- /dev/null
+++ b/config/waybar/style/Style-None.css
@@ -0,0 +1,201 @@
+/* None */
+
+*{
+	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: 100%;
+	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-Crimson.css b/config/waybar/style/style-Crimson.css
new file mode 100644
index 00000000..d6afb242
--- /dev/null
+++ b/config/waybar/style/style-Crimson.css
@@ -0,0 +1,205 @@
+/* Crimson */
+
+*{
+	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: 100%;
+	font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
+	}
+	
+	window#waybar {
+		background: #240303;
+		color: wheat;
+		border-radius: 0px 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: 20px;
+
+	}
+	
+	.modules-center {
+		
+		
+		
+	}
+	
+	.modules-left {
+		padding-left: 20px;
+		
+	}
+	
+	#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: 15px;
+	}
+		 
+	#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/style-Golden-Noir.css b/config/waybar/style/style-Golden-Noir.css
new file mode 100644
index 00000000..df94b467
--- /dev/null
+++ b/config/waybar/style/style-Golden-Noir.css
@@ -0,0 +1,209 @@
+/* Golden Noir */
+
+*{
+	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: 100%;
+	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: 10px;
+		
+	}
+	
+	.modules-center {
+		border-left: 1px solid #ffd700;
+		border-right:1px solid #ffd700;
+		border-radius: 20px;
+		
+		
+	}
+	
+	.modules-left {
+		padding-left: 10px;
+	
+	}
+	
+	#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/style-Purple.css b/config/waybar/style/style-Purple.css
new file mode 100644
index 00000000..8ac84205
--- /dev/null
+++ b/config/waybar/style/style-Purple.css
@@ -0,0 +1,212 @@
+/* purpl */
+
+*{
+	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: 100%;
+	font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
+	padding: 1px;
+	}
+	
+	window#waybar {
+		background: #100214;
+		border-radius: 1px;
+		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: 5px 0px 0px 5px;
+		background-color: #3d174b;
+		padding-right: 5px;
+		padding-left: 25px;
+	}
+	
+	.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: 50px;
+		padding-left: 10px;
+	   
+	}
+	
+	#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/style-Simple-Pink.css b/config/waybar/style/style-Simple-Pink.css
new file mode 100644
index 00000000..0cefe94f
--- /dev/null
+++ b/config/waybar/style/style-Simple-Pink.css
@@ -0,0 +1,214 @@
+/* Simple Pink */
+
+*{
+	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: 100%;
+	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