nixos/jaci/dotfiles/waybar/style.css

@define-color celadon #b0f2b4;
@define-color celeste #baf2e9;
@define-color thistle #dfc2f2;
@define-color english_violet #51344d;
@define-color indian_red #c97064;
@define-color black_olive #1f271b;
@define-color egg_shell #f8f1dd;

* {
  border: none;
  border-radius: 0;
  margin: 0;
  padding: 0;
  color: @egg_shell;
  font-family: "GohuFont 14 Nerd Font";
  font-size: 16px;
  font-weight: normal;
}

/* The whole bar */
#waybar {
  background: transparent;
  background-color: transparent;
}

#taskbar {
  background: transparent;
  color: @egg_shell;
}

#taskbar button {
  padding-left: 3px;
  padding-right: 3px;
  margin-left: 3px;
  margin-right: 3px;
  color: transparent;
  border-bottom: 2px solid;
}

#taskbar button.active {
  color: @celeste;
}

.modules-left,
.modules-right,
.modules-center {
  margin: 8px 8px 1px 8px;
  background: transparent;
  color: @egg_shell;
  background-color: @english_violet;
  border-radius: 25px;
  padding: 0px 10px 0px 10px;
}

/* Every modules */
#clock,
#cpu,
#custom-spotify,
#memory,
#network,
#pulseaudio,
#taskbar {
  padding: 0.5rem 0.6rem;
  margin: 1px 0px;
}

/* -----------------------------------------------------------------------------
 * Modules styles
 * -------------------------------------------------------------------------- */

#clock {
  min-width: 140px;
}

#cpu.warning,
#cpu.critical,
#memory.warning,
#memory.critical,
#network.disconnected {
  color: @indian_red;
}

#pulseaudio {
  padding-top: 6px;
}

#pulseaudio.muted {
  color: @celeste;
}

#custom-spotify {
  color: @celadon;
}

#custom-power {
  margin-left: 15px;
  margin-right: 15px;
  font-size: 15px;
  color: @indian_red;
}