initial commit with most component ready.

.config/waybar/config.jsonc

@@ -0,0 +1,92 @@
+{
+    "layer": "top",
+    "modules-left": ["sway/workspaces", "niri/workspaces", "niri/window", "sway/mode"],
+    "modules-center": ["clock"],
+    "modules-right": ["gamemode", "tray", "sway/scratchpad", "battery", "cpu", "memory", "pulseaudio"],
+    "sway/scratchpad": {
+      "format": "󱂬 {count}"
+    },
+    "pulseaudio": {
+    	"format": "  {volume}%",
+		"on-click": "swayosd-client --output-volume mute-toggle",
+		"on-click-right": "flatpak run com.saivert.pwvucontrol"
+    },
+    "sway/workspaces": {
+      "format": "{name}{windows}",
+      "format-window-separator": "|",
+      "window-rewrite-default": " {class} ",
+      "window-format": "<span color='#e0e0e0'>{name}</span>",
+      "window-rewrite": {
+        "class<firefox>": " 󰈹 ",
+        "class<spotify>": " 󰓇 ",
+        "class<kitty>": "  ",
+        "class<vesktop>": "  ",
+        "class<kitty> title<nvim.*>": "  ",
+        "class<kitty> title<htop.*>": "  ",
+        "class<kitty> title<yazi.*>": " 󰈔 ",
+        "class<kitty> title<cava.*>": " 󰝪 ",
+        "class<kitty> title<man.*>": "  ",
+        "class<steam>": "  ",
+        "class<.*.bottles>": " 󰡔 ",
+        "class<heroic>": " 󱢾 ",
+        "class<org.gnome.Calculator>": " 󰪚 ",
+        "class<org.gnome.Builder>": "  ",
+        "class<io.github.idevecore.Valuta>": "  ",
+        "class<io.github.fizzyizzy05.binary>": "  ",
+        "class<org.gnome.Loupe>": " 󰋩 ",
+        "class<com.saivert.pwvucontrol>": " 󰕾 ",
+        "class<org.qbittorrent.qBittorrent>": "  ",
+        "class<VSCodium>": "  ",
+        "class<libreoffice-writer>": "  ",
+        "class<libreoffice-math>": "  ",
+        "class<libreoffice-calc>": "  ",
+        "class<libreoffice-base>": "  ",
+        "class<libreoffice-impress>": "  ",
+        "class<libreoffice-draw>": "  ",
+        "class<libreoffice>": "  ",
+        "class<libreoffice-startcenter>": "  ",
+        "class<soffice>": "  ",
+        "class<vlc>": " 󰕼 "
+      }
+    },
+    "niri/workspaces": {
+      "format": "{index}"
+    },
+    "mpris": {
+    	"format": "{status_icon} {artist} - {title}",
+    	"format-stopped": "",
+    	"status-icons": {
+    		"paused": "⏸",
+    		"playing": "󰐊"
+    	},
+    	"interval": "0.1"
+    },
+    "clock": {
+        "format": "{:%d %b %H:%M}",
+        "interval": 1,
+        "tooltip-format": "{:%A %d %B %Y}"
+    },
+    "tray": {
+    	"spacing": 12
+    },
+    "gamemode": {
+        "glyph": "   ",
+        "format": "{glyph}",
+        "use-icon": false,
+        "icon-spacing": 16
+    },
+    "memory": {
+        "format": "  {percentage}%",
+        "interval": 1
+    },
+    "cpu": {
+        "format": "  {usage}%",
+        "interval": 1
+    },
+    "battery": {
+    	"format": "{icon} {capacity}%",
+    	"format-charging": "{icon} {capacity}% ",
+    	"format-icons": ["󰁺", "󰁻", "󰁼", "󰁽", "󰁾", "󰁿", "󰂀", "󰂁", "󰂂", "󰁹"],
+    	"interval": 1
+    }
+}

.config/waybar/style.css

@@ -0,0 +1,74 @@
+window#waybar {
+	background-color: rgba(25, 23, 36, 0.75);
+	color: #cdd6f4;
+	transition-property: background-color;
+	transition-duration: .5s;
+	border-bottom: 1px solid rgba(144, 140, 170, 0.35);
+}
+
+* {
+	font-family: "MonaspiceNe Nerd Font";
+	font-size: 10pt;
+}
+
+#workspaces button {
+	padding-top: 4px;
+	padding-bottom: 4px;
+	padding-left: 8px;
+	padding-right: 8px;
+	background-color: transparent;
+	border-radius: 100%;
+	border: 6px #f5c2e7;
+	font-weight: 800;
+	color: #a6adc8; 
+}
+
+#workspaces button.urgent {
+	color: #fab387;
+}
+
+#workspaces button:hover {
+	background: rgba(69, 71, 90, 0.65);
+	color: #cdd6f4;
+	border: 12px #f5c2e7;
+	transition: none;
+}
+
+#workspaces button.focused {
+	color: #f5c2e7;
+	border: 12px #f5c2e7;
+}
+
+label.module {
+	padding: 0 10px 0 10px;
+}
+
+box.module button:hover {
+	box-shadow: none;
+	outline: none;
+	font-style: normal;
+	text-shadow: none;
+}
+
+#tray {
+	padding: 0 8 0 8;
+}
+
+menu {
+	background-color: #181825;
+	color: #cdd6f4;
+	border: 1px solid #494d64;
+	padding: 6px;
+	border-radius: 12px;
+}
+
+#tray menu menuitem:hover {
+	background-color: #1e1e2e;
+	color: #f5c2e7;
+	border-radius: 5px;
+}
+
+#window {
+	font-weight: 800;
+	padding: 0px 8px 0px 8px;
+}