add disk to waybar and update styling

This commit is contained in:
2025-10-12 22:05:13 +02:00
parent 6ec74c212b
commit c517426a6d
2 changed files with 54 additions and 34 deletions

View File

@@ -103,6 +103,18 @@
"format": "{usage}% ", "format": "{usage}% ",
"tooltip": false "tooltip": false
}, },
"disk": {
"interval": 30,
"path": "/",
"format": "{specific_free:.0f}GB {path}",
"unit": "GB"
},
"disk#disk_home": {
"interval": 30,
"path": "/home/",
"format": "{specific_free:.0f}GB {path}",
"unit": "GB"
},
"memory": { "memory": {
"format": "{}% " "format": "{}% "
}, },

View File

@@ -2,20 +2,26 @@
/* https://github.com/acaibowlz/niri-setup/blob/main/waybar/style.css */ /* https://github.com/acaibowlz/niri-setup/blob/main/waybar/style.css */
@define-color bg_main rgba(43, 48, 59, 0.5); @define-color bg_main rgba(43, 48, 59, 0.5);
@define-color content_main white; @define-color content_main @color15;
@define-color alternate0 @color2;
@define-color alternate1 @color6;
@define-color custom_green #26a65b;
@define-color custom_red #f53c3c;
/*@define-color memory_color @color6;*/
@define-color idle_inhibitor @bg_main; @define-color idle_inhibitor @bg_main;
@define-color idle_inhibitor_activated_color @color7; @define-color idle_inhibitor_activated_color @color7;
@define-color pulseaudio_color @color4; @define-color pulseaudio_color @alternate0;
@define-color network_color @color6; @define-color network_color @alternate1;
@define-color power_profile_balanced_color @color6; @define-color power_profile_balanced_color @alternate0;
@define-color cpu_color @color4; @define-color cpu_color @alternate1;
@define-color disk_color @color2; @define-color memory_color @alternate0;
@define-color temperature_color @color3; @define-color disk_color @alternate1;
@define-color backlight_color @color1; @define-color temperature_color @alternate0;
@define-color battery_color @color7; @define-color backlight_color @alternate1;
@define-color battery_color @alternate0;
@define-color clock_color @color3; @define-color clock_color @color3;
* { * {
@@ -77,7 +83,7 @@ button:hover {
#workspaces button { #workspaces button {
padding: 0 5px; padding: 0 5px;
background-color: transparent; background-color: transparent;
color: #ffffff; /*color: #ffffff;*/
} }
#workspaces button:hover { #workspaces button:hover {
@@ -116,7 +122,7 @@ button:hover {
#power-profiles-daemon, #power-profiles-daemon,
#mpd { #mpd {
padding: 0 10px; padding: 0 10px;
color: #ffffff; /*color: #ffffff;*/
} }
#window, #window,
@@ -134,18 +140,23 @@ button:hover {
margin-right: 0; margin-right: 0;
} }
.modules-right > widget:nth-child(odd) {
background-color: @alternate0;
}
.modules-right > widget:nth-child(even) {
background-color: @alternate1;
}
#clock { #clock {
background-color: @clock_color; background-color: @clock_color;
} }
#battery { #battery {
background-color: @battery_color;
color: #000000;
} }
#battery.charging, #battery.plugged { #battery.charging, #battery.plugged {
color: #ffffff; /*color: #ffffff;*/
background-color: #26A65B; background-color: @custom_green;
} }
@keyframes blink { @keyframes blink {
@@ -171,18 +182,18 @@ button:hover {
} }
#power-profiles-daemon.performance { #power-profiles-daemon.performance {
background-color: #f53c3c; background-color: @custom_red;
color: #ffffff; /*color: #ffffff;*/
} }
#power-profiles-daemon.balanced { #power-profiles-daemon.balanced {
background-color: @power_profile_balanced_color; /*background-color: @power_profile_balanced_color;*/
color: #ffffff; /*color: #ffffff;*/
} }
#power-profiles-daemon.power-saver { #power-profiles-daemon.power-saver {
background-color: #2ecc71; background-color: @custom_green;
color: #000000; color: @color8;
} }
label:focus { label:focus {
@@ -190,38 +201,36 @@ label:focus {
} }
#cpu { #cpu {
background-color: @cpu_color;
color: #000000;
} }
#memory { #memory {
background-color: @memory_color;
} }
#disk { #disk {
background-color: @disk_color;
} }
#backlight { #backlight {
background-color: @backlight_color;
} }
#network { #network {
background-color: @network_color;
} }
#network.disconnected { #network.disconnected {
background-color: #f53c3c; background-color: #f53c3c;
} }
#pulseaudio { #pulseaudio:not(muted) {
background-color: #90b1b1; background-color: #90b1b1;
color: #000000; /*color: #000000;*/
}
#pulseaudio:not(source-muted) {
background-color: #90b1b1;
/*color: #000000;*/
} }
#pulseaudio.muted.source-muted { #pulseaudio.muted.source-muted {
background-color: @pulseaudio_color; background-color: inherit;
/* color: #2a5c45;*/
} }
#wireplumber { #wireplumber {
@@ -248,7 +257,6 @@ label:focus {
} }
#temperature { #temperature {
background-color: @temperature_color;
} }
#temperature.critical { #temperature.critical {
@@ -324,7 +332,7 @@ label:focus {
#privacy-item { #privacy-item {
padding: 0 5px; padding: 0 5px;
color: white; /*color: white;*/
} }
#privacy-item.screenshare { #privacy-item.screenshare {