dotfiles/env/.config/waybar/style.css

* {
  font-family: JetbrainsMono Nerd Font;
  font-size: 13px;
  min-height: 0;
  padding-right: 2px;
  padding-left: 2px;
  padding-bottom: 0px;
}

#waybar {
  background: transparent;
  color: #bfbaac;
  margin: 2px 2px;
}

#workspaces {
  border-radius: 5px;
  margin: 5px;
  background: #263640;
  margin-left: 2px;
}

#workspaces button {
  color: #696ebf;
  border-radius: 5px;
  padding: 0.4rem;
}

#workspaces button.active {
  color: #00c5ba;
  border-radius: 5px;
}

button {
  background: transparent;
}

#workspaces button:hover {
  background: #4a697d;
  border: 0px solid transparent;
}

#custom-music,
#tray,
#backlight,
#clock,
#battery,
#pulseaudio,
#network,
#cpu,
#memory,
#custom-lock,
#custom-power,
#custom-weather,
#custom-uptime,
#custom-rss,
#custom-disc,
#custom-mic,
#custom-docker {
  background-color: #263640;
  padding: 0.5rem 1rem;
  margin: 5px 0;
}

#clock {
  color: #2587cc;
  border-radius: 0px;
}

#custom-weather {
  color: #2587cc;
  margin-left: 0.5rem;
  border-radius: 5px;
}

#battery {
  color: #a6d189;
}

#battery.charging {
  color: #a6d189;
}

#battery.warning:not(.charging) {
  color: #e78284;
}

#backlight {
  color: #e5c890;
}

#backlight,
#battery {
  border-radius: 0;
}

#pulseaudio {
  color: #fa3935;
}

#custom-mic{
  color: #fa3935;
  border-radius: 5px 0px 0px 5px;
}

#custom-docker {
  color: #2587cc;
}

#custom-music {
  color: #ca9ee6;
  border-radius: 5px;
}

#custom-lock {
  color: #babbf1;
}

#custom-power {
  margin-right: 1rem;
  border-radius: 0px 5px 5px 0px;
  color: #e78284;
}

#custom-docker.docker {
  color: #85c1dc;
}

#custom-docker.docker-none {
  color: #737994;
}

#custom-docker.docker-error {
  color: #e78284;
}

#custom-weather.clear {
  color: #e5c890; /* Sunny yellow */
}

#custom-weather.cloud {
  color: #99d1db; /* Light blue */
}

#custom-weather.rain {
  color: #8caaee; /* Blue */
}

#custom-weather.snow {
  color: #c6d0f5; /* White-ish */
}

#custom-weather.thunder {
  color: #ca9ee6; /* Purple */
}

#custom-weather.fog {
  color: #b0b4bc; /* Gray */
}

#custom-weather.error {
  color: #263640; /* Red */
}