update

components/catppuccin.nix

@@ -0,0 +1,10 @@
+{pkgs, ...}: { 
+  catppuccin = {
+    enable = true;
+    flavor = "mocha";
+    accent = "mauve";
+
+    rofi.enable = true;
+    fish.enable = true;
+  };
+}

components/default.nix

@@ -3,5 +3,6 @@
     ./hyprland
     ./utils.nix
     ./waybar.nix
+    ./catppuccin.nix
   ];
 }

components/waybar.nix

@@ -3,32 +3,33 @@
     enable = true;
     settings = { 
       mainBar = {
-        "layer" = "top";
-        "position" = "top";
-        "mode" = "dock";
-        "reload_style_on_change" = true;
-        "gtk-layer-shell" = true;
+        layer = "top";
+        position = "top";
+        mode = "dock";
+        reload_style_on_change = true;
+        gtk-layer-shell = true;
 
-        "modules-left" = [
+        modules-left = [
           "hyprland/workspaces"
         ];
 
-        "modules-center" = [
+        modules-center = [
           "clock"
         ];
 
-        "modules-right" = [
+        modules-right = [
           "tray"
+          "pulseaudio"
           "battery"
         ];
 
-        "tray" = {
-          "icon-size" = 12;
-          "spacing" = 4;
+        tray = {
+          icon-size = 12;
+          spacing = 4;
         };
 
         "hyprland/workspaces" = {
-          "persistent-workspaces" = {
+          persistent-workspaces = {
             "1" = [];
             "2" = [];
             "3" = [];
@@ -37,25 +38,36 @@
           };
         };
 
-        # "clock" = {
-        #   "format" = "{ =%m-%d %H =%M}";
-        # };
-
-        "battery" = {
-          "states" = {
-            "warning" = 30;
-            "critical" = 15;
+        battery = {
+          states = {
+            warning = 30;
+            critical = 15;
             };
 
-            "format" = "{icon} {capacity}%";
-            "format-icons" = ["󰁼" "󰁽" "󰁾" "󰁿" "󰂀" "󰂁" "󰂂"];
-            "format-warning" = "󰁻 {capacity}%";
-            "format-critical" = "󱃍 {capacity}%";
-            "format-charging" = "󱘖 {capacity}%";
+            format = "{icon} {capacity}%";
+            format-icons = ["󰁼" "󰁽" "󰁾" "󰁿" "󰂀" "󰂁" "󰂂"];
+            format-warning = "󰁻 {capacity}%";
+            format-critical = "󱃍 {capacity}%";
+            format-charging = "󱘖 {capacity}%";
 
-            "interval" = 1;
-            "min-length" = 6;
-            "max-length" = 6;
+            interval = 1;
+            min-length = 6;
+            max-length = 6;
+        };
+
+        pulseaudio = {
+          format =  "{icon} {volume}%";
+          format-muted = "󰝟 {volume}%";
+
+          format-icons = {
+            default = ["󰕿" "󰖀" "󰕾"];
+            headphone = "󰋋";
+            headset = "󰋋";
+          };
+          tooltip = true;
+          tooltip-format = "Device: {desc}";
+          min-length = 6;
+          max-length = 6;
         };
       };
     };
@@ -129,6 +141,20 @@
       padding: 0 4px;
       border-radius: 7px;
     }
+
+    /* == Output Device == */
+
+    #pulseaudio {
+      background: #11111b;
+      padding: 0 8px;
+      border-radius: 7px;
+    }
+
+    #pulseaudio:hover {
+      color: #c7a4de;
+      text-shadow: none;
+      box-shadow: none;
+    }
   ";
   };
 }