{
    "layer": "top",
    "position": "top",
    "expand-center": true,

    "modules-left": [
        "mango/workspaces",
        "ext/workspaces" // TODO: change to mango
    ],

    "ext/workspaces": {
        "on-click": "activate"
    },

    "modules-center": [
    ],

    "modules-right": [
        "tray",
        "mpris",
        "wireplumber",
        "network",
        "bluetooth",
        "battery",
        "clock"
        // TODO: notifications
    ],

    "mpris": {
        "format": "[{status}] {dynamic}",
        "title-len": 40,
        "dynamic-len": 60
    },

    "wireplumber": {
        "format": "{volume}% {icon} ",
        "format-muted": "[muted] ",
        "format-icons": ["", "", ""]
    },

    "network": {
        "interface": "wlp0s20f3",
        "format": "{ifname}",
        "format-wifi": "{essid} ({signalStrength}%)  ",
        "format-ethernet": "{ifname}  ",
        "format-disconnected": "", //An empty format will hide the module.
        "format-disconnected": " ",
        "tooltip-format": "{ifname}",
        "tooltip-format-wifi": "{essid} ({signalStrength}%)  ",
        "tooltip-format-ethernet": "{ifname}  ",
        "tooltip-format-disconnected": "Disconnected",
        "max-length": 50
    },

    "blueooth": {
        "format": " [{status}]"
    },

    "battery": {
        "format": "{capacity}% {icon} ",
        "format-icons": ["", "", "", "", ""]
    },

    "clock": {
        "format": "{:%H:%M}  ",
        "format-alt": "{:%A, %B %d, %Y (%R)}",
        "tooltip-format": "<tt><small>{calendar}</small></tt>",
        "calendar": {
            "mode"          : "year",
            "mode-mon-col"  : 3,
            "weeks-pos"     : "right",
            "on-scroll"     : 1,
            "on-click-right": "mode",
            "format": {
                "months":     "<span color='#ffead3'><b>{}</b></span>",
                "days":       "<span color='#ecc6d9'><b>{}</b></span>",
                "weeks":      "<span color='#99ffdd'><b>W{}</b></span>",
                "weekdays":   "<span color='#ffcc66'><b>{}</b></span>",
                "today":      "<span color='#ff6699'><b><u>{}</u></b></span>"
            }
        },
        "actions": {
            "on-click-right": "mode",
            "on-click-forward": "tz_up",
            "on-click-backward": "tz_down",
            "on-scroll-up": "shift_up",
            "on-scroll-down": "shift_down"
        }
    }
}