@import "macchiato.css";

* {
  border: none;
  border-radius: 0;
  font-family:
    Jetbrains Mono Nerd Font,
    monospace;
  font-weight: bold;
  font-size: 14px;
  min-height: 0;
}

#window.waybar {
  background-color: shade(@base, 0.9);
  color: @text;
}

#tooltip {
  background: #1e1e2e;
  border-radius: 10px;
  border-width: 2px;
  border-style: solid;
  border-color: #11111b;
}

#workspaces button {
  padding: 5px;
  color: #313244;
  margin-right: 5px;
}

#workspaces button.active {
  color: #a6adc8;
}

#workspaces button.focused {
  color: #a6adc8;
  background: #eba0ac;
  border-radius: 10px;

}

#workspaces button.urgent {
  color: #11111b;
  background: #a6e3a1;
  border-radius: 10px;
}

#workspaces button:hover {
  background: #11111b;
  color: #cdd6f4;
  border-radius: 10px;
}

/*#window,
#custom-weather,
#clock,
#network,
#pulseaudio,
#keyboard-state,
#temperature,
#custom-updates,
#tray,
#workspaces,*/

#workspaces {
  /* background: #1e1e2e; */
  background: #1e2030; /* Mantle */
  border-radius: 10px;
  margin-left: 10px;
  padding-right: 0px;
  padding-left: 5px;
}

#tray {
  border-radius: 10px;
  margin-right: 10px;
}

/* ------------- */

#custom-updates {
  color: #f5c2e7;
  border-radius: 10px 0px 0px 10px;
  border-left: 0px;
  border-right: 0px;
}

#window {
  border-radius: 10px;
  margin-left: 60px;
  margin-right: 60px;
}

#temperature {
  color: #a6da95;/* Green */
  border-left: 0px;
  border-right: 0px;
}

#temperature.gpu {
  color: #eed49f;/* Yellow */
  border-left: 0px;
  border-right: 0px;
}

#keyboard-state.capslock {
  color: #f5a97f;/* Peach */
  border-left: 0px;
  border-right: 0px;
}

#keyboard-state.numlock {
  color: #ee99a0;/* Maroon */
  border-left: 0px;
  border-right: 0px;
}

#pulseaudio {
  color: #ed8796;/* Red */
  border-radius: 0px 0px 0px 0px;

  border-left: 0px;
  border-right: 0px;

  margin-left: 0px;
  
  padding-right: 0px;
  padding-top: 0px;
}

#pulseaudio.microphone {
  color: #c6a0f6; /* Mauve */
  border-radius: 0px 10px 10px 0px;
  border-left: 0px;
  border-right: 0px;
  padding-top: 5px;
}

/* ------------- */

#network {
  color: #f5bde6; /* Pink */
  border-left: 0px;
  border-right: 0px;
  border-radius: 10px 10px 10px 10px;
  margin-left: 5px;
  padding-right: 15px;
}

/* ------------- */

#clock {
  color: #f0c6c6; /* Flamingo */
  border-radius: 10px 0px 0px 10px;
  margin-left: 5px;
  border-right: 0px;
}

#custom-weather { 
  color: #f4dbd6; /* Rosewater */
  border-radius: 0px 10px 10px 0px;
  border-right: 0px;
  margin-left: 0px;
}