Files
dotfiles/.config/waybar/style_bk.css

436 lines
9.2 KiB
CSS
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

/* Rosé Pine (main) palette
base: #191724 surface: #1f1d2e overlay: #26233a text: #e0def4
muted: #6e6a86 subtle: #908caa
love: #eb6f92 gold: #f6c177 rose: #ea9a97 pine: #31748f foam: #9ccfd8 iris: #c4a7e7
highlight-low: #21202e highlight-med: #403d52 highlight-high: #524f67
*/
/* Bar */
window#waybar {
background: #191724; /* base */
color: #e0def4; /* text */
border-right: 1px solid #21202e; /* highlight-low */
}
/* Typography */
* {
font-family:
JetBrainsMono Nerd Font,
monospace;
font-size: 11px;
}
/* Common module padding for a narrow vertical bar */
#workspaces,
#window,
#cpu,
#memory,
#disk,
#network,
#privacy,
#wireplumber,
#clock,
#idle_inhibitor,
#gamemode {
padding: 6px 8px;
}
/* Window title (top) */
#window {
background: #1f1d2e; /* surface */
color: #e0def4; /* text */
border-radius: 8px;
margin: 4px 6px 6px 6px;
}
/* Workspaces */
#workspaces {
padding: 2px 2px;
}
#workspaces button {
padding: 3px; /* was 6px */
margin: 1px 1px; /* was 3px 2px */
border-radius: 6px;
font-size: 10px; /* was 11px */
}
/* Optional: smaller global font just for workspaces */
#workspaces {
font-size: 10px;
}
#workspaces button:hover {
background: #21202e; /* highlight-low */
color: #e0def4; /* text */
}
#workspaces button.active {
background: #403d52; /* highlight-med */
border-color: #524f67; /* highlight-high */
color: #e0def4; /* text */
}
#workspaces button.urgent {
background: #eb6f92; /* love */
color: #191724; /* base for contrast */
}
/* Center stack (cpu/ram/ssds/network) */
#cpu,
#memory,
#disk,
#network {
background: #1f1d2e; /* surface */
color: #e0def4; /* text */
margin: 3px 6px;
border-radius: 8px;
border: 1px solid #21202e; /* highlight-low */
}
/* Accent hints for metrics */
#cpu {
border-left: 3px solid #31748f;
} /* pine */
#memory {
border-left: 3px solid #c4a7e7;
} /* iris */
#disk {
border-left: 3px solid #9ccfd8;
} /* foam */
#network {
border-left: 3px solid #f6c177;
} /* gold */
/* Bottom stack */
#privacy,
#wireplumber,
#clock,
#idle_inhibitor,
#gamemode {
background: #1f1d2e; /* surface */
color: #e0def4; /* text */
margin: 3px 6px;
border-radius: 8px;
border: 1px solid #21202e; /* highlight-low */
}
/* Microphone button (wireplumber#microphone) */
#wireplumber.microphone {
background: #1f1d2e; /* surface */
color: #e0def4; /* text */
margin: 3px 6px;
border-radius: 8px;
border: 1px solid #21202e; /* highlight-low */
border-left: 3px solid #f6c177; /* gold */
}
#wireplumber.microphone.muted {
border-left-color: #524f67; /* highlight-high when muted */
color: #6e6a86; /* muted */
}
#wireplumber.microphone:hover {
background: #26233a;
} /* overlay */
/* Privacy states (camera/mic/screencast) */
#privacy.screencast {
border-left: 3px solid #ea9a97;
} /* rose */
#privacy.microphone {
border-left: 3px solid #f6c177;
} /* gold */
#privacy.camera {
border-left: 3px solid #c4a7e7;
} /* iris */
/* Idle inhibitor */
#idle_inhibitor.activated {
border-left: 3px solid #9ccfd8;
} /* foam */
#idle_inhibitor.deactivated {
border-left: 3px solid #524f67;
} /* highlight-high */
#idle_inhibitor:hover {
background: #26233a;
} /* overlay */
/* Gamemode */
#gamemode {
border-left: 3px solid #f6c177;
}
#gamemode:hover {
background: #26233a;
}
/* Speaker (PipeWire via wireplumber) */
#wireplumber.muted {
color: #6e6a86; /* muted */
border-color: #21202e;
}
/* Clock */
#clock {
border-left: 3px solid #9ccfd8; /* foam */
}
/* Subtle separators */
.modules-center > *:not(:last-child),
.modules-right > *:not(:last-child) {
border-bottom: 1px solid #21202e; /* highlight-low */
}
/* SwayNC widget */
#custom-swaync {
background: #1f1d2e; /* surface */
color: #e0def4; /* text */
margin: 3px 6px;
border-radius: 8px;
border: 1px solid #21202e; /* highlight-low */
padding: 6px 8px;
border-left: 3px solid #c4a7e7; /* iris */
}
#custom-swaync.dnd {
/* if swaync emits a 'dnd' class */
border-left-color: #f6c177; /* gold */
}
#custom-swaync:hover {
background: #26233a; /* overlay */
}
/* Hyprsunset widget */
#custom-hyprsunset {
background: #1f1d2e; /* surface */
color: #e0def4; /* text */
margin: 3px 6px;
border-radius: 8px;
border: 1px solid #21202e; /* highlight-low */
padding: 6px 8px;
border-left: 3px solid #ea9a97; /* rose */
}
#custom-hyprsunset:hover {
background: #26233a; /* overlay */
}
/* Unified pill styling for new modules (Rose Pine) */
#group-temps,
#battery,
#power-profiles-daemon,
#bluetooth,
#group-temps #temperature,
#custom-temps-wrap {
background: #1f1d2e; /* surface */
color: #e0def4; /* text */
margin: 3px 6px;
border-radius: 8px;
border: 1px solid #21202e; /* highlight-low */
padding: 6px 8px;
}
/* Tighter padding for the groups revealed children so they fit the narrow bar */
#group-temps #temperature,
#custom-temps-wrap {
padding: 4px 6px;
border-radius: 6px;
}
/* Hover feedback matching other tiles */
#group-temps:hover,
#battery:hover,
#power-profiles-daemon:hover,
#bluetooth:hover,
#group-temps #temperature:hover,
#custom-temps-wrap:hover {
background: #26233a; /* overlay */
}
/* Accent edges for the temperature instances */
#temperature.cpu {
border-left: 3px solid #31748f;
} /* pine */
#temperature.gpu_edge {
border-left: 3px solid #c4a7e7;
} /* iris */
#temperature.gpu_hotspot {
border-left: 3px solid #ea9a97;
} /* rose */
#temperature.gpu2_edge {
border-left: 3px solid #9ccfd8;
} /* foam */
#temperature.nvme {
border-left: 3px solid #f6c177;
} /* gold */
/* Low/critical battery accents */
#battery {
border-left: 3px solid #9ccfd8;
} /* foam */
#battery.warning {
border-left-color: #f6c177;
} /* gold */
#battery.critical {
border-left-color: #eb6f92;
color: #eb6f92;
} /* love */
/* Power profile accents */
#power-profiles-daemon {
border-left: 3px solid #f6c177;
} /* gold */
#power-profiles-daemon.performance {
border-left-color: #eb6f92;
} /* love */
#power-profiles-daemon.balanced {
border-left-color: #9ccfd8;
} /* foam */
#power-profiles-daemon.power-saver {
border-left-color: #31748f;
} /* pine */
/* Bluetooth state accents */
#bluetooth {
border-left: 3px solid #c4a7e7;
} /* iris */
#bluetooth.off,
#bluetooth.disabled {
color: #6e6a86;
border-left-color: #524f67;
} /* muted / highlight-high */
/* Temps group: make the outer pill look like other tiles */
#group-temps {
background: #1f1d2e; /* surface */
color: #e0def4; /* text */
margin: 3px 6px;
border-radius: 8px;
border: 1px solid #21202e; /* highlight-low */
padding: 6px 8px; /* match other pills */
border-left: 3px solid #ea9a97; /* rose */
}
/* Reset inner containers so only the outer pill draws the card */
#group-temps > * {
background: transparent;
border: 0;
margin: 0;
padding: 0;
}
/* Leader glyph spacing */
#custom-temps-wrap {
padding: 2px 0 6px 0; /* compact leader inside the pill */
}
/* Children: compact rows inside the pill, not separate cards */
#group-temps #temperature {
background: transparent; /* let the outer pill show through */
color: #e0def4;
margin: 2px 0;
border-radius: 6px;
padding: 4px 6px;
}
/* Hover feedback like other tiles */
#group-temps #temperature:hover,
#group-temps:hover {
background: #26233a; /* overlay */
}
/* Accent edges per instance */
#temperature.cpu {
border-left: 3px solid #31748f;
} /* pine */
#temperature.gpu_edge {
border-left: 3px solid #c4a7e7;
} /* iris */
#temperature.gpu_hotspot {
border-left: 3px solid #ea9a97;
} /* rose */
#temperature.gpu2_edge {
border-left: 3px solid #9ccfd8;
} /* foam */
#temperature.nvme {
border-left: 3px solid #f6c177;
} /* gold */
/* Critical tint consistent with warnings */
#temperature.critical {
background: #403d52; /* highlight-med */
color: #e0def4;
}
/* Tray container (pill) */
#tray {
background: #1f1d2e; /* surface */
color: #e0def4; /* text */
margin: 3px 6px;
border-radius: 8px;
border: 1px solid #21202e; /* highlight-low */
padding: 6px 8px;
border-left: 3px solid #c4a7e7; /* iris */
}
/* Tray icon states */
#tray > .passive {
opacity: 0.7; /* muted */
}
#tray > .needs-attention {
border-left: 3px solid #eb6f92; /* love */
animation: tray-attn 1s ease-in-out infinite alternate;
}
@keyframes tray-attn {
from {
opacity: 0.75;
}
to {
opacity: 1;
}
}
/* Hover like other tiles */
#tray:hover {
background: #26233a; /* overlay */
}
/* Tooltips for tray items (Waybar uses GTK tooltips) */
tooltip, /* GTK selector */
window#waybar tooltip {
background: #1f1d2e; /* surface */
color: #e0def4; /* text */
border: 1px solid #21202e; /* highlight-low */
border-radius: 8px;
padding: 6px 8px;
}
/* Popup menus opened from tray icons (GTK) */
menu,
.menu,
popover,
.popover {
background: #1f1d2e; /* surface */
color: #e0def4; /* text */
border: 1px solid #21202e; /* highlight-low */
border-radius: 8px;
padding: 6px 8px;
}
/* Menu items */
menuitem,
.menuitem {
background: transparent;
color: #e0def4;
border-radius: 6px;
padding: 6px 8px;
}
menuitem:hover,
.menuitem:hover {
background: #26233a; /* overlay */
}
menuitem:disabled,
.menuitem:disabled {
color: #6e6a86; /* muted */
}
/* Menu separators */
menu separator,
.menu separator {
background: #21202e; /* highlight-low */
min-height: 1px;
margin: 6px 0;
}