rc

// After the opening parentheses, you enter the Waybar "general config", which

// configures the overall bar itself.

// After that, you can give the name of a specific module, and open parentheses

// for that as well, which configures for that module specifically.

// NOTE: If I happen to get a weird feeling for music in the future, there are

// some fine things available for MPD.

{

    "layer": "top", // Waybar at top layer

    "position": "left", // Waybar position (top|bottom|left|right)

    //"height": 30, // Waybar height (to be removed for auto height)

    "width": 63, // Waybar width

    // Choose the order of the modules

    "modules-left": ["sway/workspaces", "sway/mode"],

    "modules-center": ["sway/window"],

    //"modules-right": ["mpd", "idle_inhibitor", "pulseaudio", "network", "cpu", "memory", "temperature", "backlight", "battery", "battery#bat2", "clock", "tray"],

    //"modules-right": ["pulseaudio#output", "pulseaudio#input", "cpu", "network",

    "modules-right": ["pulseaudio#output", "pulseaudio#input", "cpu",

    "memory", "temperature", "backlight", "battery", "battery#bat2", "clock#day", "clock#date", "clock#time", "tray"],

    // Modules configuration

    // NOTE: To maintain order; configure the modules in the same order as they

    // appear in the bar itself (i.e. modules-left -> modules-center ->

    // modules-right), so this stays tidy and maitainable.

    "sway/workspaces": {

        "disable-scroll-wraparound": true,

        "all-outputs": true,

        "format": "{name}  {icon}",

        "format-icons": {

            "1": "",

            "2": "",

            "3": "",

            "4": "",

            "5": "",

            "urgent": "",

            "focused": "",

            "default": ""

        }

    },

    "sway/mode": { // Sway/mode is for things like when resizing

        "format": "<span style=\"italic\">{}</span>"

    },

    "sway/window": {

        "rotate": 90

    },

    "pulseaudio#output": {

        "format": "{volume}% {icon}",

        "format-bluetooth": "{volume}% {icon} {format_source}",

        "format-muted": "",

        "format-icons": {

            "headphones": "",

            "handsfree": "",

            "headset": "",

            "phone": "",

            "portable": "",

            "car": "",

            "speaker": "",

            // The speaker icons don't show up...

            //""

            //"speaker": ["", "", ""],

            "hdmi": "H",

            "hifi": "F",

            "default": "S" //["", "", ""]

        },

        "on-click": "pavucontrol",

        "tooltip": false

    },

    "pulseaudio#input": {

        "format": "{format_source}",

        "format-source": "{volume}% ",

        "format-source-muted": "{volume}% ",

        "on-click": "pavucontrol",

        "tooltip": false

    },

    "cpu": {

        "format": "{usage}% ",

        "tooltip": false

    },

    "memory": {

        "format": "{}% "

    },

    "temperature": {

        // "thermal-zone": 2,

        // "hwmon-path": "/sys/class/hwmon/hwmon2/temp1_input",

        "critical-threshold": 80,

        // "format-critical": "{temperatureC}°C {icon}",

        "format": "{temperatureC}°C {icon}",

        "format-icons": ["", "", ""]

    },

    "backlight": {

        // "device": "acpi_video1",

        "format": "{percent}% {icon}",

        "format-icons": ["", ""]

    },

    "battery": {

        "states": {

            // "good": 95,

            "warning": 30,

            "critical": 15

        },

        "format": "{capacity}% {icon}",

        "format-charging": "{capacity}% ",

        "format-plugged": "{capacity}% ",

        "format-alt": "{time} {icon}",

        // "format-good": "", // An empty format will hide the module

        // "format-full": "",

        "format-icons": ["", "", "", "", ""]

    },

    "battery#bat2": {

        "bat": "BAT2"

    },

    //"network": {

        //// "interface": "wlp2*", // (Optional) To force the use of this interface

        //// The ESSID or IFname aren't shown because it's too long

        //"format-wifi": "{signalStrength}% ",

        //"format-ethernet": "{bandwidthDownBits} ",

        //"format-linked": "{bandwidthDownBits} ",

        //"format-disconnected": " ",

        //"format": "{bandwidthDownBits}",

        //"tooltip": false

    //},

    // The reason I'm using three clocks next to each other, is because if I use

    // %n in the format, the text doesn't align to the center anymore, which

    // looks ugly. And since I can't set text-align in the CSS, this is the

    // hack I came up with.

    "clock#day": {

        "tooltip": false,

        "interval": 3600,

        //"format": "{:%A <br /> %d/%m <br /> %H:%M}",

        //"format": "{:%a %n %d/%m %n %H:%M}"

        "format": "{:%a}"

        //"format": "{:%A}" // Did this previously but Wednesday was too long

        //"max-length": 50

        //"format-alt": "{:%Y-%m-%d}"

    },

    "clock#date": {

        "tooltip": false,

        "interval": 3600,

        "format": "{:%d %h}"

    },

    "clock#time": {

        "tooltip": false,

        "interval": 1,

        //"format": "{:%H:%M}"

        "format": "{:%H:%M:%S}"

    },

    "tray": {

        // "icon-size": 21,

        "spacing": 10

    }

}

