@import url("../rider-palette/palette.css");

@define-color foreground @rider-fg-bright;
@define-color foreground-muted @rider-fg-gutter;
@define-color background @rider-bg;
@define-color background-alt @rider-cursor-line;
@define-color accent @rider-func;
@define-color accent-alt @rider-keyword;
@define-color accent-soft @rider-field;
@define-color type @rider-type;
@define-color warning @rider-string;
@define-color danger @rider-error;

* {
  color: @foreground;
  font-family: 'JetBrainsMono Nerd Font Mono';
  font-size: 15px;
  min-height: 0;
}

window#waybar {
  background: transparent;
  color: @foreground;
}

tooltip {
  background: @background;
  border: 1px solid @accent-alt;
  border-radius: 12px;
}

.modules-left,
.modules-center,
.modules-right {
  margin: 0;
}

#custom-launcher,
#workspaces,
#window,
#clock,
#network,
#bluetooth,
#pulseaudio,
#cpu,
#memory,
#tray,
#custom-power {
  background: @background;
  border: 1px solid alpha(@accent-alt, 0.22);
  border-radius: 14px;
  margin: 0 5px;
  padding: 0 12px;
  min-height: 34px;
}

#custom-launcher {
  background: @accent;
  border-color: @accent;
  color: @background;
  font-size: 18px;
  padding: 0 14px 0 12px;
}

#workspaces {
  padding: 0 6px;
}

#workspaces button {
  all: initial;
  min-width: 18px;
  padding: 0 8px;
  margin: 5px 2px;
  border-radius: 10px;
  color: @foreground-muted;
  opacity: 0.9;
}

#workspaces button.empty {
  color: @foreground-muted;
  opacity: 0.45;
}

#workspaces button.visible {
  color: @accent-alt;
  background: alpha(@accent-alt, 0.12);
}

#workspaces button.active {
  color: @background;
  background: @accent;
  opacity: 1;
}

#window {
  color: @foreground-muted;
  padding-right: 16px;
}

#clock {
  border-color: alpha(@accent, 0.35);
  color: @foreground;
  font-weight: 700;
  padding: 0 18px;
}

#network {
  color: @accent-soft;
}

#bluetooth {
  color: @type;
}

#pulseaudio {
  color: @accent;
}

#cpu,
#memory {
  color: @warning;
}

#tray {
  padding: 0 14px;
}

#custom-power {
  color: @danger;
  padding: 0 13px;
}

#custom-launcher:hover,
#workspaces button:hover,
#network:hover,
#bluetooth:hover,
#pulseaudio:hover,
#cpu:hover,
#memory:hover,
#tray:hover,
#custom-power:hover,
#clock:hover {
  box-shadow: none;
  background: @background-alt;
}

#custom-launcher:hover,
#workspaces button.active:hover {
  background: @accent;
}

.hidden {
  opacity: 0;
}
