github.com-nboughton-dotfiles/waybar/style.css

* {
	font-size: 11px;
	font-family: "Roboto", "Font Awesome 5 Free";
}

window#waybar {
	color: #d8dee9;
	background: rgba(76, 86, 106, 0.75);
	border-radius: 7px;
}

#custom-pacman {
	font-family: "Symbols Nerd Font";
}

/* Base styling for modules */
#workspaces,
#mode,
#window,
#idle_inhibitor,
#custom-weather,
#pulseaudio,
#memory,
#cpu,
#clock,
#battery,
#backlight,
#disk,
#custom-pacman,
#custom-auroch,
#custom-swap,
#custom-spotify,
#custom-separator,
#taskbar,
#tray {
	padding: 0px 7px 0px 7px;
	text-shadow: 1px 1px 1px #2e3440;
	border-radius: 0px;
}

/* Separator */
#custom-separator {
	color: #d8dee9;
	background: none;
	padding: 0px;
	opacity: 0.3;
}

/* TOP BAR (left)*/
#workspaces {
	padding: 0px;
}
#workspaces button {
	padding: 0px 5px 0px 5px;
	border-radius: 0px;
}
#workspaces button#sway-workspace-1 {
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
}
#workspaces button.focused {
	background: rgba(94,129,172, 0.7);
}

#idle_inhibitor {
	margin: 0px;
}
#idle_inhibitor.activated {
	background: rgba(163, 190, 140, 0.6);
}
#idle_inhibitor.deactivated {
	background: rgba(208, 135, 112, 0.6);
}

#mode {
	background: rgba(191, 97, 106, 0.7);
}

/* TOP BAR (right) */
#disk.1,
#memory {
	padding-right: 3px;
}
#disk.2,
#custom-swap {
	padding-left: 3px;
}

#custom-pacman.no-updates,
#custom-auroch.no-updates {
	background: rgba(163, 190, 140, 0.7);
}
#custom-pacman.updates,
#custom-auroch.updates {
	background: rgba(180, 142, 173, 0.7);
}
#custom-pacman.error {
	background: rgba(191, 97, 106, 0.7);
}

#tray {
	background: rgba(94,129,172, 0.7);
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
}

/* BOTTOM BAR (left to right)*/
#custom-weather {
	background: rgba(94,129,172, 0.7);
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
}

#taskbar {
	padding-left: 0px;
}
#taskbar button {
	border-radius: 0px;
	padding-right: 3px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-shadow: 1px 1px 1px #2e3440;
}
#taskbar button.active {
	background: rgba(180, 142, 173, 0.7);
}

#custom-spotify {
	background: rgba(94,129,172, 0.7);
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
}