waybar-states(5)              File Formats Manual             waybar-states(5)

<?><?><?> (NAME)
       waybar - <?><?><?><?><?> <?><?><?><?><?><?><?><?> (states)

<?><?><?><?> <?><?><?> (OVERVIEW)
       <?><?><?><?> <?><?><?><?><?><?><?><?><?> <?><?> <?><?><?><?><?>
       'states' <?><?><?><?><?><?><?><?> <?><?><?><?><?><?><?> <?><?>
       <?><?><?><?><?> <?><?><?><?><?><?><?> <?><?> <?><?><?><?><?><?>
       <?><?><?><?><?> <?><?> <?><?> <?><?><?><?><?> <?><?><?><?><?><?><?><?>
       <?><?><?><?><?><?><?><?><?> <?><?><?> <?><?><?><?><?> <?><?><?><?> CSS
       <?><?><?><?><?><?> <?><?> <?><?><?><?><?> <?><?> <?><?><?><?><?>
       <?><?><?><?><?> <?><?><?><?><?><?><?><?><?> <?><?><?><?><?>
       <?><?><?><?><?> <?><?><?><?><?> <?><?><?><?><?><?><?>.

<?><?><?><?><?><?><?><?> (STATES)
       <?><?> <?><?><?><?> (state) <?><?><?><?> <?><?> <name> (<?><?>
       <?><?><?>: string) <?> <?><?> <value> (<?><?> <?><?><?>: integer)
       <?><?><?>.

       o   <?><?><?> <?><?><?><?><?> <?><?><?><?><?><?><?><?> <?><?>
           <?><?><?><?><?> <?><?> <?><?><?><?> CSS <?><?> <?><?><?><?>
           style.css <?><?><?><?> <?><?><?><?><?><?><?> <?><?><?><?>
           <?><?><?><?>. <?><?><?> <?><?><?><?> CSS <?><?><?><?><?> <?><?>
           <name> <?><?><?><?><?> <?><?><?>. <?><?> <?><?><?><?>
           <?><?><?><?><?> <?><?><?><?> <?><?><?><?><?><?> <?><?>
           <?><?><?><?><?> <?><?><?><?> <?><?><?><?> <?><?> <?><?><?><?><?>
           <?><?><?><?><?> <?><?><?><?><?><?><?><?><?><?><?><?> <value>
           <?><?><?><?> <?><?><?><?><?><?> battery <?><?><?><?><?> <?><?>
           <?><?><?><?><?> <?> <?><?><?><?><?><?> <?><?> <?><?><?><?><?>
           <?><?><?><?><?><?><?><?><?><?><?><?> <value> <?><?><?><?>
           <?><?><?><?> <?><?><?><?><?><?><?><?><?> <?><?><?><?>.

       o   <?><?><?><?><?><?> <?><?> <?><?><?><?><?> <?><?><?><?><?><?><?><?>
           format <?><?><?><?> <?><?> <?><?><?> <?><?> <?><?><?><?><?>
           <?><?><?><?>. <?><?><?> <?><?><?><?><?><?><?> <?><?>
           <?><?><?><?><?><?><?> <?><?> <?><?><?><?> format-<name> <?><?>
           <?><?> <?><?><?><?> <?><?><?><?><?> <?><?> <?><?><?><?><?>
           <?><?><?><?><?><?> <?><?> <?><?><?><?> format-<status>-<state>
           <?><?><?><?><?><?><?><?> <?><?><?>.

<?><?><?><?> (EXAMPLE)
           "battery": {
                "bat": "BAT2",
                "interval": 60,
                "states": {
                     "warning": 30,
                     "critical": 15
                },
                "format": "{capacity}% {icon}",
                "format-icons": ["<?>", "<?>", "<?>", "<?>", "<?>"],
                "max-length": 25
           }

<?><?><?><?><?><?><?><?><?> <?><?><?><?><?><?><?><?> (STYLING STATES)
       o   #battery.<state> - <?><?><?><?><?> <state> <?><?>
           <?><?><?><?><?><?><?> <?><?> config <?><?><?><?><?> <?><?><?>.

<?><?><?><?> (EXAMPLE)
       o   #battery.warning: { background: orange; }
       o   #battery.critical: { background: red; }

                                  2026-08-31                  waybar-states(5)