dotfiles/waybar/style.css

@define-color background #1d2021;
@define-color foreground #ebdbb2;
@define-color dim        #928374;
@define-color yellow     #fabd2f;
@define-color red        #fb4934;
@define-color green      #b8bb26;

* {
  background: @background;
  border: none;
  border-radius: 0;
  font-family: Input, "Font Awesome 6 Free Solid";
  font-size: 10px;
  min-height: 0;
}

#submap {
  border-bottom: 3px solid @red;
}

#custom-usbguard,
#custom-decrypted,
#custom-updates,
#custom-mail,
#battery.warning,
#disk.warning,
#memory.warning,
#cpu.warning,
#custom-movie.on,
#custom-dnd.dnd-notification,
#custom-dnd.dnd-none {
  border-top: 3px solid @background;
  border-bottom: 3px solid @yellow;
}

#custom-security,
#custom-systemd,
#battery.critical,
#disk.critical,
#memory.critical,
#cpu.critical,
#custom-eyes,
#custom-recording {
  border-top: 3px solid @background;
  border-bottom: 3px solid @red;
}

battery.charging {
  border-top: 3px solid @background;
  border-bottom: 3px solid @green;
}

#submap,
#pulseaudio,
#custom-clipboard,
#network,
#cpu,
#disk,
#memory,
#backlight,
#battery,
#clock {
  padding: 0 6px;
  margin: 0 6px;
}


#tray {
  margin-left: -1000000px;
}
#workspaces,
#window,
#temperature,
#backlight,
#battery,
#custom-clipboard,
#clock,
#cpu,
#custom-progress,
#custom-recording,
#custom-security,
#custom-systemd,
#custom-updates,
#custom-usbguard,
#custom-yubikey,
#disk,
#memory,
#submap,
#network,
#pulseaudio
 {
  color: @foreground;
}