[bar/display1]
monitor = ${env:MONITOR:DP-2}

fixed-center = false

width = 100%
height = 20

background = ${colors.background}
foreground = ${colors.foreground}

font-0 = PowerlineSymbols:size=14;4
font-1 = Font Awesome 5 Free Solid:pixelsize=12;2
font-2 = FiraCode Nerd Font Mono:pixelsize=10;2

modules-left = bspwm RightArrow RightStripe RightArrow
modules-center = xwindow
modules-right = LeftArrow3 LeftStripe LeftArrow3 pulseaudio LeftArrow1 filesystem LeftArrow2 cpu LeftArrow1 memory LeftArrow2 date

tray-position = right
tray-padding = 1
tray-background = ${colors.cyan}

cursor-click = pointer
cursor-scroll = ns-resize


[bar/display2]
monitor = ${env:MONITOR:HDMI-0}

fixed-center = false

width = 100%
height = 20

background = ${colors.background}
foreground = ${colors.foreground}

font-0 = PowerlineSymbols:size=14;4
font-1 = Font Awesome 5 Free Solid:pixelsize=12;2
font-2 = FiraCode Nerd Font Mono:pixelsize=10;2

modules-left = bspwm RightArrow RightStripe RightArrow
modules-center = xwindow
modules-right = LeftArrow3 LeftStripe LeftArrow3 pulseaudio LeftArrow1 filesystem LeftArrow2 cpu LeftArrow1 memory LeftArrow2 date

cursor-click = pointer
cursor-scroll = ns-resize


[colors]
background = ${xrdb:background}
foreground = ${xrdb:foreground}
foreground-alt = #555
text = #161821
green = ${xrdb:color2}
blue = ${xrdb:color4}
red = ${xrdb:color1}
yellow = ${xrdb:color3}
cyan = ${xrdb:color6}


[global/wm]
margin-top = 5
margin-bottom = 5


[module/bspwm]
type = internal/bspwm

format = <label-state>

label-focused = %index%
label-focused-foreground = ${colors.text}
label-focused-background = ${colors.yellow}
label-focused-padding = 1

label-occupied = %index%
label-occupied-foreground = ${colors.text}
label-occupied-background = ${colors.green}
label-occupied-padding = 1

label-urgent = %index%!
label-urgent-foreground = ${colors.text}
label-urgent-background = ${colors.blue}
label-urgent-padding = 1

label-empty = %index%
label-empty-foreground = ${colors.text}
label-empty-background = ${colors.red}
label-empty-padding = 1


[module/cpu]
type = internal/cpu

interval = 2

format-background = ${colors.cyan}

label =  CPU: %percentage%%
label-foreground = ${colors.text}


[module/date]
type = internal/date

interval = 1

date =
date-alt = " %d %B %Y"

time = %a %r
time-alt = " %A %r"

format-background = ${colors.cyan}

label =  %date% %time%
label-foreground = ${colors.text}


[module/filesystem]
type = internal/fs

internal = 30

mount-0 = /

format-mounted-background = ${colors.red}

label-mounted =  %mountpoint%: %used%/%total% (%fsname%)
label-mounted-foreground = ${colors.text}


[module/memory]
type = internal/memory

interval = 2

format-background = ${colors.red}

label =  RAM: %percentage_used%%
label-foreground = ${colors.text}


[module/pulseaudio]
type = internal/pulseaudio

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 = true
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}

format-volume = "<label-volume> <bar-volume> "
format-volume-background = ${colors.cyan}

format-muted-background = ${colors.cyan}

label-volume =  VOL: %percentage%%
label-volume-foreground = ${colors.text}

label-muted =  Muted
label-muted-foreground = ${colors.text}


[module/xwindow]
type = internal/xwindow
label = %title:0:80:...%


[module/LeftArrow1]
type = custom/text
content = ""
content-foreground = ${colors.red}
content-background = ${colors.cyan}


[module/LeftArrow2]
type = custom/text
content = ""
content-foreground = ${colors.cyan}
content-background = ${colors.red}

[module/LeftArrow3]
type = custom/text
content = ""
content-foreground = ${colors.cyan}
content-background = ${colors.background}


[module/LeftStripe]
type = custom/text
content = ""
content-foreground = ${colors.background}
content-background = ${colors.cyan}


[module/RightArrow]
type = custom/text
content = ""
content-foreground = ${colors.red}
content-background = ${colors.background}


[module/RightStripe]
type = custom/text
content = ""
content-foreground = ${colors.background}
content-background = ${colors.red}


[settings]
screenchange-reload = true