feat(polybar): use number for volume module

polybar/.config/polybar/config.ini

@@ -1,11 +1,12 @@
 ; gruvbox
 [colors]
-background = #1d2021
+background = #282828
+background-alt = #3c3836
 foreground = #fbf1c7
 foreground-alt = #ebdbb2
-primary = #ffb52a
-secondary = #e60053
-alert = #bd2c40
+primary = #fabd2f
+secondary = #b8bb26
+alert = #fb4934
 
 [bar/top]
 width = 100%
@@ -16,7 +17,6 @@ background = ${colors.background}
 foreground = ${colors.foreground}
 
 line-size = 1
-line-color = #f00
 
 padding-left = 0
 padding-right = 1
@@ -29,17 +29,17 @@ font-1 = unifont:fontformat=truetype:size=8:antialias=false;0
 font-2 = siji:pixelsize=10;1
 
 modules-left = xworkspaces title
-modules-right = pulseaudio xkeyboard memory cpu temperature battery date
+modules-right = tray pulseaudio xkeyboard memory cpu temperature battery date
 
 [module/xworkspaces]
 type = internal/xworkspaces
 enable-click = true
 pin-workspaces = true
 group-by-monitor = true
 
-label-active-foreground = #ebdbb2
-label-active-background = #3c3836
-label-active-underline = #fba922
+label-active-foreground = ${colors.foreground-alt}
+label-active-background = ${colors.background-alt}
+label-active-underline = ${colors.primary}
 
 label-urgent-background = #cc241d
 
@@ -51,23 +51,11 @@ label-occupied = " %name% "
 label-urgent = " %name% "
 
 [module/tray]
-tray-padding = 2
+type = internal/tray
+tray-spacing = 10
+tray-size = 100%
 ;tray-background = #0063ff
 
-;wm-restack = bspwm
-;wm-restack = i3
-
-;override-redirect = true
-
-;scroll-up = bspwm-desknext
-;scroll-down = bspwm-deskprev
-
-;scroll-up = i3wm-wsnext
-;scroll-down = i3wm-wsprev
-
-cursor-click = pointer
-cursor-scroll = ns-resize
-
 [module/title]
 type = internal/xwindow
 
@@ -78,23 +66,19 @@ label = %title%
 label-maxlen = 50
 
 label-empty = ""
-label-empty-foreground = #707880
 
 [module/xkeyboard]
 type = internal/xkeyboard
 blacklist-0 = num lock
 
 format-prefix = "󰌓 "
 format-prefix-foreground = ${colors.foreground-alt}
-format-prefix-underline = ${colors.secondary}
 
 label-layout = %layout%
-label-layout-underline = ${colors.secondary}
 
 label-indicator-padding = 2
 label-indicator-margin = 1
 label-indicator-background = ${colors.secondary}
-label-indicator-underline = ${colors.secondary}
 
 [module/filesystem]
 type = internal/fs
@@ -167,18 +151,34 @@ label-separator = |
 
 [module/cpu]
 type = internal/cpu
-interval = 2
+interval = 0.5
+warn-percentage = 80
 format-prefix = " "
 format-prefix-foreground = ${colors.foreground-alt}
-format-underline = #f90000
 label = %percentage:2%%
+format = <label> <ramp-load>
+ramp-load-0 = " "
+ramp-load-1 = ▁
+ramp-load-2 = ▂
+ramp-load-3 = ▃
+ramp-load-4 = ▄
+ramp-load-5 = ▅
+ramp-load-6 = ▆
+ramp-load-7 = ▇
+ramp-load-8 = █
+
+ramp-load-3-background = #fabd2f
+ramp-load-4-background = #fabd2f
+ramp-load-5-background = #fabd2f
+ramp-load-6-background = #fb4934
+ramp-load-7-background = #fb4934
+ramp-load-8-background = #fb4934
 
 [module/memory]
 type = internal/memory
 interval = 2
 format-prefix = "󰍛 "
 format-prefix-foreground = ${colors.foreground-alt}
-format-underline = #4bffdc
 label = %percentage_used%%
 
 [module/wlan]
@@ -187,12 +187,10 @@ interface = wlp59s0
 interval = 3.0
 
 format-connected = <ramp-signal> <label-connected>
-format-connected-underline = #9f78e1
 label-connected = %essid%
 
 format-disconnected =
 ;format-disconnected = <label-disconnected>
-;format-disconnected-underline = ${self.format-connected-underline}
 ;label-disconnected = %ifname% disconnected
 ;label-disconnected-foreground = ${colors.foreground-alt}
 
@@ -208,14 +206,12 @@ type = internal/network
 interface = enp0s31f6
 interval = 3.0
 
-format-connected-underline = #55aa55
 format-connected-prefix = " "
 format-connected-prefix-foreground = ${colors.foreground-alt}
 label-connected = %local_ip%
 
 format-disconnected =
 ;format-disconnected = <label-disconnected>
