@import "colors.css";

* {
	font-family: "BigBlueTermPlus Nerd Font", SymbolsNerdFont;
	font-weight: normal;
	font-size: 14px;
	min-height: 0px;
}

window#waybar {
/*	background-color: transparent; */
	background: @on_primary_fixed;
	transition-property: background-color;
	transition-duration: .5s;
	border-radius: 0px;
}

#workspaces {
	background-color: @on_pimary_fixed;
	border-radius: 0px;
  margin: 0px 0px 0px 5px;
}
#workspaces button,
#workspaces button:hover,
#workspaces button.active {
	border-radius: 0px;
  padding: 2px 0px 0px 0px;
}
#workspaces button {
	color: @secondary_fixed_dim;
}
#workspaces button:hover {
	color: @primary_fixed;
}
#workspaces button.active {
  color: @primary_fixed_dim
}

#custom-power, #custom-runner, #custom-batmon,
#wireplumber, #wireplumber.muted,
#custom-rbracket, #custom-lbracket, #tray, #language, #clock, #window {
 	background: @on_pimary_fixed;
	border-radius: 0px;
	color: @primary_fixed_dim;
	margin: 4px 2px 4px 2px;
  padding: 2px 0px 0px 0px;
}

#custom-rbracket {
  margin: 4px 2px 4px 0px;
}
#custom-lbracket {
  margin: 4px 0px 4px 2px;
}

window#waybar.empty #window {
    color: transparent;
}

#custom-power {
  margin: 4px 1px 4px 5px;
}

#tray {
  margin: 0px 8px;
  margin: 4px 0px 4px 0px
}

#wireplumber, #wireplumber.muted {
}
#wireplumber.muted {
  color: @error;
}

#clock {
  margin: 4px 5px 4px 1px;
}