[feat](waybar) added alhp module to waybar

This commit is contained in:
2025-09-11 21:06:51 +02:00
parent 91d4729dfa
commit 77d1a4556f
2 changed files with 100 additions and 61 deletions

View File

@@ -288,5 +288,6 @@
"interval": 60, "interval": 60,
"tooltip": true, "tooltip": true,
"format": "{text}", "format": "{text}",
"on-click": "kitty --hold alhp.utils"
} }
} }

View File

@@ -2,17 +2,14 @@
@define-color surface #1f1d2e; @define-color surface #1f1d2e;
@define-color overlay #26233a; @define-color overlay #26233a;
@define-color text #e0def4; @define-color text #e0def4;
@define-color muted #6e6a86; @define-color muted #6e6a86;
@define-color subtle #908caa; @define-color subtle #908caa;
@define-color love #eb6f92; @define-color love #eb6f92;
@define-color gold #f6c177; @define-color gold #f6c177;
@define-color rose #ea9a97; @define-color rose #ea9a97;
@define-color pine #31748f; @define-color pine #31748f;
@define-color foam #9ccfd8; @define-color foam #9ccfd8;
@define-color iris #c4a7e7; @define-color iris #c4a7e7;
@define-color hl_low #21202e; @define-color hl_low #21202e;
@define-color hl_med #403d52; @define-color hl_med #403d52;
@define-color hl_high #524f67; @define-color hl_high #524f67;
@@ -38,6 +35,7 @@ window#waybar {
background: transparent; background: transparent;
font-size: 10px; font-size: 10px;
} }
#workspaces button { #workspaces button {
background: @surface; background: @surface;
color: @text; color: @text;
@@ -46,20 +44,23 @@ window#waybar {
margin: 2px; margin: 2px;
padding: 3px 6px; padding: 3px 6px;
} }
#workspaces button:hover { #workspaces button:hover {
background: @overlay; background: @overlay;
} }
#workspaces button.active { #workspaces button.active {
background: @hl_med; background: @hl_med;
border-color: @hl_high; border-color: @hl_high;
color: @text; color: @text;
} }
#workspaces button.urgent { #workspaces button.urgent {
background: @love; background: @love;
color: @base; color: @base;
} }
/* Shared pill look (applied per-module for parser robustness) */ /* Shared pill look for ALL modules - FIXED */
#window, #window,
#cpu, #cpu,
#memory, #memory,
@@ -75,8 +76,10 @@ window#waybar {
#bluetooth, #bluetooth,
#group-temps, #group-temps,
#tray, #tray,
#temperature,
#custom-swaync, #custom-swaync,
#custom-hyprsunset { #custom-hyprsunset,
#custom-alhp {
background: @surface; background: @surface;
color: @text; color: @text;
border: 1px solid @hl_low; border: 1px solid @hl_low;
@@ -85,56 +88,26 @@ window#waybar {
margin: 2px 4px; margin: 2px 4px;
} }
/* Hovers */ /* Universal hover effects - FIXED */
#window:hover { #window:hover,
background: @overlay; #cpu:hover,
} #memory:hover,
#cpu:hover { #disk:hover,
background: @overlay; #network:hover,
} #privacy:hover,
#memory:hover { #wireplumber:hover,
background: @overlay; #clock:hover,
} #idle_inhibitor:hover,
#disk:hover { #gamemode:hover,
background: @overlay; #battery:hover,
} #power-profiles-daemon:hover,
#network:hover { #bluetooth:hover,
background: @overlay; #group-temps:hover,
} #tray:hover,
#privacy:hover { #temperature:hover,
background: @overlay; #custom-swaync:hover,
} #custom-hyprsunset:hover,
#wireplumber:hover { #custom-alhp:hover {
background: @overlay;
}
#clock:hover {
background: @overlay;
}
#idle_inhibitor:hover {
background: @overlay;
}
#gamemode:hover {
background: @overlay;
}
#battery:hover {
background: @overlay;
}
#power-profiles-daemon:hover {
background: @overlay;
}
#bluetooth:hover {
background: @overlay;
}
#group-temps:hover {
background: @overlay;
}
#tray:hover {
background: @overlay;
}
#custom-swaync:hover {
background: @overlay;
}
#custom-hyprsunset:hover {
background: @overlay; background: @overlay;
} }
@@ -147,27 +120,60 @@ window#waybar {
#cpu { #cpu {
border-left: 3px solid @pine; border-left: 3px solid @pine;
} }
#memory { #memory {
border-left: 3px solid @iris; border-left: 3px solid @iris;
} }
#disk { #disk {
border-left: 3px solid @foam; border-left: 3px solid @foam;
} }
#network { #network {
border-left: 3px solid @gold; border-left: 3px solid @gold;
} }
/* Temperature modules - individual styling for standalone use */
#temperature.cpu {
border-left: 3px solid @pine;
}
#temperature.gpu_edge {
border-left: 3px solid @iris;
}
#temperature.gpu_hotspot {
border-left: 3px solid @rose;
}
#temperature.gpu_mem {
border-left: 3px solid @foam;
}
#temperature.nvme {
border-left: 3px solid @gold;
}
#temperature.critical {
background: @hl_med;
color: @love;
border-left-color: @love;
}
/* WirePlumber / audio */ /* WirePlumber / audio */
#wireplumber { #wireplumber {
border-left: 3px solid @gold; border-left: 3px solid @gold;
} }
#wireplumber.muted { #wireplumber.muted {
color: @muted; color: @muted;
border-left-color: @hl_high; border-left-color: @hl_high;
} }
#wireplumber.microphone { #wireplumber.microphone {
border-left-color: @gold; border-left-color: @gold;
} }
#wireplumber.microphone.muted { #wireplumber.microphone.muted {
border-left-color: @hl_high; border-left-color: @hl_high;
color: @muted; color: @muted;
@@ -177,9 +183,11 @@ window#waybar {
#privacy.screencast { #privacy.screencast {
border-left: 3px solid @rose; border-left: 3px solid @rose;
} }
#privacy.microphone { #privacy.microphone {
border-left: 3px solid @gold; border-left: 3px solid @gold;
} }
#privacy.camera { #privacy.camera {
border-left: 3px solid @iris; border-left: 3px solid @iris;
} }
@@ -188,6 +196,7 @@ window#waybar {
#idle_inhibitor.activated { #idle_inhibitor.activated {
border-left: 3px solid @foam; border-left: 3px solid @foam;
} }
#idle_inhibitor.deactivated { #idle_inhibitor.deactivated {
border-left: 3px solid @hl_high; border-left: 3px solid @hl_high;
} }
@@ -206,9 +215,11 @@ window#waybar {
#battery { #battery {
border-left: 3px solid @foam; border-left: 3px solid @foam;
} }
#battery.warning { #battery.warning {
border-left-color: @gold; border-left-color: @gold;
} }
#battery.critical { #battery.critical {
border-left-color: @love; border-left-color: @love;
color: @love; color: @love;
@@ -218,12 +229,15 @@ window#waybar {
#power-profiles-daemon { #power-profiles-daemon {
border-left: 3px solid @gold; border-left: 3px solid @gold;
} }
#power-profiles-daemon.performance { #power-profiles-daemon.performance {
border-left-color: @love; border-left-color: @love;
} }
#power-profiles-daemon.balanced { #power-profiles-daemon.balanced {
border-left-color: @foam; border-left-color: @foam;
} }
#power-profiles-daemon.power-saver { #power-profiles-daemon.power-saver {
border-left-color: @pine; border-left-color: @pine;
} }
@@ -232,6 +246,7 @@ window#waybar {
#bluetooth { #bluetooth {
border-left: 3px solid @iris; border-left: 3px solid @iris;
} }
#bluetooth.off, #bluetooth.off,
#bluetooth.disabled { #bluetooth.disabled {
color: @muted; color: @muted;
@@ -242,6 +257,7 @@ window#waybar {
#custom-swaync { #custom-swaync {
border-left: 3px solid @iris; border-left: 3px solid @iris;
} }
#custom-swaync.dnd { #custom-swaync.dnd {
border-left-color: @gold; border-left-color: @gold;
} }
@@ -251,20 +267,28 @@ window#waybar {
border-left: 3px solid @rose; border-left: 3px solid @rose;
} }
/* ALHP custom module - FIXED */
#custom-alhp {
border-left: 3px solid @pine;
}
/* Temps group: outer pill + compact rows */ /* Temps group: outer pill + compact rows */
#group-temps { #group-temps {
border-left: 3px solid @rose; border-left: 3px solid @rose;
} }
#group-temps > * { #group-temps > * {
background: transparent; background: transparent;
border: 0; border: 0;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
#custom-temps-wrap { #custom-temps-wrap {
padding: 4px 6px; padding: 4px 6px;
border-radius: 6px; border-radius: 6px;
} }
#group-temps #temperature { #group-temps #temperature {
background: transparent; background: transparent;
color: @text; color: @text;
@@ -272,25 +296,33 @@ window#waybar {
padding: 4px 6px; padding: 4px 6px;
border-radius: 6px; border-radius: 6px;
} }
#group-temps #temperature:hover { #group-temps #temperature:hover {
background: @overlay; background: @overlay;
} }
#temperature.cpu {
/* Temperature modules within group - maintain specific colors */
#group-temps #temperature.cpu {
border-left: 3px solid @pine; border-left: 3px solid @pine;
} }
#temperature.gpu_edge {
#group-temps #temperature.gpu_edge {
border-left: 3px solid @iris; border-left: 3px solid @iris;
} }
#temperature.gpu_hotspot {
#group-temps #temperature.gpu_hotspot {
border-left: 3px solid @rose; border-left: 3px solid @rose;
} }
#temperature.gpu2_edge {
#group-temps #temperature.gpu2_edge {
border-left: 3px solid @foam; border-left: 3px solid @foam;
} }
#temperature.nvme {
#group-temps #temperature.nvme {
border-left: 3px solid @gold; border-left: 3px solid @gold;
} }
#temperature.critical {
#group-temps #temperature.critical {
background: @hl_med; background: @hl_med;
color: @text; color: @text;
} }
@@ -299,9 +331,11 @@ window#waybar {
#tray { #tray {
border-left: 3px solid @iris; border-left: 3px solid @iris;
} }
#tray > .passive { #tray > .passive {
opacity: 0.7; opacity: 0.7;
} }
#tray > .needs-attention { #tray > .needs-attention {
border-left: 3px solid @love; border-left: 3px solid @love;
} }
@@ -327,6 +361,7 @@ popover,
border-radius: 8px; border-radius: 8px;
padding: 6px 8px; padding: 6px 8px;
} }
menuitem, menuitem,
.menuitem { .menuitem {
background: transparent; background: transparent;
@@ -334,14 +369,17 @@ menuitem,
border-radius: 6px; border-radius: 6px;
padding: 6px 8px; padding: 6px 8px;
} }
menuitem:hover, menuitem:hover,
.menuitem:hover { .menuitem:hover {
background: @overlay; background: @overlay;
} }
menuitem:disabled, menuitem:disabled,
.menuitem:disabled { .menuitem:disabled {
color: @muted; color: @muted;
} }
menu separator, menu separator,
.menu separator { .menu separator {
background: @hl_low; background: @hl_low;