dotfiles/dot_config/waybar/style.css

* {
  border: none;
  font-family: JetBrains Mono Nerd Font,Weather Icons,sans-serif;
  font-size: 14px;
  font-weight: bold;
  min-height: 0;
}

window#waybar {
  background-color: transparent;

}

tooltip {
  background: #1e222a; /* tooltip background */
  /*border: 2px solid #c0caf5; */
  border-radius: 6px; /* tooltip rounded corners */
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.4);
}

/*window > box {
  background: #1e222a;
  border-radius: 12px;
  min-width: 28px;
  margin: 2px;
  background-clip: border-box;
  transition-property: background-color;
  transition-duration: .5s;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 1px 2px 1px rgba(0, 0, 0, 0.18), 0 2px 4px 2px rgba(0, 0, 0, 0.18);
}*/

#custom-memory,
#memory,
#cpu,
#custom-gputmp,
#custom-uptime,
#temperature,
#custom-weather,
#workspaces,
#custom-media,
#custom-fans,
#clock,
#network,
#custom-power,
#mode,
#pulseaudio,
#custom-kernel,
#custom-launcher,
#custom-network,
#window,
#custom-window,
#custom-eix,
#custom-update,
#custom-media,
#disk,
#battery,
#tray {
  background-color: #1e222a;
  padding: 0 6px;
  margin: 4px 4px 4px 4px;
  border-radius: 6px;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.4);
  background-clip: padding-box;
}

#pulseaudio.muted {
  background-color: #e06c75;
}

#clock,
#custom-kernel,
#custom-gputmp {
  color:  #41a7fc;
}

#custom-memory {
  color: #c75ae8;
}

#battery,
#memory {
  color: #8bcd5b;
}

#pulseaudio,
#cpu {
  color: #efbd5d;
}

#temperature,
#custom-network,
#network {
  color: #c75ae8;
}

#temperature.critical {
  background-color: #e06c75;
  color: #1f1f1f;
}

#mode, 
#custom-uptime,
#custom-weather,
#custom-media,
#disk {
  color: #34bfd0;
}

#workspaces{
}

#workspaces button {
  padding: 1px 0px;
  color: #41a7fc;
  transition-property: background-color; /* smooth transition for workspace module */
  transition-duration: .1s;
}

#workspaces button:hover {
  background-color: rgba(36, 36, 36, 0.9);
}

#workspaces button.active {
  color: #c75ae8;
}

#workspaces button.focused {
  color: #c75ae8;
}

#custom-power,
#workspaces button.urgent {
  color: #e06c75;
}



#window {
  color: #abb2bf;
}

#custom-launcher {
  font-size: 13px;
  color: #ADA8D0;
}

#custom-eix,
#custom-update {
  color: #2ec27e;
}

#network.disconnected {
    color: #1f1f1f;
    background-color: #e06c75;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@keyframes blink {
    to {
        color: #e06c75;
        background-color: #1f1f1f;
    }
}