erin
/
dotfiles
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Add mpd status to waybar

This commit is contained in:
~erin 2023-03-17 10:46:53 -04:00
parent 48f300567e
commit deedf32a3c
2 changed files with 29 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
waybar/config
View File

@ -1,6 +1,6 @@
{ {
"height": 37, // Waybar height (to be removed for auto height) "height": 37, // Waybar height (to be removed for auto height)
"modules-left": ["sway/workspaces", "custom/media"], "modules-left": ["sway/workspaces", "mpd"],
"modules-center": ["clock"], "modules-center": ["clock"],
"modules-right": ["cpu", "memory", "temperature", "pulseaudio", "backlight", "battery", "network", "tray"], "modules-right": ["cpu", "memory", "temperature", "pulseaudio", "backlight", "battery", "network", "tray"],
@ -15,11 +15,6 @@
"3": " ", "3": " ",
"4": " ", "4": " ",
"5": " ", "5": " ",
"6": " ",
"7": " ",
"8": " ",
"9": " ",
"10": " ",
"urgent": " ", "urgent": " ",
"focused": " ", "focused": " ",
"default": " " "default": " "
@ -36,6 +31,16 @@
"format": "{:%I:%M %p}  ", "format": "{:%I:%M %p}  ",
"format-alt": "{:%A, %B %d, %Y}  " "format-alt": "{:%A, %B %d, %Y}  "
}, },
"mpd": {
"format-stopped": "⏹",
"format-disconnected": "Disconnected ",
"state-icons": {
"playing": "⏵",
"paused": "⏸"
},
"format": "{stateIcon} | {artist} - {album} - {title} | ({elapsedTime:%M:%S}/{totalTime:%M:%S}) ",
"on-click": "mpc toggle"
},
"cpu": { "cpu": {
"format": "{usage}%  ", "format": "{usage}%  ",
"tooltip": false "tooltip": false

35
waybar/style.css
View File

@ -19,6 +19,7 @@ window#waybar.hidden {
#workspaces, #workspaces,
#mode, #mode,
#mpd,
#cpu, #cpu,
#memory, #memory,
#temperature, #temperature,
@ -32,7 +33,7 @@ window#waybar.hidden {
#battery, #battery,
#network, #network,
#tray { #tray {
background-color: #1E1E2E; background-color: #11111b;
padding: 0 5px; padding: 0 5px;
margin: 2px 4px 5px 4px; margin: 2px 4px 5px 4px;
border: 3px solid rgba(0, 0, 0, 0); border: 3px solid rgba(0, 0, 0, 0);
@ -40,8 +41,8 @@ window#waybar.hidden {
background-clip: padding-box; background-clip: padding-box;
} }
#workspaces, #tray { #workspaces, #tray, #mpd {
background-color: #161320; background-color: #11111b;
} }
#workspaces button { #workspaces button {
@ -63,65 +64,65 @@ window#waybar.hidden {
} }
#cpu { #cpu {
color: #302D41; color: #11111b;
background-color: #FAE3B0; background-color: #FAE3B0;
} }
#memory { #memory {
color: #302D41; color: #11111b;
background-color: #F5C2E7; background-color: #F5C2E7;
} }
#temperature { #temperature {
color: #302D41; color: #11111b;
background-color: #F8BD96; background-color: #F8BD96;
} }
#temperature.critical { #temperature.critical {
color: #F28FAD; color: #F28FAD;
background-color: #1A1826; background-color: #11111b;
} }
#clock { #clock {
background-color: #161320; background-color: #11111b;
color: #D9E0EE; color: #D9E0EE;
} }
#pulseaudio { #pulseaudio {
color: #302D41; color: #11111b;
background-color: #B5E8E0; background-color: #B5E8E0;
} }
#pulseaudio.muted { #pulseaudio.muted {
background-color: #E8A2AF; background-color: #E8A2AF;
color: #1e222a; color: #11111b;
} }
#backlight { #backlight {
color: #302D41; color: #11111b;
background-color: #89DCEB; background-color: #89DCEB;
} }
#battery { #battery {
color: #302D41; color: #11111b;
background-color: #ABE9B3; background-color: #ABE9B3;
} }
#battery.charging, #battery.plugged { #battery.charging, #battery.plugged {
background-color: #ABE9B3; background-color: #ABE9B3;
color: #1e222a; color: #11111b;
} }
@keyframes blink { @keyframes blink {
to { to {
background-color: #1e222a; background-color: #11111b;
color: #F28FAD; color: #F28FAD;
} }
} }
#battery.critical:not(.charging) { #battery.critical:not(.charging) {
background-color: #F28FAD; background-color: #F28FAD;
color: #1e222a; color: #11111b;
animation-name: blink; animation-name: blink;
animation-duration: 0.5s; animation-duration: 0.5s;
animation-timing-function: linear; animation-timing-function: linear;
@ -130,12 +131,12 @@ window#waybar.hidden {
} }
#network { #network {
color: #302D41; color: #11111b;
background-color: #DDB6F2; background-color: #DDB6F2;
} }
#network.disconnected { #network.disconnected {
background-color: #F28FAD; background-color: #F28FAD;
color: #1e222a; color: #11111b;
} }