waybar to nix config

hosts/default/home.nix

@@ -152,10 +152,10 @@
       recursive = true;
       source = ../../modules/non-nix_configs/river;
     };
-    "waybar" = {
+    # "waybar" = {
-      recursive = true;
+    #   recursive = true;
-      source = ../../modules/non-nix_configs/waybar;
+    #   source = ../../modules/non-nix_configs/waybar;
-    };
+    # };
     "wofi" = {
       recursive = true;
       source = ../../modules/non-nix_configs/wofi;
@@ -229,11 +229,11 @@
     obs-studio = {
       enable = true;
     };
-    waybar = {
+    # waybar = {
-      enable = true;
+    #   enable = true;
-      systemd.enable = true;
+    #   systemd.enable = true;
-      systemd.target = "hyprland-session.target";
+    #   systemd.target = "hyprland-session.target";
-    };
+    # };
     wofi.enable = true;
   };
 

modules/desktop/hyprland.nix

@@ -19,6 +19,9 @@
     # hyprpolkit -- not in nixpkgs yet
   ];
 
+  imports = [
+    ./waybar.nix
+  ];
   wayland.windowManager.hyprland = {
     package = inputs.hyprland.packages.${pkgs.system}.hyprland;
     enable = true;

modules/desktop/waybar.css

@@ -0,0 +1,328 @@
+@define-color white      #F2F2F2;
+@define-color black      #000203;
+@define-color text       #BECBCB;
+@define-color lightgray  #686868;
+@define-color darkgray   #353535;
+@define-color red        #C50F1F;
+@define-color blue       #00FFB2;
+@define-color lightgreen #a6e3a1;
+@define-color magenta    #f5c2e7;
+@define-color archbtw    #1793d1;
+@define-color purple     #881798;
+
+@define-color black-transparent-1 rgba(0, 0, 0, 0.1);
+@define-color black-transparent-2 rgba(0, 0, 0, 0.2);
+@define-color black-transparent-3 rgba(0, 0, 0, 0.3);
+@define-color black-transparent-4 rgba(0, 0, 0, 0.4);
+@define-color black-transparent-5 rgba(0, 0, 0, 0.5);
+@define-color black-transparent-6 rgba(0, 0, 0, 0.6);
+@define-color black-transparent-7 rgba(0, 0, 0, 0.7);
+@define-color black-transparent-8 rgba(0, 0, 0, 0.8);
+@define-color black-transparent-9 rgba(0, 0, 0, 0.9);
+@define-color black-solid         rgba(0, 0, 0, 1.0);
+
+* {
+  font-family: Iosevka, Material Design Icons Desktop;
+  font-weight: bold;
+  font-size: 16px;
+}
+/*
+* {
+    border: none;
+    border-radius: 0;
+    font-family: Cartograph CF Nerd Font, monospace;
+    font-weight: bold;
+    font-size: 16px;
+    min-height: 0;
+}
+ */
+
+window#waybar {
+  background-color: @black-transparent-6;
+  color: @text;
+  border-radius: 7px;
+  border: 2px solid @purple;
+  /* border: 1px solid rgba(0, 0, 0, 0.0); */
+}
+
+tooltip {
+  background: @black-transparent-9;
+  border: 1px solid @darkgray;
+  border-radius: 7px;
+}
+
+tooltip label {
+  color: @text;
+}
+
+#tags {
+}
+
+#tags button {
+  background-color: transparent;
+  color: @lightgray;
+  padding: 0;
+  /* margin: 0; */
+  margin-top: 3px;
+  margin-bottom: 3px;
+  /* margin-left: 1px;
+  margin-right: 1px; */
+  border-radius: 6px;
+  transition: all 0.3s ease;
+}
+
+#tags button:hover {
+  box-shadow: inherit;
+  text-shadow: inherit;
+  background: @lightgray;
+  border: 1px solid rgba(0, 0, 0, 0.0);
+  color: @white;
+  transition: all 0.3s ease;
+}
+
+#tags button.focused {
+  /* background-color: @darkgray; */
+  /* border: 1px solid @darkgray; */
+  color: @white;
+  transition: all 0.3s ease;
+  animation: colored-gradient 10s ease infinite;
+}
+
+/* #workspaces button.focused:hover,
+#workspaces button.active:hover {
+  background-color: @white;
+  transition: all 1s ease;
+} */
+
+#tags button.urgent {
+  background-color: @red;
+  color: @black;
+  transition: all 0.3s ease;
+}
+
+
+
+#workspaces {
+  /* border: 1px solid #10171b; */
+  /* border-radius: 20px; */
+  /* margin-top: 0; */
+  /* margin-bottom: 0; */
+  margin-left: 2px;
+  margin-right: 2px;
+}
+
+#workspaces button {
+  background-color: transparent;
+  color: @lightgray;
+  padding: 0;
+  /* margin: 0; */
+  margin-top: 3px;
+  margin-bottom: 3px;
+  /* margin-left: 1px;
+  margin-right: 1px; */
+  border-radius: 6px;
+  transition: all 0.3s ease;
+}
+
+#workspaces button:hover {
+  box-shadow: inherit;
+  text-shadow: inherit;
+  background: transparent;
+  border: 1px solid rgba(0, 0, 0, 0.0);
+  color: @white;
+  transition: all 0.3s ease;
+}
+
+#workspaces button.focused,
+#workspaces button.active {
+  /* background-color: @darkgray; */
+  /* border: 1px solid @darkgray; */
+  color: @white;
+  transition: all 0.3s ease;
+  animation: colored-gradient 10s ease infinite;
+}
+
+/* #workspaces button.focused:hover,
+#workspaces button.active:hover {
+  background-color: @white;
+  transition: all 1s ease;
+} */
+
+#workspaces button.urgent {
+  background-color: @red;
+  color: @black;
+  transition: all 0.3s ease;
+}
+
+/* #workspaces button.hidden {} */
+
+#taskbar {
+  border-radius: 2px;
+  margin-top: 4px;
+  margin-bottom: 4px;
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+#taskbar button { 
+  color: @text;
+  padding: 1px 8px;
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+#taskbar button:hover {
+  background: transparent;
+  border: 1px solid @lightgray;
+  border-radius: 8px;
+  transition: all 0.3s ease;
+  animation: colored-gradient 10s ease infinite;
+}
+
+/* #taskbar button.maximized {} */
+
+/* #taskbar button.minimized {} */
+
+#taskbar button.active {
+  border: 1px solid @darkgray;
+  border-radius: 8px;
+  transition: all 0.3s ease;
+  animation: colored-gradient 10s ease infinite;
+}
+
+/* #taskbar button.fullscreen {} */
+
+/* -------------------------------------------------------------------------------- */
+
+#custom-wofi,
+#custom-kernel,
+#keyboard-state,
+/* #window, */
+#submap,
+#mode,
+#tray,
+#cpu,
+#memory,
+#backlight,
+#pulseaudio.audio,
+#pulseaudio.microphone,
+#network,
+#network.enp46s0,
+#bluetooth,
+#battery,
+#clock,
+#custom-updates,
+#custom-powermenu,
+#custom-notification {
+  background-color: transparent;
+  color: @text;
+  padding: 1px 8px;
+  margin-top: 5px;
+  margin-bottom: 5px;
+  margin-left: 2px;
+  margin-right: 2px;
+  /* border: 1px solid @darkgray; */
+  border-radius: 20px;
+  transition: all 0.3s ease;
+}
+
+#submap {
+  border: 0;
+}
+
+/* -------------------------------------------------------------------------------- */
+
+/* #custom-launcher {
+  background-color: @darkgray;
+  color: @black;
+} */
+
+/* #custom-launcher:hover {
+  color: @white;
+} */
+
+/* #custom-powermenu {
+  background-color: @red;
+  color: @black;
+}
+
+#custom-powermenu:hover {
+  color: @white;
+} */
+
+/* -------------------------------------------------------------------------------- */
+
+/* If workspaces is the leftmost module, omit left margin */
+.modules-left > widget:first-child > #workspaces button,
+.modules-left > widget:first-child > #taskbar button,
+.modules-left > widget:first-child > #custom-launcher,
+.modules-left > widget:first-child > #window,
+.modules-left > widget:first-child > #tray,
+.modules-left > widget:first-child > #cpu,
+.modules-left > widget:first-child > #memory,
+.modules-left > widget:first-child > #backlight,
+.modules-left > widget:first-child > #pulseaudio.audio,
+.modules-left > widget:first-child > #pulseaudio.microphone,
+.modules-left > widget:first-child > #network.enp46s0,
+.modules-left > widget:first-child > #bluetooth,
+.modules-left > widget:first-child > #battery,
+.modules-left > widget:first-child > #clock,
+.modules-left > widget:first-child > #custom-powermenu,
+.modules-left > widget:first-child > #custom-notification {
+  margin-top: 10px;
+}
+
+.modules-right > widget:last-child > #workspaces button,
+.modules-right > widget:last-child > #taskbar button,
+.modules-right > widget:last-child > #custom-launcher,
+.modules-right > widget:last-child > #window,
+.modules-right > widget:last-child > #tray,
+.modules-right > widget:last-child > #cpu,
+.modules-right > widget:last-child > #memory,
+.modules-right > widget:last-child > #backlight,
+.modules-right > widget:last-child > #pulseaudio.audio,
+.modules-right > widget:last-child > #pulseaudio.microphone,
+.modules-right > widget:last-child > #network.enp46s0,
+.modules-right > widget:last-child > #bluetooth,
+.modules-right > widget:last-child > #battery,
+.modules-right > widget:last-child > #clock,
+.modules-right > widget:last-child > #custom-powermenu,
+.modules-right > widget:last-child > #custom-notification {
+  margin-bottom: 10px;
+}
+
+/* -------------------------------------------------------------------------------- */
+
+#tray {
+  background-color: transparent;
+  padding: 1px 6px;
+}
+#tray > .passive {
+  -gtk-icon-effect: dim;
+}
+#tray > .needs-attention {
+  -gtk-icon-effect: highlight;
+  background-color: @red;
+}
+#battery {
+    color: @lightgreen;
+    border-right: 0px;
+    border-left: 0px;
+}
+#custom-updates {
+    color: @magenta;
+}
+#custom-kernel {
+    margin-top: 8px;
+    margin-bottom: 8px;
+    color: @magenta;
+}
+#custom-wofi {
+    color: @archbtw;
+}
+#keyboard-state {
+    margin-top: 8px;
+}
+#clock {
+}
+

