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 (
|
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}>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue