389 lines
5.9 KiB
CSS
389 lines
5.9 KiB
CSS
@define-color base #191724;
|
|
@define-color surface #1f1d2e;
|
|
@define-color overlay #26233a;
|
|
@define-color text #e0def4;
|
|
@define-color muted #6e6a86;
|
|
@define-color subtle #908caa;
|
|
@define-color love #eb6f92;
|
|
@define-color gold #f6c177;
|
|
@define-color rose #ea9a97;
|
|
@define-color pine #31748f;
|
|
@define-color foam #9ccfd8;
|
|
@define-color iris #c4a7e7;
|
|
@define-color hl_low #21202e;
|
|
@define-color hl_med #403d52;
|
|
@define-color hl_high #524f67;
|
|
|
|
/* Bar */
|
|
window#waybar {
|
|
background: @base;
|
|
color: @text;
|
|
border-right: 1px solid @hl_low;
|
|
}
|
|
|
|
/* Typography */
|
|
* {
|
|
font-family:
|
|
"InconsolataGo Nerd Font Mono", "InconsolataGo Nerd Font", monospace;
|
|
font-size: 11px;
|
|
}
|
|
|
|
/* Workspaces */
|
|
#workspaces {
|
|
margin: 1px;
|
|
padding: 2px 4px;
|
|
background: transparent;
|
|
font-size: 10px;
|
|
}
|
|
|
|
#workspaces button {
|
|
background: @surface;
|
|
color: @text;
|
|
border: 1px solid @hl_low;
|
|
border-radius: 6px;
|
|
margin: 2px;
|
|
padding: 3px 6px;
|
|
}
|
|
|
|
#workspaces button:hover {
|
|
background: @overlay;
|
|
}
|
|
|
|
#workspaces button.active {
|
|
background: @hl_med;
|
|
border-color: @hl_high;
|
|
color: @text;
|
|
}
|
|
|
|
#workspaces button.urgent {
|
|
background: @love;
|
|
color: @base;
|
|
}
|
|
|
|
/* Shared pill look for ALL modules - FIXED */
|
|
#window,
|
|
#cpu,
|
|
#memory,
|
|
#disk,
|
|
#network,
|
|
#privacy,
|
|
#wireplumber,
|
|
#clock,
|
|
#idle_inhibitor,
|
|
#gamemode,
|
|
#battery,
|
|
#power-profiles-daemon,
|
|
#bluetooth,
|
|
#group-temps,
|
|
#tray,
|
|
#temperature,
|
|
#custom-swaync,
|
|
#custom-hyprsunset,
|
|
#custom-alhp {
|
|
background: @surface;
|
|
color: @text;
|
|
border: 1px solid @hl_low;
|
|
border-radius: 8px;
|
|
padding: 3px 6px;
|
|
margin: 2px 4px;
|
|
}
|
|
|
|
/* Universal hover effects - FIXED */
|
|
#window:hover,
|
|
#cpu:hover,
|
|
#memory:hover,
|
|
#disk:hover,
|
|
#network:hover,
|
|
#privacy:hover,
|
|
#wireplumber:hover,
|
|
#clock:hover,
|
|
#idle_inhibitor:hover,
|
|
#gamemode:hover,
|
|
#battery:hover,
|
|
#power-profiles-daemon:hover,
|
|
#bluetooth:hover,
|
|
#group-temps:hover,
|
|
#tray:hover,
|
|
#temperature:hover,
|
|
#custom-swaync:hover,
|
|
#custom-hyprsunset:hover,
|
|
#custom-alhp:hover {
|
|
background: @overlay;
|
|
}
|
|
|
|
/* Window title */
|
|
#window {
|
|
border-left: 3px solid @iris;
|
|
}
|
|
|
|
/* Accents for metrics */
|
|
#cpu {
|
|
border-left: 3px solid @pine;
|
|
}
|
|
|
|
#memory {
|
|
border-left: 3px solid @iris;
|
|
}
|
|
|
|
#disk {
|
|
border-left: 3px solid @foam;
|
|
}
|
|
|
|
#network {
|
|
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 {
|
|
border-left: 3px solid @gold;
|
|
}
|
|
|
|
#wireplumber.muted {
|
|
color: @muted;
|
|
border-left-color: @hl_high;
|
|
}
|
|
|
|
#wireplumber.microphone {
|
|
border-left-color: @gold;
|
|
}
|
|
|
|
#wireplumber.microphone.muted {
|
|
border-left-color: @hl_high;
|
|
color: @muted;
|
|
}
|
|
|
|
/* Privacy states */
|
|
#privacy.screencast {
|
|
border-left: 3px solid @rose;
|
|
}
|
|
|
|
#privacy.microphone {
|
|
border-left: 3px solid @gold;
|
|
}
|
|
|
|
#privacy.camera {
|
|
border-left: 3px solid @iris;
|
|
}
|
|
|
|
/* Idle inhibitor */
|
|
#idle_inhibitor.activated {
|
|
border-left: 3px solid @foam;
|
|
}
|
|
|
|
#idle_inhibitor.deactivated {
|
|
border-left: 3px solid @hl_high;
|
|
}
|
|
|
|
/* Gamemode */
|
|
#gamemode {
|
|
border-left: 3px solid @gold;
|
|
}
|
|
|
|
/* Clock */
|
|
#clock {
|
|
border-left: 3px solid @foam;
|
|
}
|
|
|
|
/* Battery */
|
|
#battery {
|
|
border-left: 3px solid @foam;
|
|
}
|
|
|
|
#battery.warning {
|
|
border-left-color: @gold;
|
|
}
|
|
|
|
#battery.critical {
|
|
border-left-color: @love;
|
|
color: @love;
|
|
}
|
|
|
|
/* Power profiles */
|
|
#power-profiles-daemon {
|
|
border-left: 3px solid @gold;
|
|
}
|
|
|
|
#power-profiles-daemon.performance {
|
|
border-left-color: @love;
|
|
}
|
|
|
|
#power-profiles-daemon.balanced {
|
|
border-left-color: @foam;
|
|
}
|
|
|
|
#power-profiles-daemon.power-saver {
|
|
border-left-color: @pine;
|
|
}
|
|
|
|
/* Bluetooth */
|
|
#bluetooth {
|
|
border-left: 3px solid @iris;
|
|
}
|
|
|
|
#bluetooth.off,
|
|
#bluetooth.disabled {
|
|
color: @muted;
|
|
border-left-color: @hl_high;
|
|
}
|
|
|
|
/* Notifications */
|
|
#custom-swaync {
|
|
border-left: 3px solid @iris;
|
|
}
|
|
|
|
#custom-swaync.dnd {
|
|
border-left-color: @gold;
|
|
}
|
|
|
|
/* Night shift */
|
|
#custom-hyprsunset {
|
|
border-left: 3px solid @rose;
|
|
}
|
|
|
|
/* ALHP custom module - FIXED */
|
|
#custom-alhp {
|
|
border-left: 3px solid @pine;
|
|
}
|
|
|
|
/* Temps group: outer pill + compact rows */
|
|
#group-temps {
|
|
border-left: 3px solid @rose;
|
|
}
|
|
|
|
#group-temps > * {
|
|
background: transparent;
|
|
border: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#custom-temps-wrap {
|
|
padding: 4px 6px;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
#group-temps #temperature {
|
|
background: transparent;
|
|
color: @text;
|
|
margin: 2px 0;
|
|
padding: 4px 6px;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
#group-temps #temperature:hover {
|
|
background: @overlay;
|
|
}
|
|
|
|
/* Temperature modules within group - maintain specific colors */
|
|
#group-temps #temperature.cpu {
|
|
border-left: 3px solid @pine;
|
|
}
|
|
|
|
#group-temps #temperature.gpu_edge {
|
|
border-left: 3px solid @iris;
|
|
}
|
|
|
|
#group-temps #temperature.gpu_hotspot {
|
|
border-left: 3px solid @rose;
|
|
}
|
|
|
|
#group-temps #temperature.gpu2_edge {
|
|
border-left: 3px solid @foam;
|
|
}
|
|
|
|
#group-temps #temperature.nvme {
|
|
border-left: 3px solid @gold;
|
|
}
|
|
|
|
#group-temps #temperature.critical {
|
|
background: @hl_med;
|
|
color: @text;
|
|
}
|
|
|
|
/* Tray */
|
|
#tray {
|
|
border-left: 3px solid @iris;
|
|
}
|
|
|
|
#tray > .passive {
|
|
opacity: 0.7;
|
|
}
|
|
|
|
#tray > .needs-attention {
|
|
border-left: 3px solid @love;
|
|
}
|
|
|
|
/* Tooltips */
|
|
tooltip,
|
|
window#waybar tooltip {
|
|
background: @surface;
|
|
color: @text;
|
|
border: 1px solid @hl_low;
|
|
border-radius: 8px;
|
|
padding: 6px 8px;
|
|
}
|
|
|
|
/* Popup menus */
|
|
menu,
|
|
.menu,
|
|
popover,
|
|
.popover {
|
|
background: @surface;
|
|
color: @text;
|
|
border: 1px solid @hl_low;
|
|
border-radius: 8px;
|
|
padding: 6px 8px;
|
|
}
|
|
|
|
menuitem,
|
|
.menuitem {
|
|
background: transparent;
|
|
color: @text;
|
|
border-radius: 6px;
|
|
padding: 6px 8px;
|
|
}
|
|
|
|
menuitem:hover,
|
|
.menuitem:hover {
|
|
background: @overlay;
|
|
}
|
|
|
|
menuitem:disabled,
|
|
.menuitem:disabled {
|
|
color: @muted;
|
|
}
|
|
|
|
menu separator,
|
|
.menu separator {
|
|
background: @hl_low;
|
|
min-height: 1px;
|
|
margin: 6px 0;
|
|
}
|