waybar-states(5)
Some modules support 'states' which allows percentage values to be used as styling triggers to apply a class when the value matches the declared state value.
-
Every entry (state) consists of a (typeof: string) and a (typeof: integer).
-
The state can be addressed as a CSS class in the style.css. The name of the CSS class is the of the state. Each class gets activated when the current capacity is equal or below the configured .
-
Also each state can have its own format. Those con be configured via format-. Or if you want to differentiate a bit more even as format--.
-
"battery": {
"bat": "BAT2",
"interval": 60,
"states": {
"warning": 30,
"critical": 15
},
"format": "{capacity}% {icon}",
"format-icons": ["", "", "", "", ""],
"max-length": 25
}- #battery.
- can be defined in the config.
- #battery.warning: { background: orange; }
- #battery.critical: { background: red; }