@import './generated-colors-matugen.css';

@define-color waybar-bg alpha(@matugen-surface_container-rgb, 0.3);
@define-color waybar-tooltip-bg alpha(@matugen-surface_container-rgb, 0.85);
@define-color waybar-on_bg @matugen-on_surface;
@define-color waybar-primary @matugen-primary;
@define-color waybar-on_primary @matugen-on_primary;
@define-color waybar-critical @matugen-error;
@define-color waybar-on_critical @matugen-on_error;
@define-color waybar-warning @matugen-tertiary_container;
@define-color waybar-on_warning @matugen-on_tertiary_container;
@define-color waybar-secondary_container @matugen-secondary_container;
@define-color waybar-on_secondary_container @matugen-on_secondary_container;

* {
  border: none;
  border-radius: 0;
  font-family: Iosevka Nerd Font Propo;
  font-size: 14px;
  min-height: 0;
  font-weight: 700;
}

window#waybar {
  background: transparent;
  color: @waybar-on_bg;
}

#workspaces button {
  padding: 0 8px;
  color: #c9d1d9;
  background: @waybar-bg;
  margin: 0 4px;
  border-radius: 5px;
}

button:hover {
  box-shadow: none;
  text-shadow: none;
  background: none;
  transition: none;
}

#workspaces button.active {
  color: @waybar-on_primary;
  background: @waybar-primary;
}

/* left */
#custom-cpu-temp,
#disk {
  padding: 0 5px 0 10px;
  margin-left: 4px;
  border-radius: 5px 0px 0px 5px;
}

/* middle */
#cpu {
  padding: 0 5px;
  border-radius: 0px;
}

/* right */
#custom-gpu-temp,
#memory {
  padding: 0 10px 0 5px;
  margin-right: 4px;
  border-radius: 0px 5px 5px 0px;
}

/* neutrally separated */
#clock,
#backlight,
#battery,
#temperature,
#bluetooth,
#wireplumber,
#custom-homelab-vpn,
#custom-mullvad-vpn,
#custom-power-mode,
#custom-recording,
#custom-dictation,
#network {
  padding: 0 10px;
  margin: 0 4px;
  border-radius: 5px;
}


#clock,
#backlight,
#battery,
#temperature,
#bluetooth,
#wireplumber,
#custom-homelab-vpn,
#custom-mullvad-vpn,
#custom-power-mode,
#disk,
#cpu,
#memory,
#custom-cpu-temp,
#custom-gpu-temp,
#custom-recording,
#custom-dictation,
#network {
  background: @waybar-bg;
}


#battery.warning {
  background: @waybar-warning;
  color: @waybar-on_warning;
}

#battery.critical {
  background: @waybar-critical;
  color: @waybar-on_critical;
}

#custom-homelab-vpn.deactivated,
#custom-mullvad.deactivated,
#bluetooth.disabled,
#bluetooth.off {
  color: @waybar-on_bg;
}

#battery.charging,
#wireplumber.muted,
#wireplumber.zero,
#wireplumber.source-muted,
#custom-homelab-vpn.activated,
#custom-mullvad-vpn.activated,
#bluetooth.connected,
#custom-recording.recording,
#custom-dictation.recording,
#bluetooth.on {
  color: @waybar-on_primary;
  background: @waybar-primary;
}

tooltip {
  background: @waybar-tooltip-bg;
  color: @waybar-on_bg;
  border-radius: 5px;
  padding: 4px 8px;
}
