@import "./frappe.css";

* {
  font-family: "JetBrainsMono Nerd Font", "Font Awesome 6 Free", sans-serif;
  font-size: 14px;
  color: @text;
  background-color: @base;
  min-height: 0;
  padding: 0;
  margin: 0;
  border: none;
}

window#waybar {
  background-color: @base;
  border-bottom: 2px solid @overlay0;
}

#cpu,
#custom-cpu_temp,
#memory,
#custom-gpu,
#custom-gpu_temp,
#custom-disk,
#custom-disk_hdd,
#network,
#pulseaudio,
#clock,
#custom-uptime,
#custom-power,
#custom-keyboard-state,
#custom-net_speed {
  padding: 0 10px;
  background-color: @surface0;
  border-radius: 10px;
}

#tray > * {
  background-color: @surface0;
  border-radius: 6px;
  padding: 4px;
}
#cpu {
  margin-left: 12px;
}
#custom-cpu_temp {
  margin-left: 6px;
}
#memory {
  margin-left: 12px;
}
#custom-gpu {
  margin-left: 12px;
}
#custom-gpu_temp {
  margin-left: 6px;
}
#custom-disk {
  margin-left: 12px;
}
#custom-disk_hdd {
  margin-left: 6px;
  margin-right: 12px;
}

#clock {
  font-weight: bold;
}

#custom-net_speed {
  margin-left: 12px;
}
#network {
  margin-left: 12px;
}
#pulseaudio {
  margin-left: 12px;
}
#custom-keyboard-state {
  margin-left: 12px;
}
#custom-uptime {
  margin-left: 12px;
}
#custom-power {
  margin-left: 12px;
  margin-right: 12px;
}
#tray {
  margin-left: 12px;
}

#custom-cpu_temp.critical,
#custom-gpu_temp.critical {
  color: @red;
  background-color: @overlay1;
}