2 files changed, 132 insertions, 0 deletions
diff --git a/common/home/programs/waybar/default.nix b/common/home/programs/waybar/default.nix
new file mode 100644
index 0000000..7e59bf2
--- /dev/null
+++ b/common/home/programs/waybar/default.nix
@@ -0,0 +1,44 @@
+{ ... }:
+{
+  enable = true;
+  systemd.enable = true;
+  settings = {
+    mainBar = {
+      layer = "top";
+      position = "left";
+      width = 50;
+      outputs = "*";
+      spacing = 10;
+      modules-left = [ "hyprland/workspaces" ];
+      modules-center = [ ];
+      modules-right = [
+        "bluetooth"
+        "battery"
+        "tray"
+      ];
+
+      "hyprland/workspaces" = {
+        format = "{icon}";
+      };
+
+      "hyprland/window" = {
+        separate-outputs = true;
+      };
+
+      bluetooth = {
+        format = "";
+        format-disabled = "󰂲";
+        format-off = "󰂲";
+        format-on = "";
+        format-connected = "󰂱";
+        on-click = "blueberry";
+      };
+
+      tray = {
+        icon-size = 15;
+        spacing = 10;
+      };
+    };
+  };
+  style = ./style.css;
+}
diff --git a/common/home/programs/waybar/style.css b/common/home/programs/waybar/style.css
new file mode 100644
index 0000000..d3dc7a1
--- /dev/null
+++ b/common/home/programs/waybar/style.css
@@ -0,0 +1,88 @@
+* {
+	font-family: 'SauceCodePro NF';
+}
+
+window {
+	background: transparent;
+}
+
+#workspaces  {
+	background: #282828;
+	border-radius: 5px;
+	margin-left: 10px;
+	padding: 5px;
+}
+
+#workspaces button {
+	border: 5px solid #282828;
+	padding: 0px;
+}
+
+#workspaces button.active {
+	border-right: 5px solid #b16286;
+	border-radius: 0px;
+}
+
+#workspaces button:hover {
+	border-radius: 20px;
+	border: 5px solid #1d2021;
+	background: #1d2021;
+	padding: 0px;
+}
+
+#workspaces button.active:hover {
+	border: 5px solid #1d2021;
+	border-right: 5px solid #b16286;
+	border-radius: 20px;
+	background: #1d2021;
+	padding: 0px;
+}
+
+#tray, #bluetooth {
+	background: #282828;
+	border-radius: 5px;
+	margin-left: 10px;
+	padding: 10px 5px;
+}
+
+#tray window {
+	border-radius: 5px;
+}
+
+#battery {
+	background: #458588;
+	color: #282828;
+	border-radius: 5px;
+	margin-left: 10px;
+	padding: 10px 5px;
+}
+
+#battery.charging {
+	background: #689d6a;
+}
+
+#battery.warning:not(.charging) {
+	background: #cc241d;
+}
+
+.modules-left {
+	margin-top: 10px;
+}
+
+.modules-right {
+	margin-bottom: 10px;
+}
+
+.popup menu {
+	border: 3px solid #3c3836;
+	border-radius: 10px;
+	padding: 10px;
+}
+
+.popup menu menuitem {
+	border-radius: 5px;
+}
+
+.popup decoration {
+	background: transparent;
+}