292 lines
7.1 KiB
CSS
292 lines
7.1 KiB
CSS
@define-color base #050505; /* Void Black */
|
|
@define-color surface #141414; /* Dark Surface */
|
|
@define-color overlay #262626; /* Light Surface */
|
|
@define-color text #ededed; /* Stark White */
|
|
@define-color muted #737373; /* Muted Text (spec) */
|
|
|
|
@define-color love #ff0044; /* Razor Red */
|
|
@define-color foam #00eaff; /* Electric Cyan */
|
|
@define-color pine #00ff99; /* Toxic Green */
|
|
@define-color gold #ffb700; /* Warning Gold */
|
|
@define-color iris #9d00ff; /* Void Purple */
|
|
|
|
@define-color hl_low #141414;
|
|
@define-color hl_med #262626;
|
|
@define-color hl_high #262626; /* keep borders “light surface”, not random gray */
|
|
|
|
@define-color bar_alpha rgba(5, 5, 5, 0.65);
|
|
@define-color surface_alpha rgba(20, 20, 20, 0.82);
|
|
@define-color overlay_alpha rgba(38, 38, 38, 0.92);
|
|
|
|
/* Bar */
|
|
window#waybar {
|
|
background: @bar_alpha;
|
|
color: @text;
|
|
border: 0;
|
|
}
|
|
|
|
/* Extra breathing room for the first/last pill in each section */
|
|
#left > :first-child,
|
|
#center > :first-child,
|
|
#right > :first-child { margin-top: 8px; }
|
|
|
|
#left > :last-child,
|
|
#center > :last-child,
|
|
#right > :last-child { margin-bottom: 8px; }
|
|
|
|
/* 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;
|
|
}
|
|
|
|
/* Default workspace = neutral surface */
|
|
#workspaces button {
|
|
background: @surface_alpha;
|
|
color: @muted; /* inactive should look “off” */
|
|
border: 1px solid @overlay; /* light surface border */
|
|
border-radius: 6px;
|
|
margin: 2px;
|
|
padding: 3px 6px;
|
|
}
|
|
|
|
/* Hover = cyan tech highlight */
|
|
#workspaces button:hover {
|
|
background: @overlay_alpha;
|
|
border-color: @foam;
|
|
color: @text;
|
|
}
|
|
|
|
/* Active = razor red "target locked" */
|
|
#workspaces button.active {
|
|
background: @love;
|
|
color: @base; /* spec: black text on red */
|
|
border-color: @love;
|
|
}
|
|
|
|
/* Urgent = still red, but let it glow harder */
|
|
#workspaces button.urgent {
|
|
background: @love;
|
|
color: @base;
|
|
box-shadow: 0 0 6px rgba(255, 0, 68, 0.55);
|
|
}
|
|
|
|
/* Shared pill look for ALL modules */
|
|
#window,
|
|
#cpu,
|
|
#memory,
|
|
#disk,
|
|
#network,
|
|
#privacy,
|
|
#wireplumber,
|
|
#clock,
|
|
#idle_inhibitor,
|
|
#gamemode,
|
|
#battery,
|
|
#power-profiles-daemon,
|
|
#bluetooth,
|
|
#tray,
|
|
#temperature,
|
|
#custom-swaync,
|
|
#custom-temps-cycle,
|
|
#custom-hyprsunset,
|
|
#custom-alhp {
|
|
background: @surface_alpha;
|
|
color: @text;
|
|
border: 1px solid @overlay;
|
|
border-radius: 8px;
|
|
padding: 3px 6px;
|
|
margin: 2px 3px;
|
|
}
|
|
|
|
/* Universal hover = cyan border "scanline" effect */
|
|
#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,
|
|
#tray:hover,
|
|
#temperature:hover,
|
|
#custom-swaync:hover,
|
|
#custom-temps-cycle:hover,
|
|
#custom-hyprsunset:hover,
|
|
#custom-alhp:hover {
|
|
background: @overlay_alpha;
|
|
border-color: @foam;
|
|
}
|
|
|
|
/* Focus/primary module accents (Apex-Neon logic) */
|
|
#window { border-left: 3px solid @love; } /* focus = Razor Red */
|
|
|
|
/* Metrics: make them "dashboard semantics" */
|
|
#cpu { border-left: 3px solid @pine; } /* success/ok */
|
|
#memory { border-left: 3px solid @iris; } /* special */
|
|
#disk { border-left: 3px solid @foam; } /* info/tech */
|
|
#network{ border-left: 3px solid @foam; } /* network = cyan (tech accent) */
|
|
|
|
/* Temperature modules */
|
|
#temperature.cpu { border-left: 3px solid @pine; }
|
|
#temperature.gpu_hotspot { border-left: 3px solid @love; } /* hot = red, not pink */
|
|
#temperature.nvme { border-left: 3px solid @gold; }
|
|
|
|
#temperature.critical {
|
|
background: @love;
|
|
color: @base; /* black on red */
|
|
border-left-color: @love;
|
|
border-color: @love;
|
|
}
|
|
|
|
/* WirePlumber / audio */
|
|
#wireplumber { border-left: 3px solid @gold; }
|
|
#wireplumber.muted {
|
|
color: @muted;
|
|
border-left-color: @overlay;
|
|
}
|
|
|
|
/* Privacy states */
|
|
#privacy.screencast { border-left: 3px solid @foam; } /* "active tech" */
|
|
#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 @overlay; color: @muted; }
|
|
|
|
/* 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: @overlay;
|
|
}
|
|
|
|
/* Notifications */
|
|
#custom-swaync { border-left: 3px solid @iris; }
|
|
#custom-swaync.dnd { border-left-color: @gold; }
|
|
|
|
/* Night shift */
|
|
#custom-hyprsunset { border-left: 3px solid @foam; } /* tech accent instead of rose */
|
|
|
|
/* ALHP custom module */
|
|
#custom-alhp { border-left: 3px solid @pine; }
|
|
|
|
/* Group wrappers */
|
|
#group-temps,
|
|
#group-volume {
|
|
background: transparent;
|
|
border: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#custom-temps-cycle { border-left: 3px solid @foam; }
|
|
|
|
#group-temps #temperature { margin: 2px 0; }
|
|
#group-temps #temperature:hover { background: @overlay_alpha; border-color: @foam; }
|
|
|
|
/* Preserve semantics within group */
|
|
#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 @love; }
|
|
#group-temps #temperature.nvme { border-left: 3px solid @gold; }
|
|
|
|
#group-temps #temperature.critical {
|
|
background: @love;
|
|
color: @base;
|
|
}
|
|
|
|
/* Tray */
|
|
#tray { border-left: 3px solid @iris; }
|
|
#tray > .passive { opacity: 0.7; }
|
|
#tray > .needs-attention {
|
|
border-left: 3px solid @love;
|
|
box-shadow: 0 0 6px rgba(255, 0, 68, 0.55);
|
|
}
|
|
|
|
/* Volume group sizing */
|
|
#group-volume #wireplumber {
|
|
margin: 1px 0;
|
|
padding: 2px 4px;
|
|
}
|
|
#group-volume #wireplumber:hover { background: @overlay_alpha; border-color: @foam; }
|
|
|
|
/* Tooltips */
|
|
tooltip,
|
|
window#waybar tooltip {
|
|
background: @surface;
|
|
color: @text;
|
|
border: 1px solid @overlay;
|
|
border-radius: 8px;
|
|
padding: 6px 8px;
|
|
}
|
|
|
|
/* Popup menus */
|
|
menu,
|
|
.menu,
|
|
popover,
|
|
.popover {
|
|
background: @surface;
|
|
color: @text;
|
|
border: 1px solid @overlay;
|
|
border-radius: 8px;
|
|
padding: 6px 8px;
|
|
}
|
|
|
|
menuitem,
|
|
.menuitem {
|
|
background: transparent;
|
|
color: @text;
|
|
border-radius: 6px;
|
|
padding: 6px 8px;
|
|
}
|
|
|
|
menuitem:hover,
|
|
.menuitem:hover {
|
|
background: @overlay_alpha;
|
|
border: 1px solid @foam;
|
|
}
|
|
|
|
menuitem:disabled,
|
|
.menuitem:disabled { color: @muted; }
|
|
|
|
menu separator,
|
|
.menu separator {
|
|
background: @overlay;
|
|
min-height: 1px;
|
|
margin: 6px 0;
|
|
}
|
|
|