Cyclic0007/Waybars
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Page: States
Pages
Abrar's Waybar Add a custom plugin. Anik's waybar config (super waybar) Ariacna Æsama Arkboi Chocolate & Cream Configuration Dynamic wallust powered waybar ERS’ waybar Examples FAQ Home Installation JohanChane's waybar Module: Backlight Slider Module: Backlight Module: Battery Module: Bluetooth Module: CFFI Module: CPU Module: Cava Module: Cava: GLSL Module: Cava: Raw Module: Clock Module: Custom Module: Custom: Examples Module: Custom: Menu Module: Custom: Third party Module: Disk Module: Dwl Module: Gamemode Module: Group Module: Hyprland Module: Idle Inhibitor Module: Image Module: JACK Module: Keyboard State Module: Language Module: Load Module: MPD Module: MPRIS Module: Memory Module: Network Module: Niri Module: PowerProfilesDaemon Module: Privacy Module: PulseAudio Slider Module: PulseAudio Module: River Module: Sndio Module: Sway Module: Systemd failed units Module: Taskbar Module: Temperature Module: Tray Module: UPower Module: User Module: WirePlumber Module: Workspaces Modules Simple and Attractive States Styling That's all bitches Themes Thos' config based on pywal Tray Applets Writing Modules apachaiz's waybar d00m1k's configuration lingllqs's simple dark style configuration mechabar mudi4's waybar new waylyrics nitrobigchill's waybar rdk‐codes configuration waybar config
Clone
8
States
Sherirk edited this page 2024-04-06 23:51:44 -04:00
Table of Contents

Overview:

  • 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.

States:

  • Every entry (state) consists of a <name> (typeof: string) and a <value> (typeof: integer).
    • The <value> determines the percentage value above which a state is applied, except for the battery and pulseaudio modules, for which it is activated below the given value.
    • The state can be addressed as a CSS class in the style.css. The name of the CSS class is the <name> of the state.
    • Also each state can have its own format. Those can be configured via format-<name>. Or if you want to differentiate a bit more even as format-<status>-<state>. For more information see custom formats.

Example:

"battery": {
    "bat": "BAT2",
    "interval": 60,
    "states": {
        "warning": 30,
        "critical": 15
    },
    "format": "{capacity}% {icon}",
    "format-icons": ["", "", "", "", ""],
    "max-length": 25
}

Styling States

  • #battery.<state>
    • <state> can be defined in the config. For more information see states

Example:

  • #battery.warning: { background: orange; }
  • #battery.critical: { background: red; }