.dotfiles/configs/waybar/style.css

* {
        border:        none;
        border-radius: 5px;
        font-family:   Font Awesome, Hack Nerd Font;
        font-size:     13px;
        transition-duration: 0s;
        /*color:					#c0c5ce;*/
}

window#waybar {
    background: transparent;
}

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

window {
        background:			#2b303b;
				margin: 0px;
}

#workspaces {
        margin: 0 0px;
}

#workspaces button {
        padding:    0px 8px;
				color: white;
}

#workspaces button:hover{
	opacity: 0.9;
}

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

#battery, #network, #pulseaudio, #clock, #custom-power, #custom-qbitstats {
        margin:     0px 3px 0px 1px;
        min-width:  10px;
    
}

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