Dotfiles/desktopenvs/hyprlua/mnotifhist-theme/style.css

122 lines
2.7 KiB
CSS

/* mnotifhist — plain CyberQueer theme (hyprlua's standard look, no hologram/
* glow treatment). Hand-maintained here, not generated: regen-beacon.sh
* copies this file into desktopenvs/hyprlua/mnotifhist/style/ as-is,
* replacing whatever style.css hyprdrive's transmitter-panel shipped.
* Mirrors astal-menu's own plainness relative to astro-menu: flat
* @violet/@bg fills instead of alpha glass, no box-shadow glow, no hover
* transitions, no @text colour override, no hardcoded "glow_violet" hex.
*
* Targets the SAME `.tx-*` class names as the original — that prefix isn't
* touched by regen-beacon.sh's rename pass (it doesn't contain "beacon" or
* "transmitter-panel" as a substring), so nothing here needs renaming. */
* {
font-family: "Agave Nerd Font Mono", monospace;
font-size: 12pt;
}
window,
window.background,
.tx-window,
.tx-list,
box,
overlay,
label,
image,
drawingarea {
background: transparent;
background-color: transparent;
}
.tx-panel {
background-color: @violet;
border: 2px solid @violet;
border-radius: 12px;
padding: 14px 16px;
}
/* right margin keeps "Clear All" clear of the overlaid panel-level ✕ button
* (min-width 34px + its own 20px right margin, see .close-btn below). */
.tx-header { margin: 0 64px 8px 0; }
.tx-title {
color: @text;
font-weight: bold;
font-size: 13pt;
}
.tx-clear-all {
color: @text;
background-color: @violet;
border: 2px solid @violet;
border-radius: 20px;
padding: 4px 14px;
min-height: 26px;
}
.tx-clear-all:hover {
border-color: @accent;
color: @accent;
}
.tx-empty {
color: @text;
opacity: 0.6;
padding: 18px 4px;
}
.tx-row {
padding: 8px 10px;
border-radius: 10px;
min-height: 34px;
}
.tx-row:hover { background: alpha(@violet, 0.3); }
.tx-row-icon { margin-right: 2px; }
.tx-row-app {
color: @text;
opacity: 0.65;
font-size: 9pt;
}
.tx-row-summary {
color: @text;
font-weight: bold;
font-size: 11.5pt;
}
.tx-row-body {
color: @text;
font-size: 10.5pt;
opacity: 0.9;
}
.tx-row-close {
color: @text;
background: @violet;
border: none;
border-radius: 14px;
min-width: 24px;
min-height: 24px;
}
.tx-row-close:hover {
background: @accent;
color: @bg;
}
/* floating panel-level close button (top-right, closes the whole popup) —
* same idiom astal-menu uses for its own menu-window close button. */
.close-btn {
color: @text;
background: @violet;
border: none;
border-radius: 20px;
min-width: 34px;
min-height: 34px;
margin: 16px 20px;
}
.close-btn:hover {
background: @accent;
color: @bg;
}
scrollbar slider { background: @violet; border-radius: 8px; min-width: 6px; }
scrollbar slider:hover { background: @accent; }
.tx-hologram { background: transparent; }