etc/waybar/style.css

* {
	font-size: 15px;
	font-family: monospace;
}

window#waybar {
	background: black;
	color: white;
}

#custom-right-arrow-dark,
#custom-left-arrow-dark {
	color: black;
    background : white ;
}
#custom-right-arrow-light,
#custom-left-arrow-light {
	color: white;
	background: black;
}

#workspaces,
#clock.1,
#clock.2,
#clock.3,
#pulseaudio,
#memory,
#cpu,
#battery,
#disk,
#tray {
	background: black;
}

/*#workspaces button {
	padding: 0 1px;
	color: #fdf6e3;
}
#workspaces button.focused {
	color: #268bd2;
}
#workspaces button:hover {
	box-shadow: inherit;
	text-shadow: inherit;
}
#workspaces button:hover {
	background: #1a1a1a;
	border: #1a1a1a;
	padding: 0 3px;
}*/

#pulseaudio {
	color: #268bd2;
}
#memory {
	color: #2aa198;
}
#cpu {
	color: #6c71c4;
}
#battery {
	color: #859900;
}
#disk {
	color: #b58900;
}

#clock,
#pulseaudio,
#memory,
#cpu,
#battery,
#disk {
	padding: 0 10px;
}

#tags button {
  background : black ;
  color : white ;
}

#tags button.occupied {
  background : gray ;
}

#tags button.focused {
  background : white ;
  color : black ;
}

#window {
  color : black ;
  background: white ;
}

#mode {
  background : black ;
  color : white ;
}