dotfiles/config/waybar/style.css

* {
  font-family: "Departure Mono";
  font-size: 19px;
  padding: 0;
  margin: 0;
  border: none;
  background: #000000;
  color: #ffffff;
}

window#waybar {
  background: #000000;
  color: #ffffff;
}

/* Workspaces */
#workspaces button {
  background: #000000;
  color: #888888;
  padding: 0 4px;
  margin: 0 1px;
  transition-duration: 0s;
}

#workspaces button.focused {
  color: #ffffff;
  font-weight: bold;
  transition-duration: 0s;
}

/* Layout icon */
#sway-layout {
  margin-left: 8px;
  margin-right: 8px;
  min-width: 20px;
}

/* WINDOW TITLE with distinct background */
#sway-window {
  background-color: #222222;
  color: #ffffff;
  padding: 2px 8px;
  margin: 0 4px;
}

/* Filler pushes the window title toward the right modules */
#custom-filler {
  background: transparent;
  color: transparent;
  min-width: 800px;
}

/* DWM-style right status bar */
#custom-dwmstatus {
  margin-right: 10px;
}