linuxscripts/user-config/waybar/style.css

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

window#waybar {
  background: #292b2e;
  color: #fdf6e3;
}

#custom-right-arrow-dark,
#custom-left-arrow-dark {
  color: #1a1a1a;
}
#custom-right-arrow-light,
#custom-left-arrow-light {
  color: #292b2e;
  background: #1a1a1a;
}

#custom-vpn,
#custom-vpn.down,
#network,
#network.disconnected,
#workspaces,
#clock,
#pulseaudio,
#network,
#backlight,
#memory,
#cpu,
#temperature,
#temperature.critical,
#battery,
#tray {
  background: #1a1a1a;
}

#clock {
  color: #3481ed
}
#workspaces button {
  padding: 0 2px;
  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;
}
#backlight {
  color: #b58900;
}
#memory {
  color: #2aa198;
}
#temperature {
  color: #b58900;
}
#temperature.critical {
  color: #dd2241;
}
#cpu {
  color: #6c71c4;
}
#battery {
  color: #859900;
}
#network.disconnected {
  color: #dd2241;
}
#network {
  color: #079e0c
}
#custom-vpn {
    color: #01a004;
}
#custom-vpn.down {
    color: #e02518;
}

#custom-vpn,
#custom-vpn.down,
#network,
#network.disconnected,
#clock,
#pulseaudio,
#backlight,
#memory,
#cpu,
#temperature,
#temperature.critical,
#battery {
  padding: 0 10px;
}