1waybar-backlight-slider(5) File Formats Manual waybar-backlight-slider(5)
2
3
4
6 waybar - backlight slider module
7
9 The backlight slider module displays and controls the current bright‐
10 ness of the default or preferred device.
11
12 The brightness can be controlled by dragging the slider across the bar
13 or clicking on a specific position.
14
16 min:
17 typeof: int
18 default: 0
19 The minimum volume value the slider should display and set.
20
21 max:
22 typeof: int
23 default: 100
24 The maximum volume value the slider should display and set.
25
26 orientation:
27 typeof: string
28 default: horizontal
29 The orientation of the slider. Can be either `horizontal` or `ver‐
30 tical`.
31
32 device:
33 typeof: string
34 The name of the preferred device to control. If left empty, a de‐
35 vice will be chosen automatically.
36
38 "modules-right": [
39 "backlight-slider",
40 ],
41 "backlight/slider": {
42 "min": 0,
43 "max": 100,
44 "orientation": "horizontal",
45 "device": "intel_backlight"
46 }
47
49 The slider is a component with multiple CSS Nodes, of which the follow‐
50 ing are exposed:
51
52 #backlight-slider:
53 Controls the style of the box around the slider and bar.
54
55 #backlight-slider slider:
56 Controls the style of the slider handle.
57
58 #backlight-slider trough:
59 Controls the style of the part of the bar that has not been filled.
60
61 #backlight-slider highlight:
62 Controls the style of the part of the bar that has been filled.
63
64 STYLE EXAMPLE
65 #backlight-slider slider {
66 min-height: 0px;
67 min-width: 0px;
68 opacity: 0;
69 background-image: none;
70 border: none;
71 box-shadow: none;
72 }
73
74 #backlight-slider trough {
75 min-height: 80px;
76 min-width: 10px;
77 border-radius: 5px;
78 background-color: black;
79 }
80
81 #backlight-slider highlight {
82 min-width: 10px;
83 border-radius: 5px;
84 background-color: red;
85 }
86
87
88
89 2023-11-05 waybar-backlight-slider(5)