config/waybar/style.css

@define-color base            #191724;
@define-color surface         #1f1d2e;
@define-color overlay         #26233a;

@define-color muted           #6e6a86;
@define-color subtle          #908caa;
@define-color text            #e0def4;

@define-color love            #eb6f92;
@define-color gold            #f6c177;
@define-color rose            #ebbcba;
@define-color pine            #31748f;
@define-color foam            #9ccfd8;
@define-color iris            #c4a7e7;

@define-color highlightLow    #21202e;
@define-color highlightMed    #403d52;
@define-color highlightHigh   #524f67;

* {
  border: none;
  border-radius: 0;
  padding: 0;
  padding-right: 4px;
  margin: 0;
  font-size: 12px;
  font-family: 'JetBrainsMono Nerd Font', monospace;
}

window#waybar {
  background: @base;
  color: @text;
}

#workspaces button {
  padding: 0 10px;
  color: @text;
}

#workspaces button.focused {
  background-color: @overlay;
}

#battery {
  margin-left: 7px;
  margin-right: 3px;
}