Can this be further reduced? config.jsonc
{
"layer": "top",
"position": "top",
"modules-left": ["niri/workspaces", "cpu", "memory", "temperature"],
"modules-center": ["niri/window"],
"modules-right": ["wireplumber", "battery", "network", "clock"],
"reload_style_on_change": true,
"cpu": { "format": " {avg_frequency}GHz" },
"memory": { "format": " {used:0.1f}G" },
"temperature": { "format": " {temperatureC}°C" },
"wireplumber": {
"format": "{icon} {volume}%",
"format-muted": "",
"format-icons": ["", ""],
},
"battery": {
"format": "{icon} {capacity}%",
"format-icons": ["", "", "", "", "", "", "", "", "", ""],
},
"network": {
"format-ethernet": "",
"format-wifi": "{icon} {signalStrength}%",
"format-disconnected": "",
"format-icons": ["", "", "", ""],
},
"clock": { "format": " {:%I:%M}" },
}
style.css
@define-color primary #67CBFC;
@define-color secondary #FFD866;
@define-color background #2D2A2E;
window#waybar {
background-color: @background;
color: @secondary;
}
#workspaces,
#clock,
#wireplumber,
#battery,
#network,
#cpu,
#temperature,
#memory {
font-family: "Monaspace Argon NF";
padding: 4px 12px;
}
#workspaces button {
all: initial;
box-shadow: inset 0 -3px transparent;
padding: 4px 12px;
color: @secondary;
transition: all 0.2s ease-in-out;
}
#workspaces button.active {
color: @primary;
}



this is just meant to be an experiment in how little is needed to use waybar, if you need more modules like “tray” you can always use it, it too will need only a line of code
"tray": { "icon-size": 20, "spacing": 10 }