sway: waybar: rice with new background image

Tweak waybar CSS styles

profiles/base-user/.config/waybar/config

@@ -4,13 +4,12 @@
 
   "height": 26, // Waybar height
   "modules-left": ["sway/workspaces", "sway/mode"],
-  //"modules-center": ["mpd"],
+  "modules-center": ["network"],
   "modules-right": [
     "sway/language",
     "backlight",
     "custom/notification",
     "pulseaudio",
-    "network",
     "idle_inhibitor",
     "battery",
     "clock",

profiles/base-user/.config/waybar/style.css

@@ -9,11 +9,16 @@ window#waybar {
     font-family: Hack, FontAwesome;
     font-weight: 500;
     font-size: 14px;
-    background: rgba(11, 12, 13, 0.90);
+    /*background: rgba(11, 12, 13, 0.90);*/
+    background-color: rgba(0, 0, 0, 0);
     border-bottom: 1px solid  rgba(0, 0, 2, 0.53);
     color: @base04;
 }
 
+window#waybar.hidden {
+    opacity: 0.2;
+}
+
 #workspaces button {
     font-size: 14px;
     box-shadow: none;
@@ -62,6 +67,7 @@ window#waybar {
 
 #network {
     border-top: 1px solid transparent;
+    color: rgba(255,255,255,0.3);
 }
 
 #network.disconnected {