arthur-os/config/waybar/style.css

@import "../omarchy/current/theme/waybar.css";

* {
  background-color: @background;
  color: @foreground;

  border: none;
  border-radius: 0;
  min-height: 0;
  font-family: 'JetBrainsMono Nerd Font';
  font-size: 12px;
}

.modules-left {
  margin-left: 8px;
}

.modules-right {
  margin-right: 8px;
}

#workspaces button {
  all: initial;
  padding: 0 6px;
  margin: 0 1.5px;
  min-width: 9px;
}

#workspaces button.empty {
  opacity: 0.5;
}

#cpu,
#battery,
#pulseaudio,
#custom-omarchy,
#custom-update {
  min-width: 12px;
  margin: 0 7.5px;
}

#tray {
  margin-right: 16px;
}

#bluetooth {
  margin-right: 17px;
}

#network {
  margin-right: 13px;
}

#custom-expand-icon {
  margin-right: 18px;
}

tooltip {
  padding: 2px;
}

#custom-update {
  font-size: 10px;
}

#clock {
  margin-left: 8.75px;
}

#custom-weather {
  margin-left: 7.5px;
  margin-right: 7.5px;
  min-width: 14px;
}

#custom-weather.unavailable {
  min-width: 0;
  margin: 0;
  padding: 0;
}

.hidden {
  opacity: 0;
}

#custom-screenrecording-indicator,
#custom-idle-indicator,
#custom-notification-silencing-indicator {
  min-width: 12px;
  margin-left: 5px;
  margin-right: 0;
  font-size: 10px;
  padding-bottom: 1px;
}

#custom-screenrecording-indicator.active {
  color: #a55555;
}

#custom-idle-indicator.active,
#custom-notification-silencing-indicator.active {
  color: #a55555;
}

#custom-voxtype {
  min-width: 12px;
  margin: 0 0 0 7.5px;
}

#custom-voxtype.recording {
  color: #a55555;
}

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

.left #workspaces button, .right #workspaces button {
  padding: 6px 0;
  margin: 1.5px 0;
}

.left #cpu, .right #cpu,
.left #battery, .right #battery,
.left #pulseaudio, .right #pulseaudio,
.left #custom-omarchy, .right #custom-omarchy,
.left #custom-update, .right #custom-update {
  margin: 1.5px 0;
  padding: 6px 0;
  min-width: 0;
  min-height: 12px;
}

.left #tray, .right #tray { margin: 0 0 16px 0; }
.left #bluetooth, .right #bluetooth { margin: 1.5px 0; padding: 6px 0; min-height: 12px; }
.left #network, .right #network { margin: 1.5px 0; padding: 6px 0; min-height: 12px; }
.left #custom-expand-icon, .right #custom-expand-icon { margin: 1.5px 0; padding: 6px 0; min-height: 12px; }
.left #clock, .right #clock { margin: 8.75px 0 0 0; }
.left #custom-weather, .right #custom-weather { margin: 1.5px 0; padding: 6px 0; min-height: 12px; min-width: 14px; margin-right: 4px; }

.left #custom-screenrecording-indicator, .right #custom-screenrecording-indicator,
.left #custom-idle-indicator, .right #custom-idle-indicator,
.left #custom-notification-silencing-indicator, .right #custom-notification-silencing-indicator {
  margin: 5px 0 0 0;
  min-width: 0;
  min-height: 12px;
}

.left #custom-voxtype, .right #custom-voxtype { margin: 7.5px 0 0 0; min-width: 0; min-height: 12px; }

#custom-expand-icon.vertical,
.left #custom-expand-icon.horizontal,
.right #custom-expand-icon.horizontal {
  opacity: 0;
  font-size: 0;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
}

.left #custom-expand-icon.vertical,
.right #custom-expand-icon.vertical {
  opacity: 1;
  font-size: inherit;
  min-width: 0;
  min-height: 12px;
  margin: 1.5px 0;
  padding: 6px 0;
}

#clock.vertical,
.left #clock.horizontal,
.right #clock.horizontal {
  opacity: 0;
  font-size: 0;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
}

.left #clock.vertical,
.right #clock.vertical {
  opacity: 1;
  font-size: inherit;
  min-width: 0;
  min-height: 12px;
  margin: 8.75px 0 0 0;
}