Polybar? more like Powerline-bar

1 files changed, 116 insertions, 77 deletions

diff --git a/.config/polybar/config b/.config/polybar/config
index 380ac41..38edd7f 100644
--- a/.config/polybar/config
+++ b/.config/polybar/config
@@ -24,6 +24,11 @@ foreground-alt = #555
 primary = #ffb52a
 secondary = #e60053
 alert = #bd2c40
+;systray-bg = #0063ff
+;systray-bg = #232627
+;systray-bg = #bd93f9
+;systray-bg = #ff79c6
+systray-bg = #282a36
 
 ws-active-fg = #ffffff
 ws-active-bg = #d33682
@@ -37,10 +42,32 @@ ws-empty-fg = #02fc45
 ws-empty-bg = ${colors.background}
 ws-empty-ul = ${colors.background}
 
+time-bg = #9aedfe
+time-fg = #232627
+
+ethernet-bg = #ff92d0
+ethernet-fg = #232627
+
+wifi-bg = #caa9fa
+wifi-fg = #232627
+
+temp-bg = #f4f99d
+temp-fg = #232627
+
+cpu-bg = ${colors.temp-bg}
+cpu-fg = ${colors.temp-fg}
+
+mem-bg = #5af78e
+mem-fg = #232627
+
+vol-bg = #ff6e67
+vol-fg = #232627
+vol-fg-alt = ${colors.foreground-alt}
+
 [bar/mybar]
 ;monitor = ${env:MONITOR:eDP-1-1}
 width = 100%
-height = 35
+height = 32
 offset-x = 0%
 offset-y = 0%
 radius = 0
@@ -50,47 +77,40 @@ bottom = 0
 background = ${colors.background}
 foreground = ${colors.foreground}
 
-line-size = 3
+line-size = 0
 line-color = #f00
 
 border-size = 0
 border-color = #00000000
 
 padding-left = 0
-padding-right = 2
+padding-right = 0
 
-module-margin-left = 1
-module-margin-right = 2
+module-margin-left = 0
+module-margin-right = 0
 
-font-0 = "Sauce Code Pro:size=12"
-font-1 = "Source Han Sans JP Normal:size=12"
-font-2 = fixed:pixelsize=10;1
-font-3 = unifont:fontformat=truetype:size=8:antialias=false;0
-font-4 = siji:pixelsize=10;1
+font-0 = "Sauce Code Pro:size=12;3"
+font-1 = "Source Han Sans JP Normal:size=12;2"
+font-2 = "RobotoMono Nerd Font Mono:size=22;5"
+font-3 = fixed:pixelsize=10;1
+font-4 = unifont:fontformat=truetype:size=8:antialias=false;0
+font-5 = siji:pixelsize=10;1
 
 modules-left = ewmh xwindow
-modules-right = pulseaudio memory cpu temperature xkeyboard wlan eth date
+modules-right = vol-arrow pulseaudio mem-arrow memory cpu-arrow cpu temperature wifi-arrow wlan ethernet-arrow eth date-arrow date systray-arrow
 
 tray-position = right
 tray-padding = 2
-tray-background = #0063ff
+tray-background = ${colors.systray-bg}
 
 ;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
 
-
-; same as mybar but with bspwm instead of ewmh module
 [bar/mybar-bspwm]
 ;monitor = ${env:MONITOR:HDMI-1}
 width = 100%
@@ -199,18 +219,29 @@ bar-empty-foreground = ${colors.foreground-alt}
 [module/cpu]
 type = internal/cpu
 interval = 2
-format-prefix = ""
-format-prefix-foreground = ${colors.foreground-alt}
-format-underline = #f90000
-label = %percentage:2%%
+label = "CPU: %percentage:2%%"
+label-background = ${colors.cpu-bg}
+label-foreground = ${colors.cpu-fg}
+
+[module/cpu-arrow]
+type = custom/text
+content = ""
+content-foreground = ${colors.cpu-bg}
+content-background = ${colors.mem-bg}
 
 [module/memory]
 type = internal/memory
 interval = 2
-format-prefix = ""
-format-prefix-foreground = ${colors.foreground-alt}
-format-underline = #4bffdc
-label = %percentage_used%%
+
+label-background = ${colors.mem-bg}
+label-foreground = ${colors.mem-fg}
+label = "MEM: %percentage_used%% "
+
+[module/mem-arrow]
+type = custom/text
+content = ""
+content-foreground = ${colors.mem-bg}
+content-background = ${colors.vol-bg}
 
 [module/wlan]
 type = internal/network
@@ -218,14 +249,13 @@ interface = wlo1
 interval = 3.0
 
 format-connected = <ramp-signal> <label-connected>
