.dotfiles/configs/waybar/style.css

* {
  border:        none;
  font-family:   Font Awesome, Hack Nerd Font Mono;
  font-weight: 600;
  font-size:     13px;
  /* opacity: 0.95; */
}

window#waybar {
		background: transparent;
}

window > box {
  margin: 6px;
  margin-bottom: 0px;
  background: #2b303b;
  background:	@theme_bg_color;
  padding: 5px 8px;
  border-radius: 4px;
}

#workspaces button {
  padding:0px 10px;
  color: @theme_fg_color;
  background: transparent;
  border-radius: 2px;
}

#workspaces button:hover{
  background: rgba(255, 255, 255, 0.1);
}

#workspaces button.active {
  background-color: @theme_fg_color;
  color:  @theme_bg_color;
}


#clock {
    margin:     0px 16px 0px 10px;
    min-width:  10px;
}

.custom-spotify {
    /*padding: 0 10px;*/
    /*margin: 0 4px;*/
		opacity: 0.5;
}

#custom-power {
        color:         #cc241d; 
}

#battery {
				color:       #689d6a;
}

#battery.critical {
        color:          #fb4934;
}

#battery.good {
        color:          #689d6a;
}

#battery.charging {
        color:      #b8bb26;
}

#network.wifi {
        color:          #689d6a;
}

#network.disconnected {
        color:          #fe8019; 
}

#waybar > box:nth-child(2) > box:nth-child(3) > * > label {
				padding: 0 3px;
}

#custom-waybar-mpris{
  margin-left: 20px;
}