More waybar styling

config/waybar/config

@@ -1,7 +1,7 @@
 // vim:ft=javascript:
 {
   "layer": "top",
-  "position": "top",
+  "position": "bottom",
   "height": 30,
   "modules-left": ["sway/workspaces", "sway/mode", "sway/window"],
   "modules-center": ["clock"],
@@ -21,7 +21,7 @@
       // "2": "",
       // "3": "",
       // "4": ""
-      //"urgent": "",
+      // "urgent": ""
       // "focused": "",
       // "default": ""
     },

config/waybar/style.css

@@ -7,22 +7,29 @@
   min-height: 0;
 }
 
+window#waybar, #workspaces button {
+  color: #ddd;
+}
+
 window#waybar{
-  background: #222;
-  color: white;
+  background: #000;
 }
 
 #window {
 }
 
 #workspaces button {
-  padding: 0 15px;
-  color: white;
+  padding: 0 10px;
 }
 
 #workspaces button.focused {
   color: black;
-  background: #bbb;
+  background: #aaa;
+}
+
+#workspaces button.urgent {
+  color: black;
+  background: OrangeRed;
 }
 
 #mode {