@define-color bar-bg #1F1F28;
@define-color bar-border-color #2d2d39;
@define-color bar-fg #D6DEEB;
@define-color bar-fg-l #010F1D;
@define-color bar-fg-muted #8BADC1;
@define-color module-bg #282A36;
@define-color module-bg-muted #637777;
@define-color ws-bg-active #65564F;
@define-color ws-bg-persistent #282A36;
@define-color bluetooth-bg #4B1B9F;
@define-color custom-red #DC2E29;
@define-color custom-yellow #FFEB95;
@define-color custom-green #E5C283;

* {
	font-family: Symbols Nerd Font, SF Pro Display, sans-serif;
	font-weight: 700;
	font-size: 11px;
}

window#waybar {
	background: @bar-bg;
	color: @bar-fg;
	border: 2px solid @bar-border-color;
}

button {
    border-radius: 0;
}

#window {
	margin: 4px 0 4px 6px;
}

#workspaces {
	margin: 5px 0 5px 100px;
}

#workspaces button {
	background-color: @module-bg;
	min-width: 10px;
	min-height: inherit;
	padding: 0;
	margin: 0 1px 0 1px;
	transition: background-color 100ms, min-width 100ms;
}

#workspaces button.persistent {
	background-color: @ws-bg-persistent;
}

#workspaces button.active {
	background-color: @ws-bg-active;
	min-width: 40px;
}

#workspaces button.urgent {
	min-width: 40px;
	background-color: @custom-red;
}

#clock,
#memory,
#custom-power,
#backlight,
#pulseaudio,
#bluetooth,
#network,
#tray {
	background-color: @module-bg;
	padding: 0 10px;
	margin: 5px 0 5px 4px;
}

#battery {
	background-color: @module-bg;
	padding: 2px 10px;
	margin: 5px 0 5px 3px;
}

#battery.warning {
	background-color: @custom-yellow;
	color: @bar-fg-l;
}

#battery.critical {
	background-color: @custom-red;
}

#clock {
	background-color: @custom-green;
	color: @bar-fg-l;
}

#pulseaudio.muted {
	color: @module-bg-muted;
}

#bluetooth.on {
	background-color: @bluetooth-bg;
}

#bluetooth.disabled,
#bluetooth.off {
	color: @module-bg-muted;
}

#network.disconnected,
#network.disabled {
	background-color: @module-bg-muted;
	color: @bar-fg;
}

#custom-power {
	font-size: 18px;
	background-color: @module-bg;
	color: #EF5350;
	padding: 0 10px;
	margin: 5px 6px 5px 4px;
}