swarm-ui: extend neon glow to the swarm brand name
This commit is contained in:
parent
fefeaecbbf
commit
e1858b277a
1 changed files with 12 additions and 1 deletions
|
|
@ -280,7 +280,18 @@ export function Shell({ children }: { children: ComponentChildren }) {
|
|||
return (
|
||||
<div class="shell">
|
||||
<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}
|
||||
</span>
|
||||
<nav class="shell-nav" ref={navRef}>
|
||||
|
|
|
|||
Loading…
Reference in a new issue