@import "macchiato.css";

window#waybar {
  background: @base;
  color: @text;
}

#window {
  margin-left: 20px;
}

#workspaces button {
  color: @text;
  border-bottom: 2px solid @base;
}

#workspaces button:hover {
  box-shadow: inherit;
  text-shadow: inherit;

  background: @surface0;
  border-color: @surface1;
}

#workspaces button.active {
  color: @green;
  background: @surface1;
  border-color: currentcolor;
}

#battery.charging {
  color: @base;
  background: @green;
}

#battery.discharging {
  color: @base;
  background: @yellow;
}

* {
  border: none;
  border-radius: 0;
  min-height: 0;
  font-family: "Iosevka Nerd Font Propo", "Font Awesome";
  font-size: 16px;
}

#workspaces, #tray, #battery, #backlight, #pulseaudio, #network {
  padding: 0 5px;
}

#network.ethernet, #network.wifi {
  color: @base;
  background: @blue;
}

#network.disabled, #network.disconnected {
  color: @base;
  background: @red;
}

#pulseaudio {
  color: @base;
  background: @green;
}

#pulseaudio.muted {
  background: @red;
}