{config, ...}: {
  programs.waybar = {
    enable = true;
    settings = {
      mainBar = {
        layer = "top";
        position = "top";
#        margin-top = 8;
#        margin-bottom = 80;
#        margin-left = 8;
        reload_style_on_change = true;
        modules-left = ["hyprland/workspaces"];
        modules-center = ["clock#date" "clock#time"];
        modules-right = ["pulseaudio/slider" "pulseaudio#percentage"];
        "hyprland/workspaces" = {
          on-click = "activate";
          format = "{icon}";
          format-icons = {
            "1" = "1";
            "2" = "2";
            "3" = "3";
            "4" = "4";
            "5" = "5";
          };
          persistent-workspaces = {
            "*" = 5;
          };
        };
        "clock#date" = {
          format = "{:%a %B %d}";
          tooltip-format = "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>";
#          rotate = 270;
        };
        "clock#time" = {
          format = "{:%I:%M}";
        };
        "pulseaudio" = {
          format = "{icon}";
          format-bluetooth = "{icon}";
          format-muted = "";
          format-icons = {
            headphones = "";
            default = [""];
          };
          scroll-step = 1;
          on-click = "pavucontrol";
        };
        "pulseaudio#percentage" = {
          on-click = "pactl set-sink-mute @DEFAULT_SINK@ toggle";
          format = "{volume}%";
        };
        "pulseaudio/slider" = {
          min = 0;
          max = 100;
          orientation = "vertical";
        };
      };
    };
    /*
 style = ''
      @define-color mainbg #${config.colorScheme.palette.base00};
      @define-color modulesbg #${config.colorScheme.palette.base01};
      @define-color text #${config.colorScheme.palette.base05};
      @define-color alttext1 #${config.colorScheme.palette.base0C};
      @define-color alttext2 #${config.colorScheme.palette.base05};
      @define-color border #${config.colorScheme.palette.base0E};
      @define-color empty #${config.colorScheme.palette.base02};
      @define-color persistent #${config.colorScheme.palette.base04};
      @define-color hover #${config.colorScheme.palette.base09};
      @define-color white #${config.colorScheme.palette.base05};
      @define-color red #${config.colorScheme.palette.base08};
      @define-color orange #${config.colorScheme.palette.base09};
      @define-color yellow #${config.colorScheme.palette.base0A};
      @define-color green #${config.colorScheme.palette.base0B};

      * {
        all: initial;
        font-family:'JetBrainsMono Nerd Font';
        padding-left: 1px;
        padding-right: 1px;
      }

      window#waybar {
      	background: @mainbg;
      	border: 1px solid @border;
      	border-radius: 5px;
      }

      tooltip {
        background: #${config.colorScheme.palette.base03};
        border: 2px solid #${config.colorScheme.palette.base0C};
        border-radius: 5px;
        font-size: 12pt;
      }

      tooltip label {
        padding: 10px;
      }

      #workspaces {
        margin: 10px 0px;
        background: @modulesbg;
        font-size: 12pt;
        padding: 20px 0px;
        border-top:3px solid @border;
        border-top-left-radius: 50px;
        border-top-right-radius: 5px;
        border-bottom: 3px solid @border;
        border-bottom-right-radius: 50px;
        border-bottom-left-radius: 5px;
      }

      #workspaces button {
        font-size: 18pt;
        padding: 2px;
        margin: 5px 6px;
        border-radius: 10px;
      }

      #workspaces button.persistent {
        background-color: @persistent;
      }

      #workspaces button.empty {
        background-color: @empty;
      }

      #workspaces button.visible {
        background-color: @empty;
      }

      #workspaces button.active {
        background-color: @green;
      }

      #workspaces button.urgent {
        background-color: @red;
      }

      #workspaces button:hover {
        background-color: @hover;
      }

      #pulseaudio, #clock, #clock.date, #clock.time {
        background: @modulesbg;
      }

      #pulseaudio {
        padding: 1px 5px 1px 5px;
        color: @text;
        font-size: 16px;
      }

      #clock.date {
        padding: 30px 5px 10px 5px;
        font-size: 14px;
        color: @alttext2;
        border-top:3px solid @border;
        border-top-left-radius: 50px;
        border-top-right-radius: 5px;
      }

      #clock.time {
        padding: 10px 5px 30px 5px;
        font-size: 14px;
        color: @alttext1;
        border-bottom: 3px solid @border;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 50px;
      }

      #pulseaudio-slider, #pulseaudio.percentage {
        background-color: @modulesbg;
      }

      #pulseaudio-slider {
        padding: 15px 0px 5px 0px;
        border-top: 3px solid @border;
        border-top-left-radius: 50px;
        border-top-right-radius: 5px;
      }
      #pulseaudio-slider slider {
          min-height: 0px;
          min-width: 1px;
          opacity: 0;
          background-image: none;
          border: none;
          box-shadow: none;
      }
      #pulseaudio-slider trough {
          min-height: 70px;
          min-width: 0px;
          border-radius: 5px;
          background-color: @border;
      }
      #pulseaudio-slider highlight {
          min-width: 10px;
          border-radius: 5px;
          background-color: @white;
      }

      #pulseaudio.percentage {
        font-size: 12px;
        margin: 0px 0px;
        padding: 2px 5px;
        color: @text;
      }
    '';
    */
  };
}