shell-things/conf/waybar/style.css

/**
 * Originally based upon, but heavily modified from https://github.com/jan-warchol/selenized/blob/master/other-apps/wofi/selenized-dark.css
 *
 * @format
 */

* {
	border: none;
	border-radius: 0;
	font-family: "Liberation Mono", "Noto Sans Mono", monospace;
	font-size: 10px;
	min-height: 0;
}

window#waybar {
	background: #000000;
	border-right: 1px solid #ffb700;
	color: #ffb700;
}

tooltip {
	background: rgba(43, 48, 59, 0.5);
	border: 1px solid #ffb700;
}
tooltip label {
	color: #ffb700;
}

#workspaces button {
	padding: 5px;
	background: #000000;
	color: #ffb700;
	border-right: 1px solid #ffb700;
}

#workspaces button.focused {
	color: #ff0000;
	background: #000000;
	border-top: 1px solid #ffb700;
	border-bottom: 1px solid #ffb700;
}

#mode,
#clock,
#battery {
	padding: 0 10px;
	border-right: 1px solid #ffb700;
}

#mode {
	background: #000000;
	border-bottom: 1px solid #ffb700;
}

#clock {
	background-color: #000000;
}

#battery {
	background-color: #000000;
	color: #ffb700;
}

#battery.charging {
	color: #ffb700;
	background-color: #000000;
}

@keyframes blink {
	to {
		background-color: #000000;
		color: #ffb700;
	}
}

#battery.warning:not(.charging) {
	background: #000000;
	color: #0000ff;
	animation-name: blink;
	animation-duration: 0.5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}