dotfiles/dot_config/waybar/style.css

* {
  border: none;

  font-family: "JetbrainsMono Nerd Font";
  font-size: 14px;
}

window#waybar {
  background: #0e0c14;
}

window#waybar.hidden {
  opacity: 0.2;
}

#window {
  margin-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 10px;
  transition: none;
  color: transparent;
  background: transparent;
}

#workspaces {
  border-radius: 20px;
  margin-top: 2px;
  margin-bottom: 7px;
  margin-left: 20px;
  font-size: 4px;
  border-radius: 10px;
  background: #1a1725;
  transition: none;
}

#workspaces button {

  background: #1a1725;
  color: #cdd6f4;
}

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

#pulseaudio {
  margin-top: 6px;
  margin-left: 8px;
  padding-left: 10px;
  padding-right: 10px;
  transition: none;
  color: #e6dfff;
  border-bottom: 2px solid #ABE9B3;
  padding-bottom: 0px;
}

#clock {
  margin-top: 6px;
  margin-left: 8px;
  margin-right: 20px;
  padding-left: 10px;
  padding-right: 10px;
  transition: none;
  color: #e6dfff;
  border-bottom: 2px solid #bd93f9;
  padding-bottom: 0px;
}

#temperature {
  /* bd93f9*/
  margin-top: 6px;
  margin-left: 8px;
  padding-left: 10px;
  padding-right: 10px;
  transition: none;
  color: #e6dfff;
  border-bottom: 2px solid #FAE3B0;
  padding-bottom: 0px;
}

#memory {
  margin-top: 6px;
  margin-left: 8px;
  padding-left: 10px;
  padding-right: 10px;
  transition: none;
  color: #e6dfff;
  border-bottom: 2px solid #f8bd92;
  padding-bottom: 0px;
}

#cpu {
  margin-top: 6px;
  margin-left: 8px;
  padding-left: 10px;
  padding-right: 10px;
  transition: none;
  color: #e6dfff;
  border-bottom: 2px solid #f28fad;
  padding-bottom: 0px;
}

#custom-weather {
  margin-top: 6px;
  margin-left: 8px;
  padding-left: 10px;
  padding-right: 10px;
  transition: none;
  color: #e6dfff;
  border-bottom: 2px solid #96cdfb;
  padding-bottom: 0px;
}