{
  lib,
  config,
  ...
}: let
  inherit (lib) mkIf mkEnableOption;
  cfg = config.horseman.dots.waybar;
  username = config.horseman.username;
  colors = config.horseman.catppuccin.colors;
in {
  options = {
    horseman.dots.waybar = {
      enable = mkEnableOption "~/.config/waybar/style.css";
    };
  };

  config = mkIf cfg.enable {
    home-manager.users.${username}.xdg.configFile."waybar/style.css".text = ''
      #waybar {
        background: transparent;
      }

      * {
        font-family: "CaskaydiaCove Nerd Font";
      }

      .modules-left, .modules-center, .modules-right {
        border: 2px solid ${colors.lavender};
        border-radius: 10px;
        margin: 5px;
        background: ${colors.base};
        color: ${colors.text};
      }

      #power {
        padding-left: 10px;
      }
      #idle_inhibitor.activated {
        color: ${colors.red};
      }
      #power * {
        color: ${colors.lavender};
        transition: 0.2s color ease;
        font-size: 26px;
      }
      #power *:hover {
        color: ${colors.red};
      }

      #workspaces .empty {
        color: ${colors.surface0};
      }
      #workspaces * {
        color: inherit;
        padding: 0px 2px;
        margin: 0px;
      }
      #workspaces .active {
        color: ${colors.red};
        font-size: 18px;
      }


      #clock {
        color: ${colors.peach};
      }
      #battery {
        color: ${colors.maroon};
      }
      #cpu {
        color: ${colors.red};
      }
      #memory {
        color: ${colors.mauve};
      }
      #pulseaudio {
        color: ${colors.blue};
      }
      #network {
        color: ${colors.teal};
      }
      .horizontal .modules-right {
        font-size: 16px;
      }
      .horizontal .modules-right * {
        padding: 0px 8px;
      }
      .vertical .modules-right {
        font-size: 16px;
        padding: 0px 8px;
      }
      .vertical .modules-right * {
        padding: 2px 0px;
      }
    '';
  };
}