almost usable

config/waybar/config

@@ -0,0 +1,32 @@
+{
+  "layer": "top",
+  "position": "top",
+  "height": 24,
+  "modules-left": ["sway/workspaces"],
+  "modules-center": ["clock"],
+  "modules-right": ["cpu", "battery"],
+
+  "sway/workspaces": {
+    "disable-scroll": true
+  },
+
+  "clock": {
+    "format": "{:%y-%m-%d (%a w%V) %H:%M}",
+    "interval": 60
+  },
+
+  "cpu": {
+    "format": "CPU {usage}%",
+    "interval": 2
+  },
+
+  "battery": {
+    "format": "󰁹 {capacity}%",
+    "format-charging": "󱐋 {capacity}%",
+    "format-full": "󰁹 FULL",
+    "states": {
+      "warning": 30,
+      "critical": 15
+    }
+  }
+}

config/waybar/style.css

@@ -0,0 +1,50 @@
+* {
+  font-family: JetBrainsMono Nerd Font;
+  font-size: 13px;
+  border: none;
+  border-radius: 0;
+  min-height: 0;
+}
+
+window#waybar {
+  background: #0a0a0a;
+  color: #f3eeea;
+}
+
+#workspaces button {
+  color: #f3eeea;
+  background: transparent;
+  padding: 0 4px;
+}
+
+#workspaces button.focused {
+  color: #cd0a00;
+}
+
+#workspaces button:hover {
+  color: #cd0a00;
+  background: transparent;
+  box-shadow: none;
+}
+
+#clock {
+  color: #f3eeea;
+}
+
+#cpu {
+  color: #f3eeea;
+  padding: 0 8px;
+}
+
+#battery {
+  color: #f3eeea;
+  padding: 0 8px;
+}
+
+#battery.warning {
+  color: #cd0a00;
+}
+
+#battery.critical {
+  color: #cd0a00;
+}