Files
dotfiles/.config/waybar/style.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;
}