@import url("./colors.css");

* {
    border: none;
	border-radius: 0;
	
    font-family: "JetBrainsMono Nerd Font", monospace;
    font-size: 10pt;
    min-height: 0;
}

window#waybar {
    background: @background-darker;
    color: @foreground;
}


#clock {
	border-bottom: solid 2px @yellow;
}

#cpu {
	border-bottom: solid 2px @purple;
}

#memory {
	border-bottom: solid 2px @pink;
}

#mpris {
	border-bottom: solid 2px @green;
}

#network {
	border-bottom: solid 2px @yellow;
}

#temperature {
	border-bottom: solid 2px @red;
}

#workspaces button {
	background: none;
	border-bottom: solid 2px @background;
}
#workspaces button:hover {
	border-bottom: solid 2px @selection;
}
#workspaces button.active,
#workspaces button.focused,
#workspaces button.visible {
	border-bottom: solid 2px @purple;
}


#custom-weather {
	border-bottom: solid 2px @green;
}

#custom-pacman {
	border-bottom: solid 2px @cyan;
}

#custom-status {
	border-bottom: solid 2px @orange;
}