niri: add waybar

niri/.config/waybar/config

@@ -0,0 +1,13 @@
+{
+    "layer": "top",
+    "position": "top",
+    "modules-left": [
+        "niri/workspaces",
+        "niri/window"
+    ],
+    "modules-right": [
+        "tray",
+        "clock"
+    ],
+    "reload_style_on_change": true,
+}

niri/.config/waybar/dark.css

@@ -0,0 +1,12 @@
+* {
+    background-color: #282e38;
+    color: #a29e98;
+}
+
+#workspaces button.active {
+    border-bottom: 3px solid #04785d;
+}
+
+#workspaces button.urgent {
+    border-bottom: 3px solid #c37583;
+}

niri/.config/waybar/light.css

@@ -0,0 +1,12 @@
+* {
+    background-color: #f6ede0;
+    color: #696257;
+}
+
+#workspaces button.active {
+    border-bottom: 3px solid #278a6e;
+}
+
+#workspaces button.urgent {
+    border-bottom: 3px solid #d0818f;
+}

niri/.config/waybar/style.css

@@ -0,0 +1,25 @@
+@import url("file:///home/lupan/.config/waybar/dark.css");
+
+* {
+    font-family: HurmitNerdFont;
+    font-size: 12px;
+}
+
+#workspaces {
+    padding: 0 0.5rem;
+}
+
+#workspaces button {
+    padding: 0 3px;
+    border-radius: 0;
+    border-bottom: 3px solid transparent;
+}
+
+#window {
+    border-bottom: 3px solid transparent;
+}
+
+#clock {
+    padding: 0 0.5rem;
+    border-bottom: 3px solid transparent;
+}