@define-color rosewater #f5e0dc;
@define-color flamingo #f2cdcd;
@define-color pink #f5c2e7;
@define-color mauve #cba6f7;
@define-color red #f38ba8;
@define-color maroon #eba0ac;
@define-color peach #fab387;
@define-color yellow #f9e2af;
@define-color green #a6e3a1;
@define-color teal #94e2d5;
@define-color sky #89dceb;
@define-color sapphire #74c7ec;
@define-color blue #89b4fa;
@define-color lavender #b4befe;
@define-color text #cdd6f4;
@define-color subtext1 #bac2de;
@define-color subtext0 #a6adc8;
@define-color overlay2 #9399b2;
@define-color overlay1 #7f849c;
@define-color overlay0 #6c7086;
@define-color surface2 #585b70;
@define-color surface1 #45475a;
@define-color surface0 #313244;
@define-color base #1e1e2e;
@define-color mantle #181825;
@define-color crust #11111b;

* {
	font-family: jetbrains-mono-nerd, FontAwesome, Roboto, Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 600;
}

window#waybar {
	color: white;
	background-color: #32312e;
	transition-property: background-color;
	transition-duration: .5s;
	opacity: 1;
	border-radius: 20px;
	margin-bottom: 0px;
}

.modules-left,
.modules-right,
.modules-center {
	padding: 0px 10px;
}

#clock,
#battery,
#cpu,
#memory,
#disk,
#temperature,
#backlight,
#network,
#pulseaudio,
#power,
#tray,
#custom-power,
#custom-quit,
#custom-lock, 
#custom-reboot,
#custom-arch,
#workspaces {
	padding: 7px 10px;
	opacity: 1;
}

#network {
	color: @sky;
}

#backlight {
	color: @yellow;
}

#battery {
	color: @green;
}

#pulseaudio {
	color: @rosewater;
}

#cpu {
	color: @teal;
}

#temperature {
	color: @lavender;
}

#memory {
	color: @yellow;
}

#disk {
	color: @pink;
}

#clock {
	color: @green;
}

#custom-power {
	color: @red;
}

#custom-lock {
	color: @lavender;
}

#custom-quit {
	color: @green;
}

#custom-reboot {
	color: @yellow;
}

#custom-arch {
	color: #1793d1;
}

#workspaces button {
	color: #cfcfcf;
	margin: 0px 5px;
	padding: 0px;
}

#workspaces button.active {
	color: #E6C873;
}

#workspaces button.urgent {
	color: #eb4d4b;
}

#workspaces button:hover {
	border: none;
	outline: none;
	box-shadow: none;
	text-shadow: none;
	background: none;
	transition: none;
}

.modules-left > widget:first-child > #workspaces {
	margin-left: 0;
}

.modules-right > widget:last-child > #workspaces {
	margin-right: 0;
}

#battery.charging, #battery.plugged {
	color: #26A65B;
}

#temperature.critical {
	color: #eb4d4b;
}

#battery.critical:not(.charging) {
	color: #f53c3c;
}
