.dotfiles/configs/waybar/style.css

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

window#waybar {
		background: transparent;
}

window > box {
		margin: 10px;
		margin-bottom: 0px;
    background: #2b303b;
		background:			black;
		padding: 5px;
		/*border-bottom: 3px solid rgba(100, 114, 125, 0.5);*/
}

#workspaces button {
        padding:    0px 9px;
				color: white;
				background: transparent;
				border-radius: 0px;
}

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

#workspaces button.focused {
				background-color: white;
				color:  #2b303b;
}

#battery, #network, #pulseaudio, #clock, #custom-power, #custom-qbitstats {
        /*margin:     0px 3px 0px 1px;*/
}

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

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

#custom-power {
        color:         #cc241d; 
}

#custom-qbitstats {
}

#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;
}