2 files changed, 123 insertions, 0 deletions
diff --git a/.config/waybar/config b/.config/waybar/config
new file mode 100644
index 0000000..082b55a
--- /dev/null
+++ b/.config/waybar/config
@@ -0,0 +1,52 @@
+// vim:ft=json
+{
+    "modules-left": ["sway/workspaces", "sway/mode"],
+    "modules-center": ["sway/window"],
+    "modules-right": ["tray", "bluetooth", "network", "pulseaudio", "battery", "clock"],
+
+    "sway/window": {
+        "max-length": 50
+    },
+
+    "bluetooth": {
+        "format": ": {status}",
+        "format-connected": ": {device_alias}",
+        "format-connected-battery": ": {device_alias} {device_battery_percentage}%"
+    },
+
+    "pulseaudio": {
+        "format": "{icon}: {volume}%",
+        "format-bluetooth": "{icon}: {volume}%",
+        "format-muted": "",
+        "format-icons": {
+            "headphone": "",
+            "hands-free": "",
+            "headset": "",
+            "phone": "",
+            "portable": "",
+            "car": "",
+            "default": ["", ""]
+        },
+        "scroll-step": 1,
+        "on-click": "pavucontrol"
+    },
+
+    "network": {
+        "format-wifi": ": {essid} ({signalStrength}%)",
+        "max-length": 50
+    },
+
+    "battery": {
+        "format": "{icon}: {capacity}%",
+        "format-icons": ["", "", "", "", ""]
+    },
+
+    "clock": {
+        "format": "{:%a %d %b %H:%M}"
+    },
+
+    "tray": {
+        "icon-size": 18,
+        "spacing": 10
+    }
+}
diff --git a/.config/waybar/style.css b/.config/waybar/style.css
new file mode 100644
index 0000000..934b928
--- /dev/null
+++ b/.config/waybar/style.css
@@ -0,0 +1,71 @@
+* {
+  border: none;
+  border-radius: 0;
+  font-family: DejaVu Sans Mono;
+  font-size: 14px;
+  min-height: 0;
+}
+
+window#waybar {
+  background: rgba(43, 48, 59, 0.5);
+  /* border-bottom: 3px solid rgba(100, 114, 125, 0.5); */
+  color: white;
+}
+
+tooltip {
+  background: rgba(43, 48, 59, 0.5);
+  border: 1px solid rgba(100, 114, 125, 0.5);
+}
+
+tooltip label {
+  color: white;
+}
+
+#workspaces button {
+  padding: 0.5px;
+  background: transparent;
+  color: white;
+  border-bottom: 3px solid transparent;
+}
+
+#workspaces button.focused {
+  background: #64727D;
+  border-bottom: 3px solid white;
+}
+
+#mode, #clock, #battery, #pulseaudio, #tray, #network, #bluetooth {
+  padding: 0 5px;
+}
+
+#mode {
+  background: #64727D;
+  border-bottom: 3px solid white;
+  padding: 0 5px;
+}
+
+#battery {
+  background-color: #ffffff;
+  color: black;
+}
+
+#battery.charging {
+  color: white;
+  background-color: #26A65B;
+}
+
+@keyframes blink {
+  to {
+    background-color: #ffffff;
+    color: black;
+  }
+}
+
+#battery.warning:not(.charging) {
+    background: #f53c3c;
+    color: white;
+    animation-name: blink;
+    animation-duration: 0.5s;
+    animation-timing-function: linear;
+    animation-iteration-count: infinite;
+    animation-direction: alternate;
+}