lots of shit

moduler/programs/waybar/default.nix

@@ -0,0 +1,25 @@
+{
+  config,
+  inputs,
+  pkgs,
+  ...
+}:
+
+let
+in
+{
+  programs = {
+    waybar = {
+      enable = true;
+      systemd = {
+        enable = true;
+      };
+    };
+  };
+  xdg.configFile."waybar/config.jsonc".source = ./waybar.jsonc;
+  xdg.configFile."waybar/style.css".source = ./waybar.css;
+  # catppuccin.waybar = {
+  #   enable = true;
+  #   flavor = "latte";
+  # };
+}

moduler/programs/waybar/waybar.css

@@ -0,0 +1,107 @@
+* {
+    /* `otf-font-awesome` is required to be installed for icons */
+    font-family: FiraCode Nerd Font Bold, sans-serif;
+    font-size: 16px;
+    color: #4C4F69; /* Default text color */
+}
+
+window#waybar {
+    background-color: #EFF1F5; /* Catppuccin Base */
+    border-bottom: 3px solid #B2BCC8; /* Catppuccin Crust */
+    color: #4C4F69; /* Default text color */
+    transition-property: background-color;
+    transition-duration: 0.5s;
+}
+
+window#waybar.hidden {
+    opacity: 0.2;
+}
+
+window#waybar.termite {
+    background-color: #D7DBE6; /* Catppuccin Mantle */
+}
+
+window#waybar.chromium {
+    background-color: #B2BCC8; /* Catppuccin Crust */
+    border: none;
+}
+
+button {
+    /* Use box-shadow instead of border so the text isn't offset */
+    box-shadow: inset 0 -3px transparent;
+    /* Avoid rounded borders under each button name */
+    border: none;
+    border-radius: 0;
+    color: #4C4F69; /* Default text color */
+    transition: background-color 0.3s ease, box-shadow 0.3s ease;
+}
+
+/* Hover effect for buttons */
+button:hover {
+    background: inherit;
+    box-shadow: inset 0 -3px #F9E2AF; /* Catppuccin Yellow for hover effect */
+}
+
+/* Workspace button styles */
+#workspaces button {
+    padding: 0 5px;
+    background-color: transparent;
+    color: #4C4F69; /* Default text color */
+    transition: background-color 0.3s ease, box-shadow 0.3s ease;
+}
+
+/* Hover effect for workspace buttons */
+#workspaces button:hover {
+    background: rgba(0, 0, 0, 0.2);
+}
+
+/* Focused or active workspace styles */
+#workspaces button.focused, #workspaces button.active {
+    background-color: #A6E3A1; /* Catppuccin Green for active workspace */
+    box-shadow: inset 0 -3px #76C7E3; /* Catppuccin Sky for focus highlight */
+    color: #4C4F69; /* Default text color */
+}
+
+/* Urgent workspace styles */
+#workspaces button.urgent {
+    background-color: #F28A8C; /* Catppuccin Rose for urgent workspace */
+}
+
+/* Mode (e.g., dark/light mode indicator) */
+#mode {
+    background-color: #A6E3A1; /* Catppuccin Green */
+    box-shadow: inset 0 -3px #F9E2AF; /* Catppuccin Yellow for highlight */
+}
+
+/* Spacing for workspaces and other modules */
+#clock,
+#window,
+#workspaces {
+    margin: 0 4px;
+}
+
+/* If workspaces is the leftmost module, omit left margin */
+.modules-left > widget:first-child > #workspaces {
+    margin-left: 0;
+}
+
+/* If workspaces is the rightmost module, omit right margin */
+.modules-right > widget:last-child > #workspaces {
+    margin-right: 0;
+}
+
+#clock {
+    background-color: #F9E2AF; /* Catppuccin Yellow for clock */
+    color: #4C4F69; /* Default text color */
+    font-family: FiraCode Nerd Font Bold, sans-serif;
+    font-size: 16px;
+    color: #4C4F69; /* Default text color */
+}
+
+/* Keyframes for blinking effect (e.g., battery critical) */
+@keyframes blink {
+    to {
+        background-color: #F9E2AF; /* Catppuccin Yellow */
+        color: #4C4F69; /* Default text color */
+    }
+}

moduler/programs/waybar/waybar.jsonc

@@ -0,0 +1,4 @@
+{
+  "modules-left": ["hyprland/workspaces"],
+  "modules-right": ["clock"]
+}