[feat](waybar) added alhp module to waybar
This commit is contained in:
@@ -288,5 +288,6 @@
|
|||||||
"interval": 60,
|
"interval": 60,
|
||||||
"tooltip": true,
|
"tooltip": true,
|
||||||
"format": "{text}",
|
"format": "{text}",
|
||||||
|
"on-click": "kitty --hold alhp.utils"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@@ -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;
|
||||||
|
Reference in New Issue
Block a user