further designed the waybar

This commit is contained in:
Jellyfish 2025-07-05 10:47:01 -07:00
parent a60361b7d0
commit 36716622d6
2 changed files with 67 additions and 12 deletions

View File

@ -10,7 +10,6 @@
// List to modify // List to modify
"modules-left":["river/tags"], "modules-left":["river/tags"],
"modules-center":["river/window"],
"modules-right":["mpd","wireplumber","cpu","memory","temperature","disk","network","battery","tray","clock"], "modules-right":["mpd","wireplumber","cpu","memory","temperature","disk","network","battery","tray","clock"],
// Left modules // Left modules
@ -29,10 +28,6 @@
] ]
}, },
// Center modules
"river/window": {
},
// Right modules // Right modules
"mpd": { "mpd": {
@ -40,6 +35,12 @@
}, },
"wireplumber": { "wireplumber": {
"format": "{icon} {volume}%",
"format-muted": "󰖁 Muted",
"on-click": "wpctl set-mute @DEFAULT_AUDIO_SINK@ toggle",
"on-click-right": "helvum",
"format-icons": ["󰕿", "󰖀", "󰕾"]
}, },
@ -60,7 +61,15 @@
}, },
"network":{ "network":{
"format-icons": [
"󰤟",
"󰤢",
"󰤥",
"󰤨"
],
"format-ethernet": "{essid} 󱎔 ",
"format-wifi": "{essid} {icon}",
"format-disconnected": "Disconnected  "
}, },
"battery": { "battery": {

View File

@ -1,8 +1,9 @@
/* Some universal settings for the elements*/ /* Some universal settings for the elements*/
* { * {
font-family: "FiraCode Nerd Font"; font-family: "FiraCode";
font-size: 17px; font-size: 15px;
font-weight: bold;
border-radius: 20px; border-radius: 20px;
min-height: 0; min-height: 0;
border: none; border: none;
@ -14,16 +15,28 @@
* so that the elements seem to float by themselves * so that the elements seem to float by themselves
* */ * */
#waybar { #waybar {
background-color: rgba(0,0,0,0); background-color: #16161D;
border-radius: 0px;
} }
/* Tags */ /* Tags */
/* On the tag object tags */ /* On the tag object tags */
#tags { #tags,
#mpd,
#wireplumber,
#cpu,
#memory,
#temperature,
#disk,
#network,
#battery,
#tray,
#clock
{
background-color: #1f1f28; background-color: #1f1f28;
margin: 7px; margin: 5px;
padding: 5px; padding: 5px;
} }
@ -51,5 +64,38 @@
} }
/* Window Name */
/* Wireplumber */
#wireplumber {
color: #dcd7ba;
}
#wireplumber.muted {
color: #1f1f28;
background-color: #FF5D62;
}
/* Network */
/* Wifi */
#network.wifi {
color: #1f1f28;
background-color: #E6C384;
}
#network.ethernet {
}
#network.disconnect {
}
#network.disabled {
}