94 lines
2.7 KiB
CSS
94 lines
2.7 KiB
CSS
/* beacon — holographic notification cards. Matches the astro-menu idiom
|
|
* (astro-menu/style/style.css): emitted-magenta text, violet holo-glass fills,
|
|
* glow-violet / accent frames, Agave Nerd Font Mono, rounded cards. The compositor
|
|
* blurs behind the translucent card fills (see the `beacon` layer-rule in
|
|
* hypr/usr/windowrules.lua); the scanline/sweep/noise depth is Cairo-drawn on top
|
|
* by lib/hologram.py. */
|
|
|
|
/* Emitted magenta reads as projected light on the blurred glass, exactly as the
|
|
* astro panel overrides its @text. */
|
|
@define-color text #EB00A6;
|
|
|
|
* {
|
|
font-family: "Agave Nerd Font Mono", monospace;
|
|
font-size: 12pt;
|
|
}
|
|
|
|
/* The CyberQueer GTK theme paints `* { background-color:#1a1a1a }` on every node,
|
|
* which would fill the surface and the gaps between cards with an opaque slab.
|
|
* Blank the structural nodes; the card asserts its own glass fill below. */
|
|
window,
|
|
window.background,
|
|
.beacon-window,
|
|
.beacon-stack,
|
|
.beacon-content,
|
|
box,
|
|
overlay,
|
|
label,
|
|
image,
|
|
drawingarea {
|
|
background: transparent;
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* the holo-glass card */
|
|
.beacon-card {
|
|
background-color: alpha(@violet, 0.40);
|
|
border: 2px solid #8A5CFF; /* glow_violet — emitted-light frame */
|
|
border-radius: 16px;
|
|
padding: 12px 14px;
|
|
box-shadow: 0 0 16px 1px alpha(#8A5CFF, 0.35);
|
|
}
|
|
.beacon-card.critical {
|
|
border-color: @accent;
|
|
background-color: alpha(@accent, 0.14);
|
|
box-shadow: 0 0 18px 1px alpha(@accent, 0.40);
|
|
}
|
|
|
|
/* summary = emitted magenta, letter-spaced like the astro HUD headlines */
|
|
.beacon-summary {
|
|
color: @text;
|
|
font-weight: bold;
|
|
font-size: 12pt;
|
|
letter-spacing: 1px;
|
|
}
|
|
.beacon-card.critical .beacon-summary { color: @accent; }
|
|
|
|
/* radio-wave divider — a Cairo sine path drawn in notification.py (colour handled
|
|
* there, per urgency); this only spaces it from the title/body. The explicit
|
|
* transparent bg beats the CyberQueer theme's `* { background-color:#1a1a1a }`
|
|
* (a class selector out-specifies its universal one), so no dark pill shows. */
|
|
.beacon-squiggle {
|
|
margin: 2px 0;
|
|
background: none;
|
|
background-color: transparent;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.beacon-body {
|
|
color: @text;
|
|
font-size: 11pt;
|
|
opacity: 0.95;
|
|
}
|
|
|
|
.beacon-icon { margin-right: 2px; }
|
|
|
|
/* action pills — astro-menu's .quad-action idiom */
|
|
.beacon-action {
|
|
color: @text;
|
|
background-color: alpha(@violet, 0.4);
|
|
border: 2px solid #8A5CFF;
|
|
border-radius: 20px;
|
|
padding: 2px 12px;
|
|
min-height: 22px;
|
|
transition: border-color 180ms ease, color 180ms ease, box-shadow 220ms ease, background 180ms ease;
|
|
}
|
|
.beacon-action:hover {
|
|
border-color: @accent;
|
|
color: @accent;
|
|
box-shadow: 0 0 12px 1px alpha(@accent, 0.55);
|
|
}
|
|
|
|
.beacon-hologram { background: transparent; }
|