- Updated stylix for improved aesthetics. (Defaults to plasma theme for qt apps)

- Added zoxide
- Adjusted gaps and border widths in niri layout.
- Added new wallpaper files.

modules/waybar/style.css

@@ -1,130 +1,167 @@
 * {
-  border: none;
-  border-radius: 0;
-  font-family: JetBrainsMono NF ExtraBold, Roboto, Helvetica, Arial, sans-serif;
-  font-size: 21px;
-  min-height: 0;
+	font-family: "JetBrainsMono Nerd Font", sans-serif;	
+       font-size: 13px;
 }
 
 window#waybar {
-  background: rgba(0, 0, 0, 0.6);
-  color: white;
+    background-color: transparent;
 }
 
-button {
-  margin: 3px;
-  padding: 3px;
+window > box {
+    margin-top: 0px;
+    margin-left: 10px;
+    margin-right: 10px;
+    padding-left: 4px;
+    padding-right: 4px;
 }
 
-tooltip {
-  background: rgba(0, 0, 0, 0.202);/*rgba(43, 48, 59, 0.5);*/
-  border: 4px solid white;
-  border-radius: 10px;
+#window {
+    background-color: #202020;
+    border-radius: 20px;
+    padding: 8px 12px 8px 8px;
+    margin: 0px 0;
 }
 
-tooltip label {
-  color: white;
+window#waybar.empty #window {
+    background: rgba(12, 12, 12, 0);
+}
+
+.modules-left {
+    padding: 3px;
+}
+
+.modules-right {
+    padding: 3px;
+}
+
+.modules-center {
+    padding: 3px;
+}
+
+#workspaces {
+    background-color: #202020;
+    border-radius: 20px;
+    padding: 4px 4px 4px 6px;
+    margin: 4px 0;
 }
 
 #workspaces button {
-  margin: 0;
-  padding: 0;
-
-  background: transparent;
-  color: #888888;
+    min-height: 0;
+    padding: 0 7px;
+    margin-right: 2px;
+    color: #f5e0dc;
 }
 
-#workspaces button.focused {
-  color: white;
+#workspaces button.urgent {
+    color: #f5e0dc;
+    animation-name: blink;
+    animation-duration: 0.5s;
+    animation-timing-function: linear;
+    animation-iteration-count: infinite;
+    animation-direction: alternate;
 }
 
-#mode,
-#clock,
-#battery,
-#pulseaudio,
-#temperature,
-#language,
-#backlight,
-#network,
-#tray,
-#custom-weather {
-  padding: 0 10px;
+#workspaces button.empty {
+    color: #cdd6f4;
 }
 
-#scratchpad,
-#window {
-  margin-left: 6px;
-  margin-right: 6px;
+#workspaces button.visible {
+    color: #89dceb;
 }
 
-#custom-weather.sunny {
-  color: rgb(215, 215, 0);
-}
-
-#custom-weather.lightrain {
-  color: lightblue;
-}
-
-#custom-weather.rain,
-#custom-weather.heavyrain {
-  color: blue;
-}
-
-#custom-weather.cloudy,
-#custom-weather.fog {
-  color: gray;
-}
-
-#window {
-  color: darkred;
-}
-
-#language {
-  color: cadetblue;
-}
-
-#pulseaudio {
-  color: darkcyan;
-}
-
-#network {
-  color: coral;
-}
-
-#temperature {
-  color: rgb(91, 191, 225);
-}
-
-#backlight {
-  color: rgb(255, 255, 61);
-}
-
-#clock {
-  color: aqua;
-}
-
-#battery {
-  color: rgb(147, 63, 225);
-}
-
-#battery.charging {
-  color: #26A65B;
+#workspaces button.active {
+    color: #fab387;
 }
 
 @keyframes blink {
-  to {
-    color: white;
-  }
+    to {
+        color: #202020;
+        background-color: #dcf5f3;
+    }
 }
 
-#battery.warning:not(.charging),
-#temperature.critical,
-#workspaces button.urgent,
-#mode {
-  color: #ff0000;
-  animation-name: blink;
-  animation-duration: 0.5s;
-  animation-timing-function: steps(2);
-  animation-iteration-count: infinite;
-  animation-direction: alternate;
+#custom-launcher {
+    background-color: #202020;
+    border-radius: 20px;
+    padding: 8px 8px 8px 4px;
+    margin: 4px 0;
+    color: #89dceb;
+}
+
+#custom-power {
+    background-color: #202020;
+    border-radius: 20px;
+    padding: 8px 12px 8px 8px;
+    margin: 4px 0;
+}
+
+#cpu {
+    background-color: #202020;
+    border-radius: 20px;
+    padding: 8px 8px 8px 20px;
+    margin: 4px 0;
+    color: #f2cdcd;
+}
+
+#memory {
+    background-color: #202020;
+    border-radius: 20px;
+    padding: 8px 8px 8px 20px;
+    margin: 4px 0;
+    color: #fab387;
+}
+
+#wireplumber {
+    background-color: #202020;
+    border-radius: 20px;
+    padding: 8px 8px 8px 20px;
+    margin: 4px 0;
+    color: #f9e2af;
+}
+
+#wireplumber.muted {
+    color: #f38ba8;
+}
+
+#clock {
+    background-color: #202020;
+    border-radius: 20px;
+    padding: 8px 10px 10px 10px;
+    margin: 4px 0;
+    color: #94e2d5;
+}
+
+#network {
+    background-color: #202020;
+    color: #cdd6f4;
+    border-radius: 20px;
+    padding: 8px;
+    margin: 4px 0;
+}
+
+#network.disabled {
+    color: #f38ba8;
+}
+
+#tray {
+    background-color: #202020;
+    border-radius: 20px;
+    padding: 8px 12px 8px 12px;
+    margin: 4px 0;
+}
+
+#battery {
+    background-color: #202020;
+    color: #cdd6f4;
+    border-radius: 20px;
+    padding: 8px;
+    margin: 4px 0;
+}
+
+#backlight {
+    background-color: #202020;
+    color: #cdd6f4;
+    border-radius: 20px;
+    padding: 8px;
+    margin: 4px 0;
 }