waybar-backlight-slider(5)    File Formats Manual   waybar-backlight-slider(5)

<?><?><?> (NAME)
       waybar - <?><?><?><?><?> <?><?><?><?><?><?> <?><?><?><?><?><?><?>
       <?><?><?><?> (backlight slider)

<?><?><?> (DESCRIPTION)
       <?><?><?><?><?> backlight slider <?><?><?><?><?><?><?> <?><?><?><?>
       <?><?><?><?><?><?> <?><?><?><?><?><?><?> <?><?> <?><?><?><?><?><?><?>
       <?><?> <?><?><?><?><?> <?><?><?><?> <?> <?><?><?><?><?>
       <?><?><?><?><?><?>.

       <?><?><?><?><?><?><?> <?><?> <?><?><?><?><?><?><?> <?><?>
       <?><?><?><?><?> <?><?><?><?><?><?> <?><?> <?><?><?> <?><?><?><?> <?><?>
       <?><?><?><?> <?><?> <?><?><?> <?><?> <?><?><?><?><?><?> <?><?><?><?>
       <?><?><?><?><?> <?><?><?>.

<?><?><?><?><?><?><?><?> (CONFIGURATION)
       min:
       <?><?><?>: int
       <?><?><?><?><?><?><?>: 0
       <?><?><?><?><?> <?><?><?><?><?> <?><?><?><?><?><?><?> <?><?>
       <?><?><?><?><?><?> <?><?><?><?> <?><?><?><?><?> <?><?><?> <?>
       <?><?><?><?><?> <?><?><?>.

       max:
       <?><?><?>: int
       <?><?><?><?><?><?><?>: 100
       <?><?><?><?><?><?> <?><?><?><?><?> <?><?><?><?><?><?><?> <?><?>
       <?><?><?><?><?><?> <?><?><?><?> <?><?><?><?><?> <?><?><?> <?>
       <?><?><?><?><?> <?><?><?>.

       orientation:
       <?><?><?>: string
       <?><?><?><?><?><?><?>: horizontal
       <?><?><?> <?><?><?><?><?><?><?><?> <?><?><?><?><?><?>.
       <?><?><?><?><?><?><?><?> `horizontal` (<?><?><?><?>) <?><?> `vertical`
       (<?><?><?><?><?>) <?><?><?><?>.

       device:
       <?><?><?>: string
       <?><?><?> <?><?><?><?><?><?> <?><?><?><?><?><?><?> <?><?><?><?>
       <?><?><?><?><?>. <?><?><?> <?><?><?><?> <?><?><?> <?><?><?><?> <?><?>
       <?><?><?><?><?><?> <?><?><?><?><?><?> <?><?><?><?><?><?>
       <?><?><?><?><?><?> <?><?><?><?><?> <?><?>.

       expand:
       <?><?><?>: bool
       <?><?><?><?><?><?><?>: false
       <?><?> <?><?><?> <?><?><?><?><?> <?><?><?><?><?> <?><?><?><?><?><?>
       <?><?><?><?> <?><?><?><?> <?><?><?><?><?><?><?><?><?><?> <?><?>
       <?><?><?><?><?><?> <?><?><?><?> <?><?><?><?> <?><?><?>.

<?><?><?><?><?><?><?> (EXAMPLES)
           "modules-right": [
               "backlight/slider",
           ],
           "backlight/slider": {
               "min": 0,
               "max": 100,
               "orientation": "horizontal",
               "device": "intel_backlight"
           }

<?><?><?><?><?><?> (STYLE)
       <?><?><?><?><?><?> <?><?><?><?><?><?><?><?> <?><?> <?><?><?><?><?>
       <?><?><?> CSS <?><?><?> <?><?> <?><?><?><?><?> <?><?><?> <?><?> <?><?>
       <?><?> <?><?><?><?><?> <?><?><?><?><?>:

       #backlight-slider:
       <?><?><?><?><?><?> <?><?><?><?> <?><?><?><?><?> <?><?><?><?><?><?> <?>
       <?><?><?><?> <?><?> <?><?><?><?><?> <?><?><?><?><?><?>.

       #backlight-slider slider:
       <?><?><?><?><?><?> <?><?><?><?> <?><?><?><?><?><?> <?><?>
       <?><?><?><?><?> <?><?><?><?><?><?>.

       #backlight-slider trough:
       <?><?><?><?><?><?> <?><?><?><?> <?><?> <?><?><?><?> <?><?> <?><?>
       <?><?> <?><?><?><?> <?><?><?> <?><?><?><?><?> <?><?><?><?><?><?>.

       #backlight-slider highlight:
       <?><?><?><?><?><?> <?><?><?><?> <?><?> <?><?><?><?> <?><?> <?><?>
       <?><?> <?><?><?> <?><?><?> <?><?><?><?><?> <?><?><?><?><?><?>.

   <?><?><?><?> <?><?><?><?><?><?> (STYLE EXAMPLE)
           #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;
           }

                                  2026-08-31        waybar-backlight-slider(5)