update waybar configs

This commit is contained in:
dalahast 2020-09-07 17:54:18 +02:00
parent fdbc42860a
commit 74567d5e23
Signed by: dalahast
GPG Key ID: 504A02165E7FA6B2
2 changed files with 30 additions and 14 deletions

@ -29,9 +29,9 @@
"height": 16, // Waybar height (to be removed for auto height) "height": 16, // Waybar height (to be removed for auto height)
"width": 1920, // Waybar width "width": 1920, // Waybar width
// Choose the order of the modules // Choose the order of the modules
"modules-left": ["sway/workspaces", "sway/mode"], "modules-left": ["sway/workspaces", "sway/mode", "custom/mediaplayer"],
"modules-center": ["sway/window"], "modules-center": ["sway/window"],
"modules-right": ["tray", "pulseaudio", "network", "cpu", "memory", "temperature", "backlight", "battery", "battery#bat2", "clock#date", "clock#time"], "modules-right": ["tray","pulseaudio", "network", "cpu", "memory", "temperature", "backlight", "battery#bat1", "battery#bat2", "clock#date", "clock#time"],
// Modules configuration // Modules configuration
"sway/mode": { "sway/mode": {
@ -70,6 +70,16 @@
"deactivated": "" "deactivated": ""
} }
}, },
"custom/mediaplayer": {
"format": "{icon} {}",
"return-type": "json",
"max-length": 40,
"format-icons": {
// "default": "🎜"
},
"escape": true,
"exec": "$HOME/.local/bin/mediaplayer.py 2> /dev/null" // Script in resources folder
},
"tray": { "tray": {
"icon-size": 16, "icon-size": 16,
"spacing": 10 "spacing": 10
@ -91,7 +101,7 @@
"interval": 2 "interval": 2
}, },
"memory": { "memory": {
"format": "{:2}%", "format": "{}%",
"on-click": "exec kitty htop" "on-click": "exec kitty htop"
}, },
"temperature": { "temperature": {
@ -108,7 +118,7 @@
"format": "{icon}{percent}", "format": "{icon}{percent}",
"format-icons": [""] "format-icons": [""]
}, },
"battery": { "battery#bat1": {
"bat": "BAT0", "bat": "BAT0",
"states": { "states": {
"good": 95, "good": 95,
@ -117,9 +127,9 @@
}, },
"format": "{icon}{capacity}%", "format": "{icon}{capacity}%",
"format-charging": "{capacity:3}%", "format-charging": "{capacity:3}%",
"format-plugged": "{capacity:3}%", "format-plugged": "",
"format-alt": "{icon}{time}", "format-alt": "{icon}{time}",
"format-good": "", // An empty format will hide the module //"format-good": "", // An empty format will hide the module
"format-full": "", "format-full": "",
"format-icons": ["", "", "", "", ""] "format-icons": ["", "", "", "", ""]
}, },
@ -134,7 +144,7 @@
"format-charging": "{capacity:3}%", "format-charging": "{capacity:3}%",
"format-plugged": "{capacity:3}%", "format-plugged": "{capacity:3}%",
"format-alt": "{icon}{time}", "format-alt": "{icon}{time}",
"format-good": "", // An empty format will hide the module //"format-good": "", // An empty format will hide the module
"format-full": "", "format-full": "",
"format-icons": ["", "", "", "", ""] "format-icons": ["", "", "", "", ""]
}, },

@ -1,10 +1,10 @@
* { * {
border-radius: 0; border-radius: 0;
/* `otf-font-awesome` is required to be installed for icons */ /* `otf-font-awesome` is required to be installed for icons */
font-family: 'Anka/Coder';/*Roboto, Helvetica, Arial, sans-serif; */ font-family: 'Anka/Coder', 'FontAwesome';/*Roboto, Helvetica, Arial, sans-serif; */
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
min-height: 0; min-height: 16px;
} }
window#waybar { window#waybar {
@ -57,11 +57,17 @@ window#waybar.hidden {
#pulseaudio, #pulseaudio,
#tray, #tray,
#idle_inhibitor, #idle_inhibitor,
#custom-mediaplayer,
#mpd { #mpd {
padding: 0 1px 0; padding: 0 1px 0;
margin: 0 4px 0; margin: 0 4px 0;
color: #839496; color: #839496;
background-color: transparent; background-color: transparent;
border-top: 2px solid transparent;
}
#tray {
border-top: 0px;
} }
#clock { #clock {
@ -78,12 +84,12 @@ window#waybar.hidden {
@keyframes blink { @keyframes blink {
to { to {
background-color: #ffffff; color: #ffffff;
color: #000000; /* color: #000000; */
} }
} }
#battery.critical:not(.charging) { #battery.bat1.critical:not(.charging) {
background-color: #f53c3c; background-color: #f53c3c;
color: #ffffff; color: #ffffff;
animation-name: blink; animation-name: blink;
@ -94,9 +100,9 @@ window#waybar.hidden {
} }
#network.disconnected { #network.disconnected {
color: #f53c3c; color: #eb4d4b;
} }
#temperature.critical { #temperature.critical {
background-color: #eb4d4b; color: #f53c3c;
} }