dotfiles/eggs/waybar/bar/style.css

@import "color.css";

* {
  min-height: 0;
  font-family: "DejaVuSansM Nerd Font", "Helvetica", "Arial", "sans-serif";
  font-size: 15px;
  /*
  
    font-family: "JetBrainsMono Nerd Font", "Hack Nerd Font", FontAwesome, Roboto,
    Helvetica, Arial, sans-serif;
  font-size: 16px;*/
}

window#waybar {
  color: @text;
  background: @base;
  transition-property: background-color;
  transition-duration: 0.5s;
}

window#waybar.empty {
  color: @text;
  background: rgba(48, 52, 70, 0);
  transition-property: background-color;
  transition-duration: 0.5s;
}

.modules-left {
  border: none;
}

.modules-right {
  border: none;
}

.modules-center {
  border: none;
}

button {
  border: none;
  border-radius: 0;
}

button:hover {
  background: @base;
}


#custom-sepp {
  color: @surface2;
}


#custom-apps {
  background-color: @green;
  color: @crust;
  font-size: 30px;
}
#custom-lock {
  background-color: @sky;
  color: @base;
} 

#custom-logout {
  background-color: @sapphire;
  color: @base;
}
#custom-hibernate{
  background-color: @yellow;
  color: @base;
}
#custom-suspend {
  background-color: @blue;
  color: @base;
}
#custom-restart {
  background-color: @peach;
  color: @base;
}
#custom-poweroff {
  background-color: @red;
  color: @base;

}

#workspaces {
  font-weight: 600;
  background: @crust;
  padding-top: 7px;
  margin: 0px;
}


#workspaces button {
  color: @text;
  font-weight: 600;
}

#workspaces button.urgent {
  color: @red;
}
#workspaces button.empty {
  color: @surface2;
}

#workspaces button.active {
  color: @blue;
}

#workspaces button.focused {
  color: @green;
}

#custom-specialWs {
  color: @maroon;
  background-color: @crust;
  padding-bottom: 7px;
  padding-top: 4px;
  font-weight: 600;
  margin-top: -2;
}

#window {
  padding: 0 0 0 15px;
  min-height: 35px; /* The icon size */
  background-color: @darkLavender;
  color: @base;
}
window#waybar.empty #window{
  background-color: rgba(0, 0, 0, 0);
  /*
  background-image: url("/home/someone/.config/assets/def_window.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  */
}

#custom-activeWindowCloseWindow{
  background-color: @red;
  padding-right: 3px;
  color: @base;
}

#custom-activeWindowMaximize{
  background-color: @peach;
  color: @base;
}

#custom-activeWindowFloating {
  background-color: @yellow;
  color: @base;
}


#clock {
  color: @maroon;
  font-weight: 900;
}

#custom-weather.n1 {
  margin-top: 4px;
  color: @sapphire;
  margin-bottom: 3px;
  font-size: 17px;
  
}
#custom-weather.n2 {
  color: @sapphire;
}




#privacy {
  color: @peach;
  margin-left: 15px 
}
#systemd-failed-units {
  color: @red;
}
#submap {
  color: @yellow;
  font-weight: 900;
}


#cpu.avrage,
#temperature,
#memory,
#disk {
  color: @blue;
  font-weight: 600;
  background-color: @crust
}

#custom-idleWatch {
  background-color: @sapphire;
  color: @base;
  font-size: 20px;
}

#custom-notification{
  background-color: @flamingo;
  font-size: 20px;
  color: @base;
}

#mpris.status {
  background-color: @mauve;
  font-size: 20px;
  color: @base;
}

#mpris.title {
  background-color: @peach;
  color: @base;
}

#pulseaudio {
  color: @crust;
  font-size: 14px;  
  font-weight: 600;
  background-color: @blue;
}
#pulseaudio-slider{
  background-color: @red;
}
#pulseaudio-slider slider {
  min-height: 0px;
  min-width: 0px;
  opacity: 0;
  background-image: none;
  border: none;
  box-shadow: none;
}
#pulseaudio-slider trough {
  min-height: 80px;
  min-width: 10px;
  border-radius: 5px;
  background-color: @crust;
}
#pulseaudio-slider highlight {
  min-width: 10px;
  border-radius: 5px;
}


#network {
  color: @crust;
  font-weight: 600;
  background: @teal;
  font-size: 14px;  
}

#network.disconnected {
  background-color: @red;
}

#network.up {
  background-color: @yellow;
}

#network.down {
  background-color: @maroon;
}

#network.addr {
  background-color: @rosewater
}

#tray {
  color: @base;
  font-weight: 600;
  background: @darkFlamingo
}

#custom-systrayDrawer {
  background: @darkLavender;
  color: @base;
  font-size: 20px;
}

#custom-apps,
#custom-systrayDrawer,
#custom-activeWindowCloseWindow,
#custom-activeWindowMaximize,
#custom-activeWindowFloating,
#custom-poweroff,
#custom-lock,
#custom-restart,
#custom-idleWatch,
#custom-suspend,
#custom-logout,
#custom-hibernate,
#window,
#custom-notification,
#privacy,
#network.addr,
#network.up,
#network.down,
#network.total,
#pulseaudio,
#mpris.title,
#submap,
#mpris.status,
#tray,
#cpu.avrage,
#temperature,
#memory,
#disk {
  padding-top: 7px;
  padding-bottom: 7px;
}