add waybar config
This commit is contained in:
		
							
								
								
									
										144
									
								
								home/default/.config/waybar/config
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										144
									
								
								home/default/.config/waybar/config
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,144 @@
 | 
			
		||||
{
 | 
			
		||||
    // "layer": "top", // Waybar at top layer
 | 
			
		||||
    "position": "bottom", // Waybar position (top|bottom|left|right)
 | 
			
		||||
    "height": 20, // Waybar height (to be removed for auto height)
 | 
			
		||||
    // "width": 1280, // Waybar width
 | 
			
		||||
    // Choose the order of the modules
 | 
			
		||||
    "modules-left": ["sway/workspaces", "sway/mode", "custom/media"],
 | 
			
		||||
    "modules-center": [],
 | 
			
		||||
    "modules-right": ["idle_inhibitor", "mpd", "pulseaudio", "bluetooth", "network", "cpu", "memory", "temperature", "battery", "clock", "tray"],
 | 
			
		||||
    "sway/workspaces": {
 | 
			
		||||
       "disable-scroll-wraparound": true
 | 
			
		||||
    },
 | 
			
		||||
    // Modules configuration
 | 
			
		||||
    // "sway/workspaces": {
 | 
			
		||||
    //     "disable-scroll": true,
 | 
			
		||||
    //     "all-outputs": true,
 | 
			
		||||
    //     "format": "{name}: {icon}",
 | 
			
		||||
    //     "format-icons": {
 | 
			
		||||
    //         "1": "",
 | 
			
		||||
    //         "2": "",
 | 
			
		||||
    //         "3": "",
 | 
			
		||||
    //         "4": "",
 | 
			
		||||
    //         "5": "",
 | 
			
		||||
    //         "urgent": "",
 | 
			
		||||
    //         "focused": "",
 | 
			
		||||
    //         "default": ""
 | 
			
		||||
    //     }
 | 
			
		||||
    // },
 | 
			
		||||
    "keyboard-state": {
 | 
			
		||||
        "numlock": true,
 | 
			
		||||
        "capslock": true,
 | 
			
		||||
        "format": "{name} {icon}",
 | 
			
		||||
        "format-icons": {
 | 
			
		||||
            "locked": "",
 | 
			
		||||
            "unlocked": ""
 | 
			
		||||
        }
 | 
			
		||||
    },
 | 
			
		||||
    "sway/mode": {
 | 
			
		||||
        "format": "<span style=\"italic\">{}</span>"
 | 
			
		||||
    },
 | 
			
		||||
    "idle_inhibitor": {
 | 
			
		||||
        "format": "{icon}",
 | 
			
		||||
        "format-icons": {
 | 
			
		||||
            "activated": "",
 | 
			
		||||
            "deactivated": ""
 | 
			
		||||
        }
 | 
			
		||||
    },
 | 
			
		||||
    "tray": {
 | 
			
		||||
        "icon-size": 15,
 | 
			
		||||
        "spacing": 10
 | 
			
		||||
    },
 | 
			
		||||
    "clock": {
 | 
			
		||||
        // "timezone": "America/New_York",
 | 
			
		||||
        "tooltip-format": "<big>{:%Y %B}</big>\n<tt><small>{calendar}</small></tt>",
 | 
			
		||||
        "format": "{:%Y-%m-%d %I:%M:%S %p}",
 | 
			
		||||
	"interval": 1
 | 
			
		||||
    },
 | 
			
		||||
    "cpu": {
 | 
			
		||||
        "format": " {usage}%",
 | 
			
		||||
        // "tooltip": false
 | 
			
		||||
    },
 | 
			
		||||
    "memory": {
 | 
			
		||||
        "format": " {}%"
 | 
			
		||||
    },
 | 
			
		||||
    "battery": {
 | 
			
		||||
        "states": {
 | 
			
		||||
            "good": 95,
 | 
			
		||||
            "warning": 30,
 | 
			
		||||
            "critical": 15
 | 
			
		||||
        },
 | 
			
		||||
        "format": "{icon} {capacity}% ({time})",
 | 
			
		||||
        "format-charging": " {capacity}%",
 | 
			
		||||
        "format-plugged": " {capacity}%",
 | 
			
		||||
        // "format-good": "", // An empty format will hide the module
 | 
			
		||||
        // "format-full": "",
 | 
			
		||||
        "format-icons": ["", "", "", "", ""]
 | 
			
		||||
    },
 | 
			
		||||
    "network": {
 | 
			
		||||
        // "interface": "wlp2*", // (Optional) To force the use of this interface
 | 
			
		||||
        "format-wifi": " {essid} ({signalStrength}%)",
 | 
			
		||||
        "format-ethernet": " {ifname}: {ipaddr}/{cidr}",
 | 
			
		||||
        "format-linked": " {ifname} (No IP)",
 | 
			
		||||
        "format-disconnected": "⚠ Disconnected",
 | 
			
		||||
        "format-alt": "{ifname}: {ipaddr}/{cidr}"
 | 
			
		||||
    },
 | 
			
		||||
    "pulseaudio": {
 | 
			
		||||
        // "scroll-step": 1, // %, can be a float
 | 
			
		||||
        "format": "{icon} {volume}%",
 | 
			
		||||
        "format-bluetooth": "{volume}%  {format_source}",
 | 
			
		||||
        "format-bluetooth-muted": " {icon} {format_source}",
 | 
			
		||||
        "format-muted": " {volume}%",
 | 
			
		||||
        // "format-source": "{volume}% ",
 | 
			
		||||
        // "format-source-muted": "",
 | 
			
		||||
        "format-icons": {
 | 
			
		||||
            "headphone": "",
 | 
			
		||||
            "hands-free": "",
 | 
			
		||||
            "headset": "",
 | 
			
		||||
            "phone": "",
 | 
			
		||||
            "portable": "",
 | 
			
		||||
            "car": "",
 | 
			
		||||
            "default": ["", "", ""]
 | 
			
		||||
        },
 | 
			
		||||
        "on-click": "pavucontrol"
 | 
			
		||||
    },
 | 
			
		||||
    "mpd": {
 | 
			
		||||
	"format": "{stateIcon} {consumeIcon}{randomIcon}{repeatIcon}{singleIcon} {artist} | {title} | {elapsedTime:%M:%S}/{totalTime:%M:%S}",
 | 
			
		||||
        // "max-length": 200,
 | 
			
		||||
        "format-disconnected": "Disconnected",
 | 
			
		||||
	    "format-stopped": "{consumeIcon}{randomIcon}{repeatIcon}{singleIcon}Stopped",
 | 
			
		||||
	    "interval": 2,
 | 
			
		||||
	    "consume-icons": {
 | 
			
		||||
		    "on": " " // Icon shows only when "consume" is on
 | 
			
		||||
	    },
 | 
			
		||||
	    "random-icons": {
 | 
			
		||||
		    "off": "<span color=\"#f53c3c\"></span> ", // Icon grayed out when "random" is off
 | 
			
		||||
		    "on": " "
 | 
			
		||||
	    },
 | 
			
		||||
	    "repeat-icons": {
 | 
			
		||||
		    "on": " "
 | 
			
		||||
	    },
 | 
			
		||||
	    "single-icons": {
 | 
			
		||||
		    "on": "1 "
 | 
			
		||||
	    },
 | 
			
		||||
	    "state-icons": {
 | 
			
		||||
		    "paused": "",
 | 
			
		||||
		    "playing": ""
 | 
			
		||||
	    },
 | 
			
		||||
	    "tooltip-format": "MPD (connected)",
 | 
			
		||||
	    "tooltip-format-disconnected": "MPD (disconnected)"
 | 
			
		||||
    },
 | 
			
		||||
    "custom/media": {
 | 
			
		||||
        "format": "{icon} {}",
 | 
			
		||||
        "return-type": "json",
 | 
			
		||||
        "max-length": 40,
 | 
			
		||||
        "format-icons": {
 | 
			
		||||
            "spotify": "",
 | 
			
		||||
            "default": "🎜"
 | 
			
		||||
        },
 | 
			
		||||
        "escape": true,
 | 
			
		||||
        "exec": "$HOME/.config/waybar/mediaplayer.py 2> /dev/null" // Script in resources folder
 | 
			
		||||
        // "exec": "$HOME/.config/waybar/mediaplayer.py --player spotify 2> /dev/null" // Filter player based on name
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
							
								
								
									
										244
									
								
								home/default/.config/waybar/style.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										244
									
								
								home/default/.config/waybar/style.css
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,244 @@
 | 
			
		||||
* {
 | 
			
		||||
    border: none;
 | 
			
		||||
    border-radius: 0;
 | 
			
		||||
    font-family: IBMPlexMono, monospace;
 | 
			
		||||
    font-size: 12px;
 | 
			
		||||
    min-height: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
window#waybar {
 | 
			
		||||
    background-color: #000;
 | 
			
		||||
    color: #ffffff;
 | 
			
		||||
    transition-property: background-color;
 | 
			
		||||
    transition-duration: .5s;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
window#waybar.hidden {
 | 
			
		||||
    opacity: 0.2;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/*
 | 
			
		||||
window#waybar.empty {
 | 
			
		||||
    background-color: transparent;
 | 
			
		||||
}
 | 
			
		||||
window#waybar.solo {
 | 
			
		||||
    background-color: #FFFFFF;
 | 
			
		||||
}
 | 
			
		||||
*/
 | 
			
		||||
 | 
			
		||||
window#waybar.termite {
 | 
			
		||||
    background-color: #3F3F3F;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
window#waybar.chromium {
 | 
			
		||||
    background-color: #000000;
 | 
			
		||||
    border: none;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#workspaces button {
 | 
			
		||||
    padding: 0 8px;
 | 
			
		||||
    background-color: #6B313D;
 | 
			
		||||
    color: #bbbbbb;
 | 
			
		||||
    min-width: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
#workspaces button.focused {
 | 
			
		||||
    color: #000000;
 | 
			
		||||
    background-color: #888888;
 | 
			
		||||
    /*box-shadow: inset 2px 2px #555555, inset -2px -2px #555555;*/
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
#workspaces button.urgent {
 | 
			
		||||
    background-color: #eb4d4b;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#mode {
 | 
			
		||||
    background-color: #64727D;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#clock,
 | 
			
		||||
#battery,
 | 
			
		||||
#cpu,
 | 
			
		||||
#memory,
 | 
			
		||||
#disk,
 | 
			
		||||
#temperature,
 | 
			
		||||
#backlight,
 | 
			
		||||
#network,
 | 
			
		||||
#pulseaudio,
 | 
			
		||||
#custom-media,
 | 
			
		||||
#tray,
 | 
			
		||||
#mode,
 | 
			
		||||
#idle_inhibitor,
 | 
			
		||||
#bluetooth,
 | 
			
		||||
#mpd {
 | 
			
		||||
    padding: 0 6px;
 | 
			
		||||
    border-right: 2px solid #424242;
 | 
			
		||||
    color: #999999;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#window,
 | 
			
		||||
#workspaces {
 | 
			
		||||
    margin: 0 4px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* If workspaces is the leftmost module, omit left margin */
 | 
			
		||||
.modules-left > widget:first-child > #workspaces {
 | 
			
		||||
    margin-left: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* If workspaces is the rightmost module, omit right margin */
 | 
			
		||||
.modules-right > widget:last-child > #workspaces {
 | 
			
		||||
    margin-right: 0;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/*
 | 
			
		||||
#clock {
 | 
			
		||||
    background-color: #64727D;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#battery {
 | 
			
		||||
    background-color: #ffffff;
 | 
			
		||||
    color: #000000;
 | 
			
		||||
}
 | 
			
		||||
*/
 | 
			
		||||
 | 
			
		||||
#battery.charging, #battery.plugged {
 | 
			
		||||
    color: #ffffff;
 | 
			
		||||
    background-color: #26A65B;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@keyframes blink {
 | 
			
		||||
    to {
 | 
			
		||||
        background-color: #ffffff;
 | 
			
		||||
        color: #000000;
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#battery.warning:not(.charging) {
 | 
			
		||||
    background-color: #F57C00;
 | 
			
		||||
    color: black;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#battery.critical:not(.charging) {
 | 
			
		||||
    background-color: #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-color: #2ecc71;
 | 
			
		||||
    color: #000000;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#memory {
 | 
			
		||||
    background-color: #9b59b6;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#disk {
 | 
			
		||||
    background-color: #964B00;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#backlight {
 | 
			
		||||
    background-color: #90b1b1;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#network {
 | 
			
		||||
    background-color: #2980b9;
 | 
			
		||||
}
 | 
			
		||||
*/
 | 
			
		||||
 | 
			
		||||
#network.disconnected {
 | 
			
		||||
    background-color: #424242;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#pulseaudio.muted {
 | 
			
		||||
    background-color: #424242;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#custom-media {
 | 
			
		||||
    background-color: #66cc99;
 | 
			
		||||
    color: #2a5c45;
 | 
			
		||||
    min-width: 100px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#custom-media.custom-spotify {
 | 
			
		||||
    background-color: #66cc99;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#custom-media.custom-vlc {
 | 
			
		||||
    background-color: #ffa000;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#temperature {
 | 
			
		||||
    background-color: #f0932b;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#temperature.critical {
 | 
			
		||||
    background-color: #eb4d4b;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
#tray > .passive {
 | 
			
		||||
    -gtk-icon-effect: dim;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#tray > .needs-attention {
 | 
			
		||||
    -gtk-icon-effect: highlight;
 | 
			
		||||
    background-color: #eb4d4b;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#idle_inhibitor.activated {
 | 
			
		||||
    background-color: #ecf0f1;
 | 
			
		||||
    color: #2d3436;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#mpd {
 | 
			
		||||
    /* background-color: #66cc99; */
 | 
			
		||||
    /* color: #2a5c45; */
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#mpd.disconnected {
 | 
			
		||||
    background-color: #f53c3c;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#mpd.stopped {
 | 
			
		||||
    /* background-color: #90b1b1; */
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#mpd.paused {
 | 
			
		||||
    /* background-color: #51a37a; */
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#language {
 | 
			
		||||
    background: #00b093;
 | 
			
		||||
    color: #740864;
 | 
			
		||||
    padding: 0 5px;
 | 
			
		||||
    margin: 0 5px;
 | 
			
		||||
    min-width: 16px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#keyboard-state {
 | 
			
		||||
    background: #97e1ad;
 | 
			
		||||
    color: #000000;
 | 
			
		||||
    padding: 0 0px;
 | 
			
		||||
    margin: 0 5px;
 | 
			
		||||
    min-width: 16px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#keyboard-state > label {
 | 
			
		||||
    padding: 0 5px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#keyboard-state > label.locked {
 | 
			
		||||
    background: rgba(0, 0, 0, 0.2);
 | 
			
		||||
}
 | 
			
		||||
		Reference in New Issue
	
	Block a user