modules/desktop/waybar.nix

@@ -6,15 +6,155 @@
   ...
 }:
 
-let
-  home = builtins.getEnv "HOME";
-in
 {
   programs.waybar = {
-      enable = true;
+    enable = true;
-      systemd.enable = true;
+    systemd.enable = true;
-      style = ''
+    systemd.target = "hyprland-session.target";
-        ${builtins.readFile ../style.css}
+    style = ''
-      '';
+      ${builtins.readFile ../waybar.css}
+    '';
+    settings = {
+      mainBar = {
+        layer = "top";
+        position = "top";
+        height = 30;
+        margin-top = 2;
+        margin-bottom = 2;
+        margin-left = 2;
+        margin-right = 2;
+
+        modules-left = [
+          "custom/kernel"
+          "keyboard-state"
+          "custom/wofi"
+          "hyprland/workspaces"
+        ];
+        modules-center = [
+          "hyprland/window"
+        ];
+        modules-right = [
+          "tray"
+          "battery"
+          "pulseaudio#audio"
+          "clock"
+        ];
+
+        "custom/kernel" = {
+          exec = "uname -r | sed 's/-a.*//p'";
+          format = "<big></big>{}";
+          interval = "once";
+        };
+
+        "keyboard-state" = {
+          capslock = true;
+          format = "{icon}";
+          format-icons = { 
+            unlocked = "";
+            locked = "";
+          };
+        };
+
+        "custom/wofi" = {
+          format = "<big></big>";
+          on-click = "pkill wofi || wofi --show drun";
+          tooltip = false;
+        };
+
+        "hyprland/workspaces" = {
+          disable-scroll = true;
+          all-outputs = false;
+          on-click = "activate";
+          format = "{icon}";
+          persistent-workspaces = {
+            "*" = 5;
+          };
+          format-icons = {
+            "1" = "I";
+            "2" = "II";
+            "3" = "III";
+            "4" = "IV";
+            "5" = "V";
+            "6" = "VI";
+            "7" = "VII";
+            "8" = "VIII";
+            "9" = "IX";
+            "10" = "X";
+          };
+        };
+
+        "hyprland/window" = {
+            format = "{}";
+            rewrite = [
+              {
+                "(.*) — Mozilla Firefox" =  "🌎 $1";
+              }
+            ];
+            separate-outputs = false;
+         };
+
+        "tray" = {
+          icon-size = 14;
+          spacing = 8;
+        };
+
+        "battery" = {
+          states = {
+            good = 90;
+            warning = 30;
+            critical = 15;
+          };
+          format = "{icon} {capacity}%";
+          format-charging = "󰂄 {capacity}%";
+          format-plugged = "󱘖 {capacity}%";
+          format-icons = [
+            "󰁺"
+            "󰁻"
+            "󰁼"
+            "󰁽"
+            "󰁾"
+            "󰁿"
+            "󰂀"
+            "󰂁"
+            "󰂂"
+            "󰁹"
+          ];
+          on-click = "";
+          on-update = "exec ${../scripts/battery-warn.sh} 255";
+          tooltip = true;
+         };
+
+        "pulseaudio#audio" = {
+            format = "<big>{icon}</big> {volume}%";
+            format-muted = "<big>󰖁</big> {volume}%";
+            format-bluetooth = "󰂯{icon}";
+            format-bluetooth-muted = "󰂯󰖁 {volume}%";
+            format-icons = {
+                headphone = "󰋋";
+                hand-free = "󰋋";
+                headset = "󰋋";
+                phone = "";
+                portable = "";
+                car = "";
+                default = [
+                  "󰕿"
+                  "󰖀"
+                  "󰕾"
+                ];
+            };
+            on-click = "pamixer -t";
+            on-click-right = "pavucontrol";
+            on-scroll-down = "pamixer -d 5";
+            on-scroll-up = "pamixer -i 5";
+            tooltip = true;
+            tooltip-format = "{icon} {desc} {volume}%";
+         };
+
+        "clock" = {
+            interval = 1;
+            format = "<big></big> {:%d/%m} :: <big>󰥔</big> {:%R}"
+         };
+      };
+    };
   };
 }

modules/scripts/battery-warn.sh

@@ -0,0 +1,18 @@
+#!/usr/bin/env bash
+notif_id=$1
+
+bat_alert_lvl=15
+bat_lvl=$(grep "" /sys/class/power_supply/BAT0/capacity )
+bat_status=$(grep Discharging /sys/class/power_supply/BAT0/status )
+
+if (( $bat_lvl < $bat_alert_lvl )) && [ $bat_status == "Discharging" ]; then
+    dunstify -u critical "Low Battery" "Connect Power Adapter" -i /usr/share/icons/Adwaita/symbolic/status/battery-caution-symbolic.svg -r $notif_id -t 60000
+else 
+    hist_check=$(dunstctl history | grep $notif_id)
+    if [[ $hist_check == "" ]]; then
+        dunstctl close
+    fi
+    dunstctl history-rm $notif_id 
+fi
+
+