* {

    border: none;

    border-radius: 0;

    font-family: Ubuntu, Roboto, Helvetica, Arial, sans-serif;

    font-size: 15px;

    min-height: 0;

}

/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */

/* sway/workspaces */

#workspaces button {

    padding: 0 2px;

    background: transparent;

    color: #ffffff;

    border-bottom: 3px solid transparent;

    transition-property: padding;

    transition-duration: .5s;

}

#workspaces button.focused {

    background: #64727D;

    border-bottom: 3px solid #ffffff;

    padding: 5px;

}

#workspaces button.urgent {

    background-color: #eb4d4b;

}

window#waybar {

    background: rgba(43, 48, 59, 0.5);

    border-bottom: 3px solid rgba(100, 114, 125, 0.5);

    color: #ffffff;

    transition-property: background, background-color;

    transition-duration: .5s;

}

window#waybar.hidden {

    opacity: 0.2;

}

/*

window#waybar.empty {

    background: transparent;

}

window#waybar.solo {

    background: #FFFFFF;

}

*/

window#waybar.termite {

    background-color: #3F3F3F;

}

window#waybar.chromium {

    background-color: #000000;

    border: none;

}

#mode {

    background: #64727D;

    border-bottom: 3px solid #ffffff;

}

#clock, #battery, #cpu, #memory, #temperature, #backlight, #network,

#pulseaudio, #tray, #mode {

    /*padding: 0 10px;

    margin: 0 5px;*/

    color: #ffffff;

}

#clock {

    background-color: #64727D;

}

#battery {

    background-color: #ffffff;

    color: #000000;

}

#battery.charging {

    color: #ffffff;

    background-color: #26A65B;

}

@keyframes blink {

    to {

        background-color: #ffffff;

        color: #000000;

    }

}

#battery.critical:not(.charging) {

    background: #f53c3c;

    color: #ffffff;

    animation-name: blink;

    animation-duration: 0.5s;

    animation-timing-function: linear;

    animation-iteration-count: infinite;

    animation-direction: alternate;

}

label:focus {

    background-color: #000000;

}

#cpu {

    background: #2ecc71;

    color: #000000;

}

#memory {

    background: #9b59b6;

}

#backlight {

    background: #90b1b1;

}

#network {

    background: #2980b9;

}

#network.disconnected {

    background: #f53c3c;

}

#pulseaudio {

    background: #f1c40f;

    color: #000000;

}

#pulseaudio.muted {

    background: #90b1b1;

    color: #2a5c45;

}

#temperature {

    background: #f0932b;

}

#temperature.critical {

    background: #eb4d4b;

}

#tray {

    background-color: #2980b9;

}