style.css

/* Don't edit this file, modify styleoptions.css if you want to change color */

* {
  border: none;
  font-family: MonaspiceNe Nerd Font Propo;
  font-size: 14px;
}

#leftside,
#centerbottom {
  background-color: @bg-color;
  border-radius: 16px;
  margin: 8px 0px 8px 8px;
}

#custom-poweroff,
#custom-sleep,
#custom-exit {
  font-size: 30px;
  padding: 0px 6px 0px 6px;
}

#user label {
  font-size: 18px;
  padding: 0px 6px 0px 6px;
}

#rightside {
  background-color: @bg-color;
  border-radius: 16px;
  margin: 8px 8px 8px 0px;
  color: @fg-color;
}

#traygroup {
  background-color: @tray-bg-color;
  border-radius: 16px;
  color: @tray-fg-color;
  padding-right: 8px;
  margin: 4px;
}

#stats {
  padding-left: 8px;
  padding-right: 12px;
}

#traygroup.generic {
  margin-left: 8px;
}

#custom-timeprefix,
#custom-cpuprefix,
#custom-dateprefix,
#custom-memoryprefix,
#network.statusprefix,
#mpris.prefix,
#network.dnlprefix,
#network.uplprefix,
#battery.prefix {
  padding-right: 4px;
}

window {
  /* background: @fg-color; */
  background: rgba(30, 30, 46, 0);
  color: @fg-color;
}

#window,
#clock.centered {
  border-radius: 16px;
  /*background: @bg-color;*/
  background: @bg-color;
  padding: 2px 8px 2px 8px;
  font-weight: Bold;
  margin: 8px 4px 8px 4px;
}

#tray {
  padding: 0px 0px 0px 8px;
}

#privacy {
  padding: 0px 0px 0px 8px;
}

#custom-cc {
  padding: 0px 8px 0px 4px;
}

window#waybar.empty #window,
window#waybar.solo #window {
  background: transparent;
}

window#waybar.floating,
window#waybar.tiled {
  background: transparent;
}

#workspaces,
#custom-app {
  all: initial;
  padding: 4px;
  color: @fg-color;
}

#mode {
  border-radius: 16px;
  padding: 0px 8px;
  margin-left: 4px;
}

#custom-app {
  font-family: FantasqueSansM Nerd Font;
  font-size: 14px;
}

#workspaces button {
  all: initial;
  padding: 0px 8px 0px 8px;
  background: transparent;
  border-radius: 12px;
  color: @fg-color;
}

#workspaces button.focused,
#workspaces button.active,
#workspaces button.visible {
  background: @selected-bg-color;
  color: @selected-fg-color;
}

@import url("styleoptions.css");