@import "mocha.css";

window#waybar {
	/* background: rgba(0, 0, 0, 0); */
	font-family: "Roboto Mono Nerd Font";
	border: 1.5px solid @lavender;
	background-color: @base;
	color: @text;
}

.modules-center {
	/* border-radius: 1rem;
	box-shadow: 3px 3px 2px #151515; */
	/* margin: 0.5rem; */
}

#clock {
	margin: 0.4rem;
	padding: 0.3rem;
	background-color: @surface0;
	border-radius: 1rem;
}

/* .modules-left {
	border-radius: 1rem;
	box-shadow: 3px 3px 2px #151515;
	border: 3px solid @lavender;
	margin: 0.5rem;
    margin-left: 0.7rem;
	color: @text;
	background-color: @base;
} */

#workspaces button {
	margin: 0.4rem;
	padding: 0 9.5px 1px 6px;
	background-color: @surface0;
	color: @lavender;
	border-radius: 1rem;
}

#workspaces button.empty {
	color: @overlay1;
}

#workspaces button.active {
	color: @green;
}

/* .modules-right {
	border-radius: 1rem;
	box-shadow: 3px 3px 2px #151515; 
	border: 3px solid @lavender;
	margin: 0.5rem;
    margin-right: 0.7rem;
	color: @text;
	background-color: @base;
} */

#pulseaudio {
	padding: 0.5rem;
	margin: 0.4em;
	background-color: @surface0;
	border-radius: 1rem;
}

#network {
	padding: 0.5rem;
	padding-right: 1rem;
	margin: 0.4em;
	margin-left: 0;
	background-color: @surface0;
	border-radius: 1rem;
}

#temperature {
	padding: 0.5rem;
	padding-right: 1rem;
	margin: 0.4em;
	margin-left: 0;
	background-color: @surface0;
	border-radius: 1rem;
}

#battery {
	padding: 0.5rem;
	padding-right: 1rem;
	margin: 0.4em;
	margin-left: 0;
	background-color: @surface0;
	border-radius: 1rem;
}

#battery.charging {
	color: @green;
}

