add waybar styles

home-manager/modules/waybar/default.nix

@@ -1,6 +1,5 @@
 {
   imports = [
     ./main.nix
-    # ./styles.nix
   ];
 }

home-manager/modules/waybar/main.nix

@@ -1,6 +1,7 @@
 {
   programs.waybar = {
     enable = true;
+    style = ./style.css;
     settings = {
       mainBar = {
         layer = "top";

home-manager/modules/waybar/style.css

@@ -0,0 +1,66 @@
+* {
+  border: none;
+  border-radius: 0px;
+  font-family: "JetBrains Mono";
+  font-weight: bold;
+  font-size: 16px;
+  min-height: 0;
+  color: #ebdbb2;
+}
+
+window#waybar {
+  background: #1d2021;
+}
+
+/* Workspace Buttons */
+#workspaces button label{
+  color: #ebdbb2;
+  padding: 0 10px;
+}
+#workspaces button.active label {
+  color: #1d2021;
+}
+#workspaces button.active {
+  background: #d65d0e;
+}
+
+#clock, #battery, #pulseaudio, #tray, #language, #weather {
+  padding: 0 10px;
+  margin: 0 10px;
+}
+
+#language {
+  margin: 0;
+  color: #d79921;
+  border-bottom: 5px solid #d79921;
+}
+
+#custom-weather {
+  margin: 0;
+  color: #98971a;
+  border-bottom: 5px solid #98971a
+}
+
+#pulseaudio {
+  margin: 0;
+  color: #689d6a;
+  border-bottom: 5px solid #689d6a;
+}
+
+#pulseaudio.muted {
+  padding: 0 20px;
+  color: #cc241d;
+  border-bottom: 4px solid #cc241d;
+}
+
+#battery {
+  margin: 0;
+  color: #458588;
+  border-bottom: 5px solid #458588;
+}
+
+#clock {
+  margin: 0;
+  color: #b16286;
+  border-bottom: 5px solid #b16286;
+}