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

@define-color foreground @rider-fg;
@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;

/*  font-family: 'JetBrainsMono Nerd Font Mono';*/
* {
  color: @foreground;
  font-family: 'JetBrainsMono Nerd Font';
  font-size: 14px;
}

window#waybar {
  background: @background;
  border-radius: 0px;
  box-shadow: none;
  color: @foreground;
}

window#waybar>box {
  padding: 3px 2px;
}

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

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

#custom-launcher,
#workspaces,
#window,
#clock,
#custom-print-queue,
#network,
#bluetooth,
#pulseaudio,
#battery,
#tray,
#custom-power {
  background: transparent;
  border: none;
  border-left: 1px solid alpha(@foreground, 0.18);
  border-radius: 0;
  box-shadow: none;
  margin: 0;
  padding: 0 10px;
}

#custom-launcher,
#workspaces,
#clock,
#custom-print-queue,
#tray {
  border-left: none;
}

#bluetooth,
#pulseaudio {
  border-left: none;
}

#custom-print-queue {
  padding: 0 10px;
}

#network {
  padding: 0 6px 0 10px;
}

#bluetooth {
  padding: 0 6px;
}

#pulseaudio {
  padding: 0 10px 0 6px;
}

#workspaces {
  padding: 0 5px;
}

#workspaces button {
  all: initial;
  min-width: 24px;
  padding: 0 4px;
  margin: 2px 2px;
  border-radius: 6px;
  opacity: 0.9;
}

#workspaces button label {
  color: inherit;
  margin: 0;
  padding: 0;
}

#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: @accent;
  background: alpha(@accent, 0.16);
}

#workspaces button.active label {
  color: @accent;
}

#workspaces button.urgent {
  color: @foreground;
  background: alpha(@danger, 0.26);
}

#workspaces button.urgent label {
  color: @foreground;
}

#window {
  color: @foreground-muted;
  padding: 0 14px;
}

#clock {
  padding: 0 15px;
  box-shadow: none;
  border: none;
}

#tray {
  padding: 0 12px;
}

#custom-power {
  padding: 0px 16px 0px 12px;
}

#custom-launcher:hover,
#workspaces button:hover,
#network:hover,
#custom-print-queue:hover,
#bluetooth:hover,
#pulseaudio:hover,
#battery:hover,
#tray:hover,
#custom-power:hover,
#clock:hover {
  box-shadow: none;
  background: alpha(@background-alt, 0.68);
}

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

.hidden {
  opacity: 0;
}

menu#menu {
  background: @background;
  border: 1px solid alpha(@accent-alt, 0.24);
  border-radius: 14px;
  padding: 8px;
}

menu#menu menuitem {
  border-radius: 10px;
  margin: 10px;
  padding: 8px 12px;
}

menu#menu menuitem:hover {
  background: @background-alt;
}

menu#menu menuitem.section-header {
  color: @foreground-muted;
  font-size: 14px;
  margin-top: 4px;
  padding: 4px 12px;
}

menu#menu menuitem#lock {
  color: @accent;
}

menu#menu menuitem#logout {
  color: @accent-soft;
}

menu#menu menuitem#suspend,
menu#menu menuitem#hibernate {
  color: @type;
}

menu#menu menuitem#reboot {
  color: @warning;
}

menu#menu menuitem#shutdown {
  color: @danger;
  font-weight: 700;
}

menu#menu separator {
  background: alpha(@accent-alt, 0.24);
  margin: 6px 10px;
}
