finishes ironbar config

modules/wm/ironbar/config/style.css

@@ -2,6 +2,7 @@
   --color-dark-primary: #0f0b15;
   --color-dark-secondary: #1d202f;
   --color-white: #fff;
+  --color-white-muted: #807c9f;
   --color-active: #d369af;
   --color-urgent: #ff6a7a;
   --color-muted: #331531;
@@ -54,8 +55,17 @@ popover, popover contents, calendar {
     margin-right: var(--margin-sm);
 }
 
-.sysinfo > * + * {
-    margin-left: var(--margin-sm);
+.sysinfo {
+    margin-right: var(--margin-sm);
+    background-color: var(--color-muted);
+    padding: 0 12px;
+}
+
+.sysinfo .item {
+    background-color: var(--color-muted);
+    color: var(--color-active);
+    padding: 0 4px;
+    margin: 0;
 }
 
 .clock {
@@ -120,7 +130,7 @@ popover, popover contents, calendar {
 }
 
 .notifications .button {
-    margin: 1px 2px 0 0;
+    margin: 2px 2px 0 0;
     padding: 0 8px;
 }
 
@@ -150,3 +160,12 @@ popover, popover contents, calendar {
 .popup-volume .apps-box .app-box .slider trough highlight {
     border: 4px solid var(--color-active);
 }
+
+#bar #start .label:first-child {
+    color: var(--color-white-muted);
+    margin-left: var(--margin-lg);
+}
+
+.focused {
+    margin-top: 1px;
+}