nixos-config/dotfiles/dot_config/waybar/style.css

* {
    border: none;
    font-size: 12pt;
    font-family: "JetBrainsMono Nerd Font,JetBrainsMono NF" ;
    min-height: 25px;
}

window#waybar {
  background: transparent;
  margin: 5px;
 }

.modules-right {
  padding-left: 5px;
  margin-top: 2px;
  color: #ccc;
}

.modules-center {
  padding: 0 15px;
  margin-top: 2px;
  color: #ccc;
}

.modules-left {
  margin-top: 2px;
  color: #ccc;
  padding-right: 5px;
}

#network {
  padding: 0 10px 0 15px;
}

#battery,
#custom-clipboard,
#custom-colorpicker,
#custom-powerDraw,
#bluetooth,
#pulseaudio,
#wireplumber,
#disk,
#memory,
#backlight,
#cpu,
#temperature,
#custom-weather,
#idle_inhibitor,
#jack,
#tray,
#window,
#workspaces,
#clock {
  padding: 0 20px;
}

#temperature.critical,
#pulseaudio.muted {
  color: #FF0000;
  padding-top: 0;
}

#clock{
  color: #d8bfff;
}

#battery.charging {
    color: #ffffff;
    background-color: #26A65B;
}

#battery.warning:not(.charging) {
    background-color: #ffbe61;
    color: black;
}

#battery.critical:not(.charging) {
    background-color: #f53c3c;
    color: #ffffff;
    animation-name: blink;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

#mpris {
  margin-left: 15px;
}

#workspaces button {
  color: #666;
}

#workspaces button.empty {
  color: #222;
}

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

#taskbar button.active {
  background: #333;
}

@keyframes blink {
  to {
    background-color: #ffffff;
    color: #000000;
  }
}