feat: colored cpu/mem stats and moved to right, added a new goal widget on the left

This commit is contained in:
2025-09-29 03:36:51 +03:00
parent 7978162b94
commit 0a89858cf4
3 changed files with 42 additions and 6 deletions

View File

@@ -9,14 +9,15 @@
// Choose the order of the modules // Choose the order of the modules
"modules-left": [ "modules-left": [
"hyprland/workspaces", "hyprland/workspaces",
"cpu", "custom/goal"
"memory",
"memory#swap"
], ],
"modules-center": [ "modules-center": [
"mpd" "mpd"
], ],
"modules-right": [ "modules-right": [
"cpu",
"memory",
"memory#swap",
"pulseaudio", "pulseaudio",
"battery", "battery",
"network", "network",
@@ -243,6 +244,11 @@
"exec": "$HOME/.config/waybar/mediaplayer.py 2> /dev/null" // Script in resources folder "exec": "$HOME/.config/waybar/mediaplayer.py 2> /dev/null" // Script in resources folder
// "exec": "$HOME/.config/waybar/mediaplayer.py --player spotify 2> /dev/null" // Filter player based on name // "exec": "$HOME/.config/waybar/mediaplayer.py --player spotify 2> /dev/null" // Filter player based on name
}, },
"custom/goal": {
"exec": "cat $HOME/.config/waybar/goal.txt",
"format": "󱓧 {}",
"interval": 60
},
"custom/power": { "custom/power": {
"format" : "⏻ ", "format" : "⏻ ",
"tooltip": false, "tooltip": false,

1
waybar/goal.txt Normal file
View File

@@ -0,0 +1 @@
Dopamine detox!!!

View File

@@ -7,8 +7,10 @@
@define-color accent-color #E96375; @define-color accent-color #E96375;
@define-color accent-alt #faa7b3; @define-color accent-alt #faa7b3;
@define-color warning #FFAA00; @define-color warning #FFAA00;
@define-color warning-alt #FFDDAA;
@define-color danger #FF0000; @define-color danger #FF0000;
@define-color success #AAFFAA; @define-color success #AAFFAA;
@define-color success-alt #CCEEFF;
* { * {
font-family: "Iosevka Nerd Font"; font-family: "Iosevka Nerd Font";
@@ -36,7 +38,7 @@ window#waybar.chromium {
} }
/* Common module styling */ /* Common module styling */
.modules-right, #mpd { #mpd {
background: linear-gradient(to bottom, @bg-primary, @bg-secondary); background: linear-gradient(to bottom, @bg-primary, @bg-secondary);
border: 3px solid @border-color; border: 3px solid @border-color;
border-top: none; border-top: none;
@@ -132,15 +134,42 @@ window#waybar.chromium {
border-radius: 0 0 10px 0; border-radius: 0 0 10px 0;
} }
#custom-goal {
background: linear-gradient(to bottom, @bg-primary, @bg-secondary);
border: 3px solid @border-color;
border-top: none;
border-radius: 0 0 10px 10px;
padding: 0 10px;
margin: 0 20px;
color: @warning-alt
}
#cpu, #memory, #disk {
padding: 0 10px;
color: @success-alt;
transition: color 2s ease-out, border-bottom 2s ease-out, background 2s ease-out;
}
/* Module base styling */ /* Module base styling */
#clock, #battery, #cpu, #memory, #disk, #temperature, #backlight, #clock, #battery, #temperature, #backlight,
#network, #pulseaudio, #wireplumber, #custom-media, #tray, #mode, #network, #pulseaudio, #wireplumber, #custom-media, #tray, #mode,
#idle_inhibitor, #scratchpad { #idle_inhibitor, #scratchpad {
background: linear-gradient(to bottom, @bg-primary, @bg-secondary);
border: 3px solid @border-color;
border-top: none;
border-left: none;
border-right: none;
padding: 0 10px; padding: 0 10px;
color: @text-primary; color: @text-primary;
transition: color 2s ease-out, border-bottom 2s ease-out, background 2s ease-out; transition: color 2s ease-out, border-bottom 2s ease-out, background 2s ease-out;
} }
#pulseaudio {
border-left: 3px solid @border-color;
border-radius: 0 0 0 10px;
margin-left: 20px;
}
/* Hover effects */ /* Hover effects */
#clock:hover, #battery:hover, #disk:hover, #clock:hover, #battery:hover, #disk:hover,
#temperature:hover, #backlight:hover, #network:hover, #pulseaudio:hover, #temperature:hover, #backlight:hover, #network:hover, #pulseaudio:hover,
@@ -198,7 +227,7 @@ window#waybar.chromium {
/* Layout utilities */ /* Layout utilities */
#window, #workspaces { #window, #workspaces {
margin: 0 4px; margin: 0 0px;
} }
.modules-left > widget:first-child > #workspaces { .modules-left > widget:first-child > #workspaces {