@import "/home/allanabiud/.cache/wal/colors-waybar.css";

* {
  border: none;
  font-family:
    JetBrainsMono Nerd Font Propo,
    Font Awesome,
    sans-serif;
  font-size: 12px;
  border-radius: 2px;
  background: transparent;
}

/* Window styling */
window {
  font-weight: bold;
  background-color: @background;
}
window#waybar {
  background: transparent;
}
window#waybar.empty #window {
  background-color: transparent;
  border: none;
  color: transparent;
}

/* Module groups */
.modules-left,
.modules-center,
.modules-right {
  background-color: transparent;
}

/* Workspaces module */
#workspaces {
  border: 1.5px solid @color1;
  background-color: @color0;
}
#workspaces button {
  padding: 0px 5px;
  transition: all 0.3s;
  color: gray;
}
#workspaces button:hover {
  color: @color2;
}
#workspaces button.active {
  color: @color2;
  font-weight: bold;
}
workspaces button.urgent {
  background-color: @color2;
}

/* Tooltip */
tooltip {
  color: @color2;
  background-color: @color0;
  border: 1.5px solid @color1;
}
tooltip label {
  color: @color2;
}

/* Audio group */
#audio {
  border: 1.5px solid @color3;
  background-color: @color0;
  margin: 0 0 0 5px;
  padding: 0 7px;
}

/* WindowCount module */
#windowcount {
  border: 1.5px solid @color1;
  background-color: @color0;
  margin: 0 0 0 5px;
  padding: 0 7px;
  color: @color1;
}
window#waybar.empty #windowcount {
  opacity: 0;
}

/* Window module */
#window {
  border: 1.5px solid @color3;
  background-color: @color0;
  margin: 0 0 0 5px;
  padding: 0 7px;
}
window#waybar.empty #window {
  opacity: 0;
}

/* MPRIS states */
#mpris.paused {
  color: @color1;
}
#mpris.playing {
  color: @color3;
}

/* Tray and other modules */
#tray,
#audio,
#clock,
#submap,
#battery,
#idle_inhibitor {
  padding: 0 7px;
  background-color: @color0;
  margin: 0 0 0 5px;
  border: 1.5px solid @color1;
}

/* Clock */
#clock {
  font-size: 14px;
  color: @color3;
  font-weight: bold;
  border: 1.5px solid @color3;
}

/* Submap */
#submap {
  background-color: @color1;
  border: none;
  color: @color0;
  font-weight: bold;
}

/* Battery */
#battery.charging {
  color: @color4;
}
#battery.warning:not(.charging) {
  color: @color6;
}
#battery.critical:not(.charging) {
  color: @color1;
}

/* Idle inhibitor */
#idle_inhibitor.activated {
  color: @color1;
}
#idle_inhibitor.deactivated {
  color: grey;
}

/* PulseAudio */
#pulseaudio {
  color: @foreground;
  padding: 0 2px;
  background-color: transparent;
  margin: 0;
  border: none;
}
#pulseaudio.muted {
  color: @color1;
}
