Install Now
waybar - backlight slider module
Contents
Configuration
min:
typeof: int
default: 0
The minimum volume value the slider should display and set.
max:
typeof: int
default: 100
The maximum volume value the slider should display and set.
orientation:
typeof: string
default: horizontal
The orientation of the slider. Can be either `horizontal` or `vertical`.
device:
typeof: string
The name of the preferred device to control. If left empty, a device will be chosen automatically.
expand:
typeof: bool
default: false
Enables this module to consume all left over space dynamically.
Description
The backlightslider module displays and controls the current brightness of the default or preferred
device.
The brightness can be controlled by dragging the slider across the bar or clicking on a specific
position.
Examples
"modules-right": [
"backlight-slider",
],
"backlight/slider": {
"min": 0,
"max": 100,
"orientation": "horizontal",
"device": "intel_backlight"
}
Name
waybar - backlight slider module
Style
The slider is a component with multiple CSS Nodes, of which the following are exposed:
#backlight-slider:
Controls the style of the box around the slider and bar.
#backlight-sliderslider:
Controls the style of the slider handle.
#backlight-slidertrough:
Controls the style of the part of the bar that has not been filled.
#backlight-sliderhighlight:
Controls the style of the part of the bar that has been filled.
STYLEEXAMPLE
#backlight-slider slider {
min-height: 0px;
min-width: 0px;
opacity: 0;
background-image: none;
border: none;
box-shadow: none;
}
#backlight-slider trough {
min-height: 80px;
min-width: 10px;
border-radius: 5px;
background-color: black;
}
#backlight-slider highlight {
min-width: 10px;
border-radius: 5px;
background-color: red;
}
2025-02-21 waybar-backlight-slider(5)
PNG Icons
