/*
  Based on https://github.com/indicozy/wmtm/blob/main/configs/Flower/config/waybar/style.css
*/
@define-color background	#323732;
@define-color foreground	#deddda;
@define-color selection		#44475a;
@define-color unfocused		#6272a4;
@define-color cyan		#5d7380;
@define-color green		#fff6f6;
@define-color orange		#d65d0e;
@define-color pink		#ff5370;
@define-color purple		#b16286;
@define-color red		#bf6374;
@define-color yellow		#d79921;
@define-color fore          	#d1c29d;


* {
	font-size: 14px;
	font-family: "Hack";
	padding: 0px;
	margin: 0px;
/* text-shadow:1px 1px 2px rgba(0,0,0,.6); */
}

window#waybar {
	color: @foreground;
	border-radius: 0;
}

window#waybar.left {
	background: rgba(43, 48, 59, .85);
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-top: none;
	margin: 0;
}

window#waybar.bottom {
	padding-top: 0px;
	background: @green;
	border-bottom-left-radius: 0px;
	margin: 0;
}

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

/* Base styling for modules */
#workspaces,
#mode,
#window,
#idle_inhibitor,
#pulseaudio,
#taskbar,
#tray,
#custom-menu {
	padding: 1px 0px 1px 0px;
	margin: 0px;
}

#pulseaudio, #idle_inhibitor {
	font-size: 30px;
	margin: 0px 2px;
}

#pulseaudio {
	font-size: 16px;
}

#taskbar,
#tray,
#window {
	padding: 0;
	margin: 0 0px 0 0px;
}
#taskbar {
	margin-top: 0px;
}
#taskbar button {
	color: @foreground;
	border-radius: 0px;
	padding: 3px 0px 3px 0px;
}
#taskbar button.active {
	icon-shadow: 0px 0px 3px alpha(#111131, .9);
	border-style: dashed;
	border-width: 0 0 0 0;
	border-color: @foreground;
	border-radius: 0;
}

#tray {
	color: black;
	icon-shadow: 0px 1px 2px alpha(#020000, .9);
	padding: 2px 0px 2px 0px;
}

#custom-menu,
#custom-applauncher,
#custom-notifications {
	font-size: 30px;
}

#clock {
	font-size: 16px;
	margin-left: 2px;
	margin-right: 2px;
}

#workspaces {
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
}
#workspaces button {
	margin: 0;
	padding: 0px 0px 0px 0px;
	border-radius: 0px;
	color: @foreground;
}

#workspaces button.focused {
    color: @foreground;
    background-color: @purple;
	border-style: solid;
	border-width: 0 0 0 0;
	border-color: @foreground;
	border-radius: 0;
}