nixos-flake/waybar.nix

{ 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 = [ "pulseaudio" "battery" "clock" "bluetooth" "network" "backlight" "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 !important;
      }

      /* --- Waybar Container --- */
#waybar {
        background: transparent;
        color: #c6d0f5;
        margin: 0px;
        font-weight: 500;
        border-radius: 0 !important;
      }

      /* --- 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 !important;
      }

#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 !important;
      }

#workspaces button.active {
        color: #99d1db;
        background-color: rgba(153, 209, 219, 0.1);
        border-radius: 0 !important;
      }

#workspaces button:hover {
        background: rgb(41, 42, 53); /* Reference bright hover color */
        color: #c6d0f5;
        border-radius: 0 !important;
      }

      /* --- 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 !important;
      }
    '';
  };
}