1 files changed, 107 insertions, 0 deletions
diff --git a/home/apps/waybar/style.nix b/home/apps/waybar/style.nix
new file mode 100644
index 0000000..21a8de5
--- /dev/null
+++ b/home/apps/waybar/style.nix
@@ -0,0 +1,107 @@
+{theme}: let
+  text = "#${theme.colors.text}";
+  base = "#${theme.colors.base}";
+  surface = "#${theme.colors.surface}";
+  primary = "#${theme.colors.primary}";
+  success = "#${theme.colors.success}";
+  warning = "#${theme.colors.warning}";
+  error = "#${theme.colors.error}";
+  fontSize = "${toString theme.font.size}px";
+  outerGap = "${toString theme.outerGap}px";
+  innerGap = "${toString theme.innerGap}px";
+  outerRadius = "${toString theme.outerRadius}px";
+  innerRadius = "${toString theme.innerRadius}px";
+  borderWidth = "${toString theme.borderWidth}px";
+in ''
+  /** Base */
+
+  * {
+      all: unset;
+  }
+
+  window#waybar {
+      font-family: "${theme.font.regular}", "${theme.font.icon}", "${theme.font.monospace}";
+      font-size: ${fontSize};
+      color: ${text};
+      background-color: ${base};
+  }
+
+  /** Workspaces */
+
+  #workspaces {
+      margin-left: ${outerGap};
+  }
+
+  #workspaces button {
+      border-radius: ${innerRadius};
+      margin: 4px 2px;
+      padding: 0px 7px;
+      background: ${surface};
+      color: ${text};
+  }
+
+  #workspaces button.focused,
+  #workspaces button.active {
+      background: ${primary};
+      color: ${base};
+  }
+
+  #workspaces button.urgent {
+      background: ${error};
+  }
+
+  /** Tray */
+
+  #tray {
+      border: none;
+      margin-right: ${outerGap};
+  }
+
+  #tray > .passive {
+      -gtk-icon-effect: dim;
+  }
+
+  #tray > .needs-attention {
+      -gtk-icon-effect: highlight;
+  }
+
+  /** Right modules */
+
+  #battery,
+  #wireplumber,
+  #network {
+      padding: 0 ${outerGap};
+  }
+
+  /** Battery */
+
+  #battery.charging {
+      color: ${success};
+  }
+
+  #battery.warning:not(.charging) {
+      color: ${warning};
+  }
+
+  #battery.critical:not(.charging) {
+      color: ${error};
+  }
+
+  /** Wireplumber */
+
+  #wireplumber.muted {
+      color: ${error};
+  }
+
+  /** Network */
+
+  #network.wifi,
+  #network.ethernet {
+      color: ${success};
+  }
+
+  #network.disconnected {
+      color: ${error};
+  }
+
+''