finishes ironbar config

modules/wm/ironbar/config/config.toml

@@ -16,10 +16,27 @@ sort = "added"
 "chat" = ""
 "media" = ""
 
-[[center]]
+[[start]]
+type = "label"
+label = "Current: "
+
+[[start]]
 type = "focused"
 icon_size = 16
 
+[start.truncate]
+mode = "end"
+max_length = 40
+
+[[center]]
+type = "sys_info"
+format = [
+  "h:dnsc-machine",
+  "  {cpu_percent@sum}% ({temp_c@k10temp Tccd1}°C)",
+  "  {memory_used#G:<2.1}/{memory_total#G:<2.1}GB",
+  "  {disk_used#G@/:.1}GB used ({disk_free#G@/:.0}GB free)"
+]
+
 [[end]]
 type = "tray"
 icon_size=15

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;
+}