convert waybar to nix dotfile

dots/config/waybar/style.css.nix

@@ -0,0 +1,97 @@
+{
+  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;
+      }
+    '';
+  };
+}