begin modularization

homeManagerModules/waybar.nix

@@ -0,0 +1,224 @@
+{ pkgs, ... }:
+
+{
+  programs.waybar = {
+    enable = true;
+
+    settings = [{
+      layer = "top";
+      position = "top";
+
+      output = [ "HDMI-A-2" "eDP-1" ];
+
+      modules-left = [ "hyprland/workspaces" ];
+      modules-center = [ "hyprland/window" ];
+      modules-right = [ "bluetooth" "network" "pulseaudio" "backlight" "battery" "clock" "tray" ];
+
+      bluetooth = {
+        format = "󰂲";
+        format-on = "{icon}";
+        format-off = "{icon}";
+        format-connected = "{icon}";
+        format-icons = {
+          on ="󰂯";
+          off = "󰂲";
+          connected ="󰂱";
+        };
+        on-click = "blueman-manager";
+        tooltip-format-connected = "{device_enumerate}";
+      };
+
+      network = {
+        format-wifi = "󰤢";
+        format-ethernet = "󰈀";
+        format-disconnected = "󰤠";
+        interval = 5;
+        tooltip-format = "{essid} ({signalStrength}%)";
+        on-click = "kitty --title \"nmtui-popup\" -e nmtui";
+      };
+
+      clock = {
+        format = "{:%Y-%m-%d %H:%M}";
+      };
+
+      "hyprland/workspaces" = {
+        all-outputs = false;
+        disable-scroll = true;
+      };
+    }];
+
+    style = ''
+      /* --- Global Styles --- */
+      * {
+        font-family: Hurmit Nerd Font Mono;
+        font-size: 16px;
+        min-height: 0;
+        padding-right: 0px;
+        padding-left: 0px;
+        padding-bottom: 0px;
+        border-radius: 0;
+      }
+
+      /* --- Waybar Container --- */
+#waybar {
+        background: transparent;
+        color: #c6d0f5;
+        margin: 0px;
+        font-weight: 500;
+        border-radius: 0;
+      }
+
+      /* --- Left Modules (Individual, Fully Rounded Blocks - With Horizontal Spacing & Simple Hover) --- */
+#workspaces,
+#custom-uptime,
+#cpu {
+        background-color: #1a1b26;
+        padding: 0.3rem 0.7rem;
+        margin: 5px 0px; /* 5px top/bottom margin, 0px left/right (base for individual control) */
+        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+        min-width: 0;
+        border: none;
+        /* Transition for background-color and color only */
+        transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
+        border-radius: 0;
+      }
+
+#workspaces {
+        padding: 2px;
+        margin-left: 7px; /* Margin from the far left edge */
+        margin-right: 5px; /* Spacing after the workspaces module */
+      }
+
+#workspaces button {
+        color: #babbf1;
+        padding: 0.3rem 0.6rem;
+        background: transparent;
+        transition: all 0.2s ease-in-out;
+        border: none;
+        outline: none;
+        border-radius: 0;
+      }
+
+#workspaces button.active {
+        color: #99d1db;
+        background-color: rgba(153, 209, 219, 0.1);
+        border-radius: 0;
+      }
+
+#workspaces button:hover {
+        background: rgb(41, 42, 53); /* Reference bright hover color */
+        color: #c6d0f5;
+        border-radius: 0;
+      }
+
+      /* --- Center Module (Individual, Fully Rounded Block - With Simple Hover) --- */
+#clock {
+        background-color: #1a1b26;
+        padding: 0.3rem 0.7rem;
+        margin: 5px 0px;
+        min-width: 0;
+        border: none;
+        transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
+      }
+
+      /* Simple Hover effect for clock module - BRIGHTER COLOR */
+#clock:hover {
+        background-color: rgba(153, 209, 219, 0.1); /* Brighter highlight */
+      }
+
+      /* --- Right Modules (Single, Seamless Bar ) --- */
+#bluetooth,
+#pulseaudio,
+#backlight,
+#network,
+#battery {
+        background-color: #1a1b26;
+        padding: 0.3rem 0.7rem;
+        margin: 5px 0px;
+        box-shadow: none;
+        min-width: 0;
+        border: none;
+        transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
+      }
+
+#bluetooth:hover,
+#pulseaudio:hover,
+#backlight:hover,
+#network:hover,
+#custom-lock:hover,
+#battery:hover {
+        background-color: rgb(41, 42, 53);
+      }
+
+#bluetooth {
+        margin-left: 0px;
+      }
+
+#battery {
+        margin-right: 7px;
+      }
+
+#custom-uptime {
+        color: #babbf1;
+      }
+#cpu {
+        color: #c6d0f5;
+      }
+
+#clock {
+        color: #99d1db;
+        font-weight: 500;
+      }
+
+#pulseaudio {
+        color: #c6d0f5;
+      }
+#backlight {
+        color: #c6d0f5;
+      }
+
+#network {
+        color: #c6d0f5;
+      }
+
+#network.disconnected {
+        color: #e78284;
+      }
+
+#custom-lock {
+        color: #babbf1;
+      }
+#bluetooth {
+        color: #888888;
+        font-size: 16px;
+      }
+#bluetooth.on {
+        color: #2196f3;
+      }
+#bluetooth.connected {
+        color: #99d1db;
+      }
+#battery {
+        color: #99d1db;;
+      }
+#battery.charging {
+        color: #a6d189;
+      }
+#battery.warning:not(.charging) {
+        color: #e78284;
+      }
+
+      /* --- Tooltip Styles --- */
+      tooltip {
+        background-color: #1a1b26;
+        color: #dddddd;
+        padding: 5px 12px;
+        margin: 5px 0px;
+        border: 1px solid rgba(255, 255, 255, 0.1);
+        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+        font-size: 12px;
+        border-radius: 0;
+      }
+    '';
+  };
+}