dotfiles/waybar/style.css

* {
  min-height: 0;
}

window#waybar {
  font-family: "Sys TT", "Font Awesome";
  background-color: #bdae93;
  padding: 2px 0;
  border-left: 2px solid #ebdbb2;
  border-top: 2px solid #ebdbb2;
  border-right: 2px solid #665c54;
  border-bottom: 2px solid #665c54;
}

#workspaces button {
  font-size: 14px;
}

#workspaces button.active {
  font-style: italic;
}

#workspaces button:hover {
  background-color: transparent;
  border: none;
}

#timeTracker,
#custom-timewarrior.active,
#workspaceList,
#clockOutput,
#metrics {
  background-color: #bdae93;
  border-left: 2px solid #665c54;
  border-top: 2px solid #665c54;
  border-right: 2px solid #ebdbb2;
  border-bottom: 2px solid #ebdbb2;
  margin: 5px 3px;
  padding: 0 10px;
}

#controls,
#workspaces > *:last-child {
  margin-right: 3px;
}

#image.timewarrior,
#image.notification,
#image.os,
#image.keys,
#image.shutdown,
#image.restart,
#taskbar button {
  background-color: #bdae93;
  color: #282828;
  border-top: 2px solid #ebdbb2;
  border-left: 2px solid #ebdbb2;
  border-bottom: 2px solid #665c54;
  border-right: 2px solid #665c54;
  margin: 5px 3px;
  margin-right: 0;
  padding: 3px;
}

#image.code,
#image.battery,
#image.backup,
#image.harddrive,
#image.volume,
#image.backlight,
#image.cpu,
#image.memory,
#image.internet,
#image.bluetooth {
  margin-right: 5px;
}

#image.code,
#image.battery,
#image.backup,
#image.harddrive,
#image.volume,
#image.backlight,
#image.cpu,
#image.memory {
  margin-left: 10px;
}

#image.backlight,
#image.volume {
  padding-bottom: 2px;
}

#image.harddrive,
#image.backup {
  padding-bottom: 5px;
}

#network {
  margin-right: 10px;
}

tooltip {
  color: #282828;
  border-radius: 0;
  font-weight: 400;
  background-color: #bdae93;
  border-left: 1px solid #ebdbb2;
  border-top: 1px solid #ebdbb2;
  border-right: 1px solid #665c54;
  border-bottom: 1px solid #665c54;
  padding: 5px 10px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}

tooltip label {
  padding: 8px;
  color: #282828;
}

#custom-timewarrior.active {
  color: #cc241d;
  font-weight: bold;
}