.\" Generated by scdoc 1.11.3
.\" Complete documentation for this program is not available as a GNU info page
.ie \n(.g .ds Aq \(aq
.el       .ds Aq '
.nh
.ad l
.\" Begin generated content:
.TH "waybar-backlight-slider" "5" "2024-09-15"
.PP
.SH NAME
.PP
waybar - backlight slider module
.PP
.SH DESCRIPTION
.PP
The \fBbacklight slider\fR module displays and controls the current brightness of the default or preferred device.\&
.PP
The brightness can be controlled by dragging the slider across the bar or clicking on a specific position.\&
.PP
.SH CONFIGURATION
.PP
\fBmin\fR: 
.br
    typeof: int 
.br
    default: 0 
.br
    The minimum volume value the slider should display and set.\&
.PP
\fBmax\fR: 
.br
    typeof: int 
.br
    default: 100 
.br
    The maximum volume value the slider should display and set.\&
.PP
\fBorientation\fR: 
.br
    typeof: string 
.br
    default: horizontal 
.br
    The orientation of the slider.\& Can be either `horizontal` or `vertical`.\&
.PP
\fBdevice\fR: 
.br
    typeof: string 
.br
    The name of the preferred device to control.\& If left empty, a device will be chosen automatically.\&
.PP
.SH EXAMPLES
.PP
.nf
.RS 4
"modules-right": [
    "backlight-slider",
],
"backlight/slider": {
    "min": 0,
    "max": 100,
    "orientation": "horizontal",
    "device": "intel_backlight"
}
.fi
.RE
.PP
.SH STYLE
.PP
The slider is a component with multiple CSS Nodes, of which the following are exposed:
.PP
\fB#backlight-slider\fR: 
.br
    Controls the style of the box \fBaround\fR the slider and bar.\&
.PP
\fB#backlight-slider slider\fR: 
.br
    Controls the style of the slider handle.\&
.PP
\fB#backlight-slider trough\fR: 
.br
    Controls the style of the part of the bar that has not been filled.\&
.PP
\fB#backlight-slider highlight\fR: 
.br
    Controls the style of the part of the bar that has been filled.\&
.PP
.SS STYLE EXAMPLE
.PP
.nf
.RS 4
#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;
}
.fi
.RE