completed basic implementation of the waybar. (maybe I should look in to

eww now for extra stuff)
This commit is contained in:
Jellyfish 2025-07-06 04:36:04 -07:00
parent 36716622d6
commit fbafda91bf
2 changed files with 64 additions and 19 deletions

View File

@ -10,7 +10,8 @@
// List to modify
"modules-left":["river/tags"],
"modules-right":["mpd","wireplumber","cpu","memory","temperature","disk","network","battery","tray","clock"],
"modules-center": ["river/window"],
"modules-right":["mpd","wireplumber","cpu","temperature","memory","disk","network","battery","tray","clock"],
// Left modules
"river/tags": {
@ -40,24 +41,23 @@
"on-click": "wpctl set-mute @DEFAULT_AUDIO_SINK@ toggle",
"on-click-right": "helvum",
"format-icons": ["󰕿", "󰖀", "󰕾"]
},
"cpu": {
"format": "{}%  "
},
"memory": {
"format": "{}% "
},
"temperature": {
"format": "{}󰔄 󱃃"
},
"disk": {
"format": "{}%  "
},
"network":{

View File

@ -1,5 +1,7 @@
/* --------------- Defaults --------------- */
/* Some universal settings for the elements*/
/* Universal */
* {
font-family: "FiraCode";
font-size: 15px;
@ -9,21 +11,15 @@
border: none;
}
/*
* We want the bar itself to be a "support" for the floating elements
* Therefore, we want the base bar to be transparent,
* so that the elements seem to float by themselves
* */
/* Main Bar */
#waybar {
background-color: #16161D;
border-radius: 0px;
}
/* Tags */
/* On the tag object tags */
/* Elements */
#tags,
#window,
#mpd,
#wireplumber,
#cpu,
@ -40,6 +36,9 @@
padding: 5px;
}
/* --------------- Tags ---------------*/
/* On empty tags*/
#tags button {
color: #363646;
@ -58,14 +57,29 @@
border-radius: 20px;
}
/* On urgent tags */
#tags button.urgent {
}
/* Wireplumber */
/* --------------- Window --------------- */
/* Defaults */
#window {
color: #363646;
}
/* On Focus */
#window.focused {
color: #1f1f28;
background-color: #6A9589;
}
/* --------------- Wireplumber --------------- */
/* Defaults */
#wireplumber {
color: #dcd7ba;
}
@ -76,7 +90,7 @@
}
/* Network */
/* --------------- Network --------------- */
/* Wifi */
#network.wifi {
@ -85,17 +99,48 @@
}
/* Ethernet */
#network.ethernet {
}
/* On disconnected */
#network.disconnect {
}
/* When disabled */
#network.disabled {
}
/* --------------- Clock --------------- */
#clock {
color: #dcd7ba;
}
/* --------------- System --------------- */
/* CPU */
#cpu {
color: #dcd7ba;
}
/* Memory */
#memory {
color: #dcd7ba;
}
/* Temperature */
#temperature {
color: #dcd7ba;
}
/* Disk */
#disk {
color: #dcd7ba;
}