swarm-ui: extend neon glow to the swarm brand name

This commit is contained in:
iris 2026-09-13 19:07:52 +02:00 committed by mara
commit e1858b277a

View file

@ -280,7 +280,18 @@ export function Shell({ children }: { children: ComponentChildren }) {
return ( return (
<div class="shell"> <div class="shell">
<header class="shell-header"> <header class="shell-header">
<span class="shell-brand" style={{ color: navAccent }}> <span
class="shell-brand"
// Same glow recipe as the active nav tab / panel titles, riding
// `navAccent` — the same value `color` already uses here — so
// the brand's glow tracks the identical hop sequence as its own
// text colour instead of introducing a second, disagreeing
// accent source.
style={{
color: navAccent,
textShadow: `0 0 8px color-mix(in srgb, ${navAccent} 45%, transparent)`,
}}
>
{brand} {brand}
</span> </span>
<nav class="shell-nav" ref={navRef}> <nav class="shell-nav" ref={navRef}>