Add waybar configs

I apparently forgot to do this ever. I've been using this for about two
months now.

I just reused the modules I built for my swaybar, which already output
close to the proper format; now I just call the modules directly with `if
__name__` hooks to output Waybar format instead of Swaybar format.

.config/waybar/style.css

@@ -0,0 +1,61 @@
+* {
+    font-family: monospace;
+    font-size: 14px;
+	min-height: 0;
+}
+
+window#waybar {
+    background-color: #000;
+    color: #f0f0f0;
+}
+
+window#waybar.hidden {
+    opacity: 0.2;
+}
+
+widget {
+	background-color: #111;
+}
+
+widget label {
+	padding: 0 5px;
+}
+
+#workspaces button {
+    background-color: transparent;
+    color: #f0f0f0;
+	padding: 0;
+	border: 1px solid #666;
+	border-radius: 0px;
+}
+
+#workspaces button.focused {
+    background-color: #311647;
+}
+
+#workspaces button.urgent {
+    background-color: #eb4d4b;
+}
+
+#window {
+	background-color: #000;
+}
+
+.warning {
+	background-color: #ff0;
+	color: #000;
+}
+
+.critical {
+	background-color: #f00;
+	color: #000;
+}
+
+#tray > .passive {
+    -gtk-icon-effect: dim;
+}
+
+#tray > .needs-attention {
+    -gtk-icon-effect: highlight;
+    background-color: #eb4d4b;
+}