@define-color bg #1d1d1d;
@define-color fg #f6f5f4;
@define-color bl #1c71d8;
@define-color fg1 #2d2d2d;
@define-color bl1 #99c1f1;


* {
	font-family: JetBrainsMonoNerdFont;
	font-size: 13px;
	font-weight: bold;
}

#clock {
	border-radius: 10px;
	background-color: @bl;
	padding: 0px 5px;
	margin: 5px 5px 5px 0px;
}

#memory,
#cpu {
	background: @fg1;
	color: @fg;
	padding: 0px 5px;
	margin: 5px 0px;
	border-radius: 8px;
}


#custom-menu {
	background: @fg1;
	color: @fg;
	padding: 0px 5px;
	margin: 5px 5px;
	border-radius: 8px;
}

window#waybar {
	border-radius: 10px;
	background: @bg;
}

#language,
#pulseaudio {
	color: @fg;
	border-radius: 10px;
	padding: 0px 5px;
	margin: 5px 0px;
	background-color: @fg1;
	border-left: 2px solid @fg1;
	border-right: 2px solid @fg1;
}

#workspaces {
	background-color: @bg;
	border-radius: 10;
}

#workspaces button {
	background-color: @bg;
	color: @fg;
	padding: 0px 5px;
	margin: 5px 2px;
	border-radius: 30px;
}

#workspaces button:hover,
#workspaces button.active {
	background: @fg1;
	color: @fg;
	padding: 0px 5px;
	margin: 5px 2px;
	border-radius: 8px;
}

