.everforest:
  0:  &foreground   d8caacff
  1:  &background   323d43cc
  2:  &black        4a555bff
  3:  &dark_grey    525c62ff
  4:  &dark_red     e26c6eff
  5:  &red          e68183ff
  6:  &dark_green   9bb86fff
  7:  &green        a7c080ff
  8:  &dark_yellow  d5b26bff
  9:  &yellow       dbbc7fff
  10: &dark_blue    6eb2a9ff
  11: &blue         7fbbb3ff
  12: &dark_magenta cf87a9ff
  13: &magenta      d699b6ff
  14: &dark_cyan    72b783ff
  15: &cyan         83c092ff
  16: &light_grey   d0bf9bff
  17: &white        d8caacff
hack: &hack Hack:pixelsize=28
awesome: &awesome Font Awesome 6 Free:style=solid:pixelsize=26
separator: &separator {string: {text: " | ", font: *hack, foreground: *light_grey}}

bar:
  height: 72
  location: bottom
  layer: top
  spacing: 2
  margin: 2
  font: *hack
  foreground: *foreground
  background: *background
  border:
    top-width: 0
    bottom-width: 4
    left-width: 0
    right-width: 0
    color: *light_grey
    margin: 0

  left:
    - river:
        anchors:
          - base: &river_base
              left-margin: 56
              right-margin: 56
              text: "{id}"
        content:
          map:
            on-click:
              left: sh -c "riverctl set-focused-tags $((1 << ({id} - 1)))"
              middle: sh -c "riverctl toggle-view-tags $((1 << ({id} -1)))"
              right: sh -c "riverctl toggle-focused-tags $((1 << ({id} -1)))"
            conditions:
              urgent:
                string:
                  <<: *river_base
                  deco: {stack: [{background: {color: *dark_red}}, {underline: {size: 4, color: *black}}]}
                  foreground: *black
              focused:
                string:
                  <<: *river_base
                  deco: {stack: [{background: {color: *light_grey}}, {underline: {size: 4, color: *dark_grey}}]}
                  foreground: *dark_grey
              ~focused && occupied:
                string:
                  <<: *river_base
                  deco: {stack: [{background: {color: *dark_grey}}, {underline: {size: 4, color: *light_grey}}]}
                  foreground: *light_grey
              visible && occupied:
                string:
                  <<: *river_base
                  deco: {background: {color: *light_grey}}
                  foreground: *dark_grey
              visible && ~occupied:
                string:
                  <<: *river_base
                  deco: {background: {color: *dark_grey}}
                  foreground: *light_grey
              ~visible && occupied:
                string:
                  <<: *river_base
                  deco: {stack: [{background: {color: *dark_grey}}, {underline: {size: 4, color: *light_grey}}]}
                  foreground: *light_grey
              id < 10 && ~visible && ~occupied:
                string:
                  <<: *river_base
                  foreground: *light_grey
              id >= 10 && ~visible && ~occupied: {empty: {}}
              ~focused:
                string:
                  <<: *river_base
                  foreground: *light_grey

  center:
    - foreign-toplevel:
        content:
          map:
            conditions:
              activated:
                - string: {text: "{app-id}: {title}"}
              ~activated: {empty: {}}

  right:
    - pulse:
        content:
          map:
            conditions:
              sink_muted:
                - string: {text: , font: *awesome}
                - string: {text: " {sink_percent}% ({sink_port})"}
              ~sink_muted:
                - ramp:
                    tag: sink_percent
                    items:
                      - string: {text: , font: *awesome}
                      - string: {text: , font: *awesome}
                      - string: {text: , font: *awesome}
                - string: {text: " {sink_percent}% ({sink_port})"}
    - label:
        content: *separator
    - backlight:
        name: amdgpu_bl0
        content:
          - ramp:
              tag: percent
              items:
                - string: {text: , font: *awesome}
                - string: {text: , font: *awesome}
          - string: {text: " {percent}%"}
    - label:
        content: *separator
    - network:
        name: wlan0
        poll-interval: 1000
        content:
          map:
            default: {string: {text: , font: *awesome}}
            conditions:
              state == down: {string: {text: , font: *awesome, foreground: *dark_grey}}
              state == up:
                map:
                  default:
                    - string: {text: , font: *awesome}
                    - string: {text: " {name}: {state}"}
                      #- string: {text: " {ssid} {dl-speed:mb}/{ul-speed:mb} Mb/s", foreground: *light_grey}
                  conditions:
                    ipv4 == "":
                      - string: {text: , font: *awesome}
                      - string: {text: " {name}: {state}"}
                        #- string: {text: " {ssid} {dl-speed:mb}/{ul-speed:mb} Mb/s", foreground: *light_grey}
    - label:
        content: *separator
    - battery:
        name: BAT0
        poll-interval: 10
        anchors:
          discharging: &discharging
            list:
              items:
                - ramp:
                    tag: capacity
                    items:
                      - string: {text: , foreground: *dark_red, font: *awesome}
                      - string: {text: , foreground: *dark_yellow, font: *awesome}
                      - string: {text: , font: *awesome}
                      - string: {text: , font: *awesome}
                      - string: {text: , font: *awesome}
                - string: {text: " {capacity}% {estimate}"}
        content:
          map:
            conditions:
              state == unknown:
                <<: *discharging
              state == discharging:
                <<: *discharging
              state == charging:
                - string: {text: , font: *awesome}
                - string: {text: " {capacity}% {estimate}"}
              state == full:
                - string: {text: , foreground: *dark_green, font: *awesome}
                - string: {text: " {capacity}% full", foreground: *dark_green}
              state == "not charging":
                - string: {text:  , font: *awesome}
                - string: {text: " {capacity}%"}
    - label:
        content: *separator
    - clock:
        date-format: "%Y-%m-%d"
        time-format: "%R"
        content:
          - string: {text: , font: *awesome}
          - string: {text: " {date} | "}
          - string: {text: , font: *awesome}
          - string: {text: " {time} "}