Fix color-usage in polybar

.config/polybar/colors.ini

@@ -6,5 +6,12 @@
     primary = #bd93f9
     secondary = #8be9fd
     alert = #ff5555
+    cyan = #8be9fd
+    green = #50fa7b
+    orange = #ffb86c
+    pink = #ff79c6
+    purple = #bd93f9
+    red = #ff5555
+    yellow = #f1fa8c
 
 ; vim: ft=dosini

.config/polybar/custom.ini

@@ -5,7 +5,7 @@
 
     format-prefix = " "
     format-prefix-foreground = ${colors.foreground}
-    format-underline = #8bf
+    format-underline = ${colors.pink}
     format = <label>
 
     label = %output:4%
@@ -17,7 +17,7 @@
 
     format-prefix = " "
     format-prefix-foreground = ${colors.foreground}
-    format-underline = #1794D1
+    format-underline = ${colors.cyan}
     format = <label>
 
     click-left = alacritty -e sh -c "$HOME/.local/bin/archlinux-update; checkupdates > $HOME/.cache/archlinux-updates.txt; read" &

.config/polybar/modules.ini

@@ -72,7 +72,7 @@
 ;    pin-workspaces = true
 
     label-mode-padding = 2
-    label-mode-foreground = #000
+    label-mode-foreground = ${colors.foreground}
     label-mode-background = ${colors.primary}
 
 ;    focused = Active workspace on focused monitor
@@ -133,17 +133,17 @@
 
     format-prefix = " "
     format-prefix-foreground = ${colors.foreground}
-    format-underline = #fff
+    format-underline = ${colors.foreground}
     format = <label>
     label = %percentage%%
 
     bar-width = 10
     bar-indicator = |
-    bar-indicator-foreground = #fff
+    bar-indicator-foreground = ${colors.foreground}
     bar-indicator-font = 2
     bar-fill = -
     bar-fill-font = 2
-    bar-fill-foreground = #9f78e1
+    bar-fill-foreground = ${colors.purple}
     bar-empty = -
     bar-empty-font = 2
     bar-empty-foreground = ${colors.foreground}
@@ -158,7 +158,7 @@
     interval = 2
     format-prefix = " "
     format-prefix-foreground = ${colors.foreground}
-    format-underline = #f90000
+    format-underline = ${colors.red}
     label = %percentage:3%%
 
 [module/memory]
@@ -166,7 +166,7 @@
     interval = 2
     format-prefix = " "
     format-prefix-foreground = ${colors.foreground}
-    format-underline = #4bffdc
+    format-underline = ${colors.cyan}
     label = %percentage_used%%
 
 [module/wlan]
@@ -175,7 +175,7 @@
     interval = 3.0
 
     format-connected = <ramp-signal> <label-connected>
-    format-connected-underline = #9f78e1
+    format-connected-underline = ${colors.purple}
     label-connected = %essid% (%signal:3%%)
 
     format-disconnected = 
@@ -196,7 +196,7 @@
     interface = ${root.eth-interface}
     interval = 3.0
 
-    format-connected-underline = #55aa55
+    format-connected-underline = ${colors.green}
     format-connected-prefix = " "
     format-connected-prefix-foreground = ${colors.foreground}
     label-connected = %local_ip%
@@ -217,7 +217,7 @@
 
     format-prefix = " "
     format-prefix-foreground = ${colors.foreground}
-    format-underline = #0a6cf5
+    format-underline = ${colors.yellow}
 
     label = %date% %time%
 
@@ -228,22 +228,22 @@
     format-volume-prefix-foreground = ${colors.foreground}
 ;    format-volume = <label-volume> <bar-volume>
     format-volume = <label-volume>
-    format-volume-underline = #d8d804
+    format-volume-underline = ${colors.yellow}
     label-volume = %percentage%%
     label-volume-foreground = ${root.foreground}
 
-    format-muted-underline = #686823
+    format-muted-underline = ${colors.orange}
     label-muted =  muted
-    label-muted-foreground = #666
+    label-muted-foreground = ${root.foreground-alt}
 
     bar-volume-width = 10
-    bar-volume-foreground-0 = #55aa55
-    bar-volume-foreground-1 = #55aa55
-    bar-volume-foreground-2 = #55aa55
-    bar-volume-foreground-3 = #55aa55
-    bar-volume-foreground-4 = #55aa55
-    bar-volume-foreground-5 = #f5a70a
-    bar-volume-foreground-6 = #ff5555
+    bar-volume-foreground-0 = ${colors.foreground}
+    bar-volume-foreground-1 = ${colors.foreground}
+    bar-volume-foreground-2 = ${colors.foreground}
+    bar-volume-foreground-3 = ${colors.foreground}
+    bar-volume-foreground-4 = ${colors.foreground}
+    bar-volume-foreground-5 = ${colors.foreground}
+    bar-volume-foreground-6 = ${colors.foreground}
     bar-volume-gradient = false
     bar-volume-indicator = |
     bar-volume-indicator-font = 2
@@ -265,13 +265,13 @@
     label-muted = sound muted
 
     bar-volume-width = 10
-    bar-volume-foreground-0 = #55aa55
-    bar-volume-foreground-1 = #55aa55
-    bar-volume-foreground-2 = #55aa55
-    bar-volume-foreground-3 = #55aa55
-    bar-volume-foreground-4 = #55aa55
-    bar-volume-foreground-5 = #f5a70a
-    bar-volume-foreground-6 = #ff5555
+    bar-volume-foreground-0 = ${colors.foreground}
+    bar-volume-foreground-1 = ${colors.foreground}
+    bar-volume-foreground-2 = ${colors.foreground}
+    bar-volume-foreground-3 = ${colors.foreground}
+    bar-volume-foreground-4 = ${colors.foreground}
+    bar-volume-foreground-5 = ${colors.foreground}
+    bar-volume-foreground-6 = ${colors.foreground}
     bar-volume-gradient = false
     bar-volume-indicator = |
     bar-volume-indicator-font = 2
@@ -288,7 +288,7 @@
     full-at = 100
 
     format-charging = <animation-charging> <label-charging>
-    format-charging-underline = #ffb52a
+    format-charging-underline = ${colors.yellow}
     label-charging = %percentage_raw%% (%time%)
 
     format-discharging = <ramp-capacity> <label-discharging>
@@ -331,7 +331,7 @@
     warn-temperature = 70
 
     format = <ramp> <label>
-    format-underline = #f50a4d
+    format-underline = ${colors.red}
     format-warn = <ramp> <label-warn>
     format-warn-underline = ${self.format-underline}