dotfiles/waybar/style.css

* {
  font-weight: 400;
}

window#waybar {
  font-family: "Sys TT", "Font Awesome";
  background-color: #458588;
  border-bottom: 2px solid #282828;
  font-size: 16px;
}

button {
  border-radius: 0;
  border: none;
  opacity: 1;
}

tooltip {
  color: #282828;
  border-width: 0;
  border-radius: 0;
  font-weight: 400;
  background-color: #bdae93;
  box-shadow: none;
}

tooltip label {
  color: #282828;
}

/* Layout */

#taskbar {
  margin-right: 10px;
}

#clock,
#custom-wakatime,
#network,
#bluetooth,
#cpu,
#memory,
#temperature,
#backlight,
#pulseaudio,
#disk,
#custom-diskBackup,
#battery {
  padding: 2px 8px 0;
  margin: 5px 3px 6px;
}

#taskbar button {
  margin: 5px 0 6px;
  font-size: 18px;
  padding: 0px 4px;
}

#custom-timewarrior,
#custom-notification,
#custom-lock,
#custom-shutdown,
#custom-restart,
#idle_inhibitor,
#custom-logout {
  margin: 5px 0 6px;
  font-size: 18px;
  padding: 0px 8px;
  /* margin: 8px 0 10px; */
}

#taskbar button {
  background-color: #a89984;
  border: 2px solid; /* Base border */
  border-color: #ebdbb2 #665c54 #665c54 #ebdbb2;
}

#workspaces button {
  margin: 5px 0 6px;
  font-size: 18px;
  color: #ebdbb2;
  padding: 3px 5px 0;
  background-color: #665c54;
  border: 2px solid; /* Base border */
  border-color: #928374 #282828 #282828 #928374;
}

#workspaces > *:last-child {
  margin-right: 10px;
}

#custom-notification {
  margin-right: 5px;
}

/* Colours */

#taskbar button.active {
  background-color: #ebdbb2;
  border: 2px solid; /* Base border */
  border-color: #fbf1c7 #a89984 #a89984 #fbf1c7;
}

#battery,
#battery.charging,
#battery.plugged {
  color: #282828;
  background-color: #a89984;
  border: 2px solid; /* Base border */
  border-color: #ebdbb2 #665c54 #665c54 #ebdbb2;
}

#clock {
  color: #282828;
  background-color: #a89984;
  border: 2px solid; /* Base border */
  border-color: #ebdbb2 #665c54 #665c54 #ebdbb2;
}
#cpu,
#memory,
#temperature,
#backlight {
  color: #282828;
  background-color: #a89984;
  border: 2px solid; /* Base border */
  border-color: #ebdbb2 #665c54 #665c54 #ebdbb2;

  color: #282828;
}

#disk,
#custom-diskBackup {
  color: #282828;
  background-color: #a89984;
  border: 2px solid; /* Base border */
  border-color: #ebdbb2 #665c54 #665c54 #ebdbb2;
}

#network,
#bluetooth,
#pulseaudio {
  color: #282828;
  background-color: #a89984;
  border: 2px solid; /* Base border */
  border-color: #ebdbb2 #665c54 #665c54 #ebdbb2;

  /* background-color: #c0c0c0; */
  /*   border: 2px solid; /1* Base border *1/ */
  /*   border-color: #ffffff #808080 #808080 #ffffff; */
  /*   color: #282828; */
}

#workspaces button.urgent,
#temperature.critical,
#network.disconnected,
#battery.critical:not(.charging) {
  color: #ebdbb2;
  background-color: #cc241d;
  border-color: #fb4924 #9d0006 #9d0006 #fb4924;
}

#custom-wakatime {
  color: #282828;
  background-color: #a89984;
  border: 2px solid; /* Base border */
  border-color: #ebdbb2 #665c54 #665c54 #ebdbb2;
}

#workspaces button.active {
  color: #282828;
  background-color: #ebdbb2;
  border: 2px solid; /* Base border */
  border-color: #fbf1c7 #a89984 #a89984 #fbf1c7;
}

#custom-timewarrior.active {
  color: #282828;
  background-color: #98971a;
  border: 2px solid; /* Base border */
  border-color: #b8bb27 #79740e #79740e #b8bb27;
}

#custom-timewarrior {
  margin-left: 10px;
}

/* Specific module styles */

#custom-os {
  margin: 5px 15px 5px 5px;
  font-size: 18px;
  padding: 0 12px 0 5px;
  /* padding-right: 14px; */
  color: #282828;
  background-color: #a89984;
  border: 2px solid; /* Base border */
  border-color: #ebdbb2 #665c54 #665c54 #ebdbb2;
}

#custom-notification {
  margin-left: 10px;
}

#custom-timewarrior {
  margin-right: 10px;
}

#custom-timewarrior,
#custom-notification,
#custom-lock,
#custom-shutdown,
#custom-restart,
#idle_inhibitor,
#custom-logout {
  background-color: #665c54;
  border: 2px solid; /* Base border */
  border-color: #928374 #282828 #282828 #928374;
  color: #ebdbb2;
}