-format-connected-underline = #9f78e1
-label-connected = %essid%
+format-connected-background = ${colors.wifi-bg}
+format-connected-foreground = ${colors.wifi-fg}
+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}
+label-disconnected = "WiFi Disconnected "
+label-disconnected-foreground = ${colors.foreground-alt}
+label-disconnected-background = ${colors.wifi-bg}
 
 ramp-signal-0 =
 ramp-signal-1 =
@@ -234,15 +264,24 @@ ramp-signal-3 =
 ramp-signal-4 =
 ramp-signal-foreground = ${colors.foreground-alt}
 
+[module/wifi-arrow]
+type = custom/text
+content = ""
+content-foreground = ${colors.wifi-bg}
+content-background = ${colors.cpu-bg}
+
 [module/eth]
 type = internal/network
 interface = eno1
 interval = 3.0
 
+label-connected-background = ${colors.ethernet-bg}
+label-connected-foreground = ${colors.ethernet-fg}
+
 format-connected-underline = #55aa55
 format-connected-prefix = ""
 format-connected-prefix-foreground = ${colors.foreground-alt}
-label-connected = %local_ip%
+label-connected = "%local_ip% "
 
 format-disconnected =
 ;format-disconnected = <label-disconnected>
@@ -250,6 +289,12 @@ format-disconnected =
 ;label-disconnected = %ifname% disconnected
 ;label-disconnected-foreground = ${colors.foreground-alt}
 
+[module/ethernet-arrow]
+type = custom/text
+content = ""
+content-foreground = ${colors.ethernet-bg}
+content-background = ${colors.wifi-bg}
+
 [module/date]
 type = internal/date
 interval = 5
@@ -257,42 +302,43 @@ interval = 5
 ;date =
 ;date-alt = " %d-%m-%Y"
 
-time = %I:%M %p
-time-alt = %d %B %Y (%A) %H:%M:%S
+time = "%I:%M %p "
+time-alt = "%d %B %Y (%A) %H:%M:%S "
 
-format-prefix =
-format-prefix-foreground = ${colors.foreground-alt}
-format-underline = #0a6cf5
+format-foreground = ${colors.time-fg}
+format-background = ${colors.time-bg}
+
+label = %time%
+
+[module/date-arrow]
+type = custom/text
+content = ""
+;content-font = 2
+content-foreground = ${colors.time-bg}
+content-background = ${colors.ethernet-bg}
 
-label = %date% %time%
+[module/systray-arrow]
+type = custom/text
+content = ""
+content-foreground = ${colors.systray-bg}
+content-background = ${colors.time-bg}
 
 [module/pulseaudio]
 type = internal/pulseaudio
-
-;format-volume = <label-volume> <bar-volume>
 format-volume = <label-volume>
-label-volume = VOL %percentage%%
-label-volume-foreground = ${root.foreground}
+label-volume = "VOL %percentage%% "
+label-volume-background = ${colors.vol-bg}
+label-volume-foreground = ${colors.vol-fg}
+
+label-muted = "muted "
+label-muted-foreground = ${colors.vol-fg-alt}
+label-muted-background = ${colors.vol-bg}
 
-label-muted = muted
-label-muted-foreground = #666
-
-;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-gradient = false
-;bar-volume-indicator = |
-;bar-volume-indicator-font = 2
-;bar-volume-fill = ─
-;bar-volume-fill-font = 2
-;bar-volume-empty = ─
-;bar-volume-empty-font = 2
-;bar-volume-empty-foreground = ${colors.foreground-alt}
+[module/vol-arrow]
+type = custom/text
+content = ""
+content-foreground = ${colors.vol-bg}
+content-background = ${colors.background}
 
 [module/alsa]
 type = internal/alsa
@@ -325,21 +371,13 @@ bar-volume-empty-foreground = ${colors.foreground-alt}
 [module/temperature]
 type = internal/temperature
 thermal-zone = 0
-warn-temperature = 60
+warn-temperature = 65
 
-format = <ramp> <label>
-format-underline = #f50a4d
-format-warn = <ramp> <label-warn>
-format-warn-underline = ${self.format-underline}
-
-label = %temperature-c%
-label-warn = %temperature-c%
+label = " / %temperature-c% "
 label-warn-foreground = ${colors.secondary}
 
-ramp-0 =
-ramp-1 =
-ramp-2 =
-ramp-foreground = ${colors.foreground-alt}
+label-background = ${colors.temp-bg}
+label-foreground = ${colors.temp-fg}
 
 [settings]
 screenchange-reload = true
@@ -425,3 +463,4 @@ label-urgent-background = #bd2c40
 label-urgent-underline = #9b0a20
 label-urgent-padding = 4
 
+