@define-color rosewater #f2d5cf;
@define-color flamingo #eebebe;
@define-color pink #f4b8e4;
@define-color mauve #ca9ee6;
@define-color red #e78284;
@define-color maroon #ea999c;
@define-color peach #ef9f76;
@define-color yellow #e5c890;
@define-color green #a6d189;
@define-color teal #81c8be;
@define-color sky #99d1db;
@define-color sapphire #85c1dc;
@define-color blue #8caaee;
@define-color lavender #babbf1;
@define-color text #c6d0f5;
@define-color subtext1 #b5bfe2;
@define-color subtext0 #a5adce;
@define-color overlay2 #949cbb;
@define-color overlay1 #838ba7;
@define-color overlay0 #737994;
@define-color surface2 #626880;
@define-color surface1 #51576d;
@define-color surface0 #414559;
@define-color base #303446;
@define-color mantle #292c3c;
@define-color crust #232634;

* {
		font-family: FiraCode;
		font-size: 12px;
		min-height: 0;
}

window#waybar {
		background-color: @base;
		color: @text
}

button:hover {
		box-shadow: none;
		text-shadow: none;
		background: none;
		transition: none;
}

#workspaces button {
		background-color: transparent;
		color: @text;
		border: none;
		padding: 5px 5px 5px 5px;
}

#workspaces button:hover {
		background: @surface2;
}

#workspaces button.focused {
		background-color: @surface1;
}

#workspaces button.urgent {
		background-color: @surface0;
}

#workspaces button.active {
		background-color: @surface0;
}

#clock {
		background-color: transparent;
		color: @text;
		border: none;
		padding: 5px 5px 5px 5px;
}

#network {
		background-color: transparent;
		color: @text;
		border: none;
		padding: 5px 5px 5px 5px;
}

#wireplumber {
		background-color: transparent;
		color: @text;
		border: none;
		padding: 5px 5px 5px 5px;
}

#cpu {
		background-color: transparent;
		color: @text;
		border: none;
		padding: 5px 5px 5px 5px;
}

#memory {
		background-color: transparent;
		color: @text;
		border: none;
		padding: 5px 5px 5px 5px;
}

#battery {
		background-color: transparent;
		color: @text;
		border: none;
		padding: 5px 5px 5px 5px;
}

#backlight {
		background-color: transparent;
		color: @text;
		border: none;
		padding: 5px 5px 5px 5px;
}

#language {
		background-color: transparent;
		color: @text;
		border: none;
		padding: 5px 5px 5px 5px;
}

#custom-power_profile {
		background-color: transparent;
		color: @text;
		border: none;
		padding: 5px 5px 5px 0px;
}
	
window#waybar.hidden {
		opacity: 0.5;
}
window#waybar.empty {
		background-color: @base;
}

window#waybar.empty #window {
		padding: 0px;
		border: 0px;
}

#tray {
		background-color: transparent;
		border: none;
		padding: 5px 1px 5px 1px;	
}

#tray > .passive {
		-gtk-icon-effect: dim;
}

#tray > .needs-attention {
		-gtk-icon-effect: highlight;
		background-color: @lavender;
}