-;format-disconnected-underline = ${self.format-connected-underline}
 ;label-disconnected = %ifname% disconnected
 ;label-disconnected-foreground = ${colors.foreground-alt}
 
@@ -228,20 +224,23 @@ time = %H:%M:%S
 
 format-prefix = " "
 format-prefix-foreground = ${colors.foreground-alt}
-format-underline = #0a6cf5
 
 label = %date% | %time%
 
 [module/pulseaudio]
 type = internal/pulseaudio
 
-format-volume = <label-volume> <bar-volume>
-label-volume = VOL
-label-volume-foreground = ${root.foreground}
+format-volume = <ramp-volume> <label-volume>
+label-volume = %percentage%%
 
-label-muted = muted
+format-muted = <label-muted>
+label-muted = 󰝟 %percentage%%
 label-muted-foreground = #666
 
+ramp-volume-0 = 󰕿
+ramp-volume-1 = 󰖀
+ramp-volume-2 = 󰕾
+
 bar-volume-width = 10
 bar-volume-foreground-0 = #55aa55
 bar-volume-foreground-1 = #55aa55
@@ -253,7 +252,7 @@ bar-volume-foreground-6 = #ff5555
 bar-volume-gradient = false
 bar-volume-indicator = |
 bar-volume-indicator-font = 2
-bar-volume-fill = ─
+bar-volume-fill = ═
 bar-volume-fill-font = 2
 bar-volume-empty = ─
 bar-volume-empty-font = 2
@@ -299,16 +298,13 @@ label-charging = %percentage_raw%% (%time%)
 label-discharging = %percentage_raw%% (%time%)
 
 format-charging = <animation-charging> <label-charging>
-format-charging-underline = #ffb52a
 
 format-discharging = <ramp-capacity> <label-discharging>
-format-discharging-underline = ${self.format-charging-underline}
 
 format-full-prefix = 󰁹
 format-full-prefix-foreground = ${colors.foreground-alt}
-format-full-underline = ${self.format-charging-underline}
 
-ramp-capacity-0 = 󰁺
+ramp-capacity-0 = 󰂎
 ramp-capacity-1 = 󰁺
 ramp-capacity-2 = 󰁻
 ramp-capacity-3 = 󰁼
@@ -318,15 +314,27 @@ ramp-capacity-6 = 󰁿
 ramp-capacity-7 = 󰂀
 ramp-capacity-8 = 󰂁
 ramp-capacity-9 = 󰂂
+ramp-capacity-10 = 󰁹
 ramp-capacity-foreground = ${colors.foreground-alt}
 
-animation-charging-0 = 󰂆
-animation-charging-1 = 󰂇
-animation-charging-2 = 󰂈
-animation-charging-3 = 󰂉
-animation-charging-4 = 󰂊
-animation-charging-5 = 󰂋
-animation-charging-6 = 󰂅
+ramp-capacity-0-background = #fb4934
+ramp-capacity-1-background = #fb4934
+ramp-capacity-2-background = #fb4934
+ramp-capacity-3-background = #fabd2f
+ramp-capacity-4-background = #fabd2f
+ramp-capacity-5-background = #fabd2f
+
+animation-charging-0 = 󰢟
+animation-charging-1 = 󰢜
+animation-charging-2 = 󰂆
+animation-charging-3 = 󰂇
+animation-charging-4 = 󰂈
+animation-charging-5 = 󰢝
+animation-charging-6 = 󰂉
+animation-charging-7 = 󰢞
+animation-charging-8 = 󰂊
+animation-charging-9 = 󰂋
+animation-charging-10 = 󰂅
 animation-charging-foreground = ${colors.foreground-alt}
 animation-charging-framerate = 1000
 
@@ -340,28 +348,28 @@ animation-discharging-6 = 󰁽
 animation-discharging-7 = 󰁼
 animation-discharging-8 = 󰁻
 animation-discharging-9 = 󰁺
-animation-discharging-10 = 󰁺
+animation-discharging-10 = 󰂎
 animation-discharging-foreground = ${colors.foreground-alt}
 animation-discharging-framerate = 700
 
 [module/temperature]
 type = internal/temperature
-thermal-zone = 0
-warn-temperature = 60
+base-temperature = 40
+warn-temperature = 80
 
 format = <ramp> <label>
-format-underline = #f50a4d
 format-warn = <ramp> <label-warn>
-format-warn-underline = ${self.format-underline}
+format-warn-background = #fb4934
 
 label = %temperature-c%
 label-warn = %temperature-c%
-label-warn-foreground = ${colors.secondary}
 
-ramp-0 = 
-ramp-1 = 
-ramp-2 = 󰗖
-ramp-foreground = ${colors.foreground-alt}
+ramp-0 = 
+ramp-1 = 
+ramp-2 = 
+ramp-3 = 
+ramp-4 = 
+ramp-5 = 
 
 [settings]
 screenchange-reload = true
@@ -374,5 +382,3 @@ screenchange-reload = true
 [global/wm]
 margin-top = 0
 margin-bottom = 0
-
-; vim:ft=dosini