@define-color background-color rgb (40, 40, 40); 
@define-color foreground-color rgb (235, 219, 178);

* {
  font-size: 13px;
  font-family: "Hack Nerd Font";
}

window#waybar {
    background: rgba(0,0,0,0);
}

#battery {
  margin: 3px 3px 3px 3px;
  background: @background-color;
  color: @foreground-color;
  padding: 5px;
  border-radius: 10px;
}

#clock {
  margin: 3px 0px 3px 3px;
  padding: 5px;
  background: #fbf1c7;
  background: @background-color;
  color: @foreground-color;
  border-radius: 10px;
}

#custom-keyboard {
  background: @background-color;
  color: @foreground-color;
  padding: 5px 5px 5px 7px;
  margin: 3px 0px 3px 3px;
  border-radius: 10px;
}

#pulseaudio {
  margin: 3px 3px 3px 0px;
  padding: 5px 7px 5px 5px;
  background: @background-color;
  color: @foreground-color;
  border-radius: 10px;
}

#network {
  margin: 3px 3px 3px 0px;
  padding: 5px 7px 5px 5px;
  background: @background-color;
  color: @foreground-color;
  border-radius: 10px;
}

#memory {
  margin: 3px 3px 3px 0px;
  padding: 5px 7px 5px 5px;
  background: @background-color;
  color: @foreground-color;
  border-radius: 10px;
}

#cpu {
  margin: 3px 3px 3px 3px;
  padding: 5px 7px 5px 5px;
  background: @background-color;
  color: @foreground-color;
  border-radius: 10px;
}

#disk {
  margin: 3px 3px 3px 0px;
  padding: 5px 7px 5px 5px;
  background: @background-color;
  color: @foreground-color;
  border-radius: 10px;
}

#tray {
  margin: 3px 3px 3px 0px;
  padding: 5px 7px 5px 5px;
  background: @background-color;
  color: @foreground-color;
  border-radius: 10px;
}