jellyfishsh/stygio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
.config/waybar/config.jsonc
View File

@ -10,7 +10,8 @@
// List to modify // List to modify
"modules-left":["river/tags"], "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 // Left modules
"river/tags": { "river/tags": {
@ -40,24 +41,23 @@
"on-click": "wpctl set-mute @DEFAULT_AUDIO_SINK@ toggle", "on-click": "wpctl set-mute @DEFAULT_AUDIO_SINK@ toggle",
"on-click-right": "helvum", "on-click-right": "helvum",
"format-icons": ["󰕿", "󰖀", "󰕾"] "format-icons": ["󰕿", "󰖀", "󰕾"]
}, },
"cpu": { "cpu": {
"format": "{}%  "
}, },
"memory": { "memory": {
"format": "{}% "
}, },
"temperature": { "temperature": {
"format": "{}󰔄 󱃃"
}, },
"disk": { "disk": {
"format": "{}%  "
}, },
"network":{ "network":{

71
.config/waybar/style.css
View File

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