(waybar) "finished" configuration

sway/.config/sway/config

@@ -41,13 +41,9 @@ tiling_drag modifier
 # starting auxiliary applications #
 ###################################
 
-## start compositor and polybar, etc.
-#exec --no-startup-id picom -b
-#
-## clean up and start polybar
-#exec_always --no-startup-id killall polybar
-#exec_always --no-startup-id bash ~/.config/polybar/launch_polybar.sh
-#
+# clean up and start polybar
+exec_always --no-startup-id waybar
+
 ## xss-lock grabs a logind suspend inhibit lock and will use i3lock to lock the
 ## screen before suspend. Use loginctl lock-session to lock your screen.
 #exec --no-startup-id xss-lock --transfer-sleep-lock -- i3lock --nofork

waybar/.config/waybar/config

@@ -2,25 +2,47 @@
     "name": "foobar",
     "layer": "top",
     "position": "top",
-    "height": 30,
+    "height": 36,
     "mode": "dock",
     "exclusive": true,
     "spacing": 16,
     "reload_style_on_change": true,
-    "modules-left": ["sway/workspaces"],
-    "modules-center": ["sway/window"],
-    "modules-right": ["pulseaudio", "clock"],
+    "modules-left": ["sway/workspaces", "sway/window"],
+    "modules-right": ["cpu", "pulseaudio", "clock#date", "clock#time"],
 
+    "sway/workspaces": {
+        "format": "{name}",
+        "on-click": "activate",
+        "all-output": true,
+        "offscreen-css": true,
+        "offscreen-css-text": "{name}",
+        "sort-by-name": false,
+        "sort-by-coordinates": true
+    },
     "sway/window": {
         "max-length": 50
     },
-    "pulseaudio": {
-        "format": "{volume}%",
-        "format-muted": "muted"
+    "cpu": {
+        "format": " {load}%",
+        "tooltip": false,
+        "interval": 5
     },
-    "clock": {
-        "name": "clock",
-        "format": "{:%Y-%m-%d %H:%M:%S}",
-        "format-alt": "{:%Y-%m-%d %H:%M:%S}"
+    "pulseaudio": {
+        "format": "  {volume}%",
+        "format-bluetooth": "  {volume}%",
+        "format-muted": " ",
+        "tooltip": false
+    },
+    "clock#date": {
+        "format": "{:%Y-%m-%d}",
+        "format-alt": "{:%Y-%m-%d}",
+        "tooltip": false,
+        "interval": 3600
+    },
+    "clock#time": {
+        "format": "{:%H:%M:%S}",
+        "format-alt": "{:%H:%M:%S}",
+        "tooltip": false,
+        "interval": 1
     }
 }

waybar/.config/waybar/style.css

@@ -1,11 +1,14 @@
 @define-color --black #080B1B;
 @define-color --dark-grey #373B41;
 @define-color --light-grey #707880;
-@define-color --white #C5C8C6;
+@define-color --lighter-grey #989CA8;
+@define-color --white #D5D8D6;
 @define-color --cyan #15D7E5;
 @define-color --magenta #E02482;
+@define-color --light-magenta #FFA0D0;
+@define-color --green #4E9C3D;
 
-.foobar {
+window#waybar {
     font-family: JetBrainsMonoNerdFont;
     font-weight: bold;
     font-size: 18px;
@@ -13,6 +16,53 @@
     color: @--white;
 }
 
-#clock {
+.modules-left {
+    padding: 0 0;
+}
+
+.modules-center {
+    padding: 0 0px;
+}
+
+.modules-right {
     padding: 0 20px;
 }
+
+#workspaces button {
+    padding: 0 12px;
+    border: none;
+    border-radius: 0;
+    background: @--black;
+    color: @--cyan;
+}
+
+#workspaces button.focused {
+    background: @--dark-grey;
+    border-bottom: 2px solid @--cyan;
+}
+
+#workspaces button.urgent {
+    background: @--magenta;
+    color: @--black;
+}
+
+#window {
+    padding: 0 30px;
+}
+
+#cpu {
+    color: @--lighter-grey;
+}
+
+#pulseaudio {
+    padding: 0 30px;
+    color: @--white;
+}
+
+#clock.date {
+    color: @--light-magenta;
+}
+
+#clock.time {
+    color: @--light-magenta;
+}