style.css(waybar)

* {
  border: none;
  border-radius: 0;
  font-family: "JetBrainsMono Nerd Font", monospace;
  font-size: 13px;
  min-height: 0;
  transition: background 0.3s ease;
}

window#waybar {
  background-color: rgba(29, 32, 33, 0.6);  /* Transparent background */
  color: #ebdbb2;
  border-radius: 5px;

}

/* Base style for all modules */
#workspaces,
#gcpu,
#gmemory,
#gtemperature,
#gbattery,
#glanguage,
#gpulseaudio,
#gupdates,
#tray,
#gclock {
  margin: 2px 4px;
  padding: 2px 0;
  border-radius: 5px;
  color: #ebdbb2;
}
#cpu,
#memory,
#temperature,
#battery,
#language,
#pulseaudio,
#custom-updates,
#clock {
  margin: 2px;
  padding: 0 0;
  border-radius: 5px;
  color: #ebdbb2;
}

/* Workspaces module */
#workspaces {
  background-color: rgba(60, 56, 54, 1);
}

#workspaces button {
  padding: 0 4px;
  color: #ebdbb2;
  background: transparent;
  border-radius: 3px;
  margin: 4px 2px;
}

#workspaces button.active {
  background-color: #458588;
  color: #1d2021;
}


/* CPU module with icon accent */
#cpu {
  background-color: #fe8019;
  color: #1d2021;
}
#gcpu {
  background-color: #d65d0e;
  color: #1d2021;
}


/* Memory module */
#memory {
  background-color: #d3869b;
  color: #1d2021;
}
#gmemory {
  background-color: #b16286;
  color: #1d2021;
}


/* Temperature module */
#temperature {
  background-color: #b8bb26;
  color: #1d2021;
}
#gtemperature {
  background-color: #98971a;
  color: #1d2021;
}


/* Battery module */
#battery {
  background-color: #83a598;
  color: #1d2021;
}
#gbattery {
  background-color: #458588;
  color: #1d2021;
}


/* Keyboard state module */
#language {
  background-color: #8ec07c;
  color: #1d2021;
}
#glanguage {
  background-color: #689d6a;
  color: #1d2021;
}


/* Pulseaudio module */
#pulseaudio {
  background-color: #fabd2f;
  color: #1d2021;
}
#gpulseaudio {
  background-color: #d79921;
  color: #1d2021;
}


/* Tray module */
#tray {
  background-color: rgba(80, 73, 69, 1);
  color: #ebdbb2;
}


/* Clock module */
#clock {
  background-color: #fb4934;
  color: #1d2021;
}
#gclock {
  background-color: #cc241d;
  color: #1d2021;
}

/* Updates module */
#custom-updates {
  background-color: #6f8faf;
  color: #1d2021;
}
#gupdates {
  background-color: #4c6c8c;
  color: #1d2021;
}