Add waybar styling

wm/waybar-style.css

@@ -0,0 +1,37 @@
+/* ---------------------------
+   Default Waybar Styling
+--------------------------- */
+
+/* General bar */
+#waybar {
+    background-color: #222222;  /* Default dark gray bar */
+    color: #ffffff;             /* Default text color */
+}
+
+/* Modules */
+.module {
+    margin: 0 4px;
+}
+
+/* Hover effect (minimal) */
+.module:hover {
+    opacity: 0.8;
+}
+
+/* Separators */
+.separator {
+    margin: 0 2px;
+}
+
+/* Popups */
+.popup {
+    background-color: #333333;
+    color: #ffffff;
+    border-radius: 4px;
+    padding: 4px 6px;
+}
+
+/* Icons */
+i {
+    margin-right: 2px;
+}

wm/waybar.nix

@@ -4,6 +4,8 @@
   programs.waybar = {
     enable = true;
 
+    style = builtins.readFile ./waybar-style.css;
+
     settings.mainBar = {
       layer = "top";
       position = "top";
@@ -33,6 +35,7 @@
       };
 
       "wlr/taskbar" = {
+        format = "{icon} {name}";
         on-click = "activate";
       };
     };