Skip to content

Commit 1ddcf28

Browse files
V48 (impl-only): Equalize product nav hover borders
Match Deposit’s idle/active border opacity and hover glow so Read (orange) and Packs (emerald) show the same border hover strength.
1 parent 6ebb6a0 commit 1ddcf28

1 file changed

Lines changed: 9 additions & 8 deletions

File tree

  • apps/uapi/components/bitcode/layout/Nav

apps/uapi/components/bitcode/layout/Nav/Nav.tsx

Lines changed: 9 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -370,37 +370,38 @@ export default function Nav() {
370370
) : null;
371371

372372
// Product nav themes match pillar language: Read orange · Packs green · Deposit purple.
373+
// Idle hover border/glow strength is matched across all three (Deposit was the reference).
373374
const publicRouteLinkThemes = {
374375
read: {
375376
active:
376-
'border-orange-300/38 bg-orange-400/14 text-orange-100 shadow-[0_0_20px_rgba(251,146,60,0.18)]',
377+
'border-orange-300/42 bg-orange-400/16 text-orange-100 shadow-[0_0_20px_rgba(251,146,60,0.22)]',
377378
idle:
378-
'border-white/10 bg-white/[0.025] text-neutral-400 hover:border-orange-300/28 hover:bg-orange-400/[0.09] hover:text-orange-100',
379+
'border-white/10 bg-white/[0.025] text-neutral-400 hover:border-orange-300/42 hover:bg-orange-400/[0.12] hover:text-orange-100 hover:shadow-[0_0_18px_rgba(251,146,60,0.16)]',
379380
disabledActive:
380381
'border-orange-300/20 bg-orange-400/[0.06] text-orange-100/55',
381382
explainer:
382-
'h-4.5 w-4.5 border-white/10 bg-white/[0.03] text-[0.58rem] text-neutral-300 hover:border-orange-300/30 hover:bg-orange-400/10 hover:text-orange-100',
383+
'h-4.5 w-4.5 border-white/10 bg-white/[0.03] text-[0.58rem] text-neutral-300 hover:border-orange-300/42 hover:bg-orange-400/12 hover:text-orange-100',
383384
},
384385
packs: {
385386
active:
386-
'border-emerald-300/38 bg-emerald-400/14 text-emerald-100 shadow-[0_0_20px_rgba(16,185,129,0.16)]',
387+
'border-emerald-300/42 bg-emerald-400/16 text-emerald-100 shadow-[0_0_20px_rgba(16,185,129,0.20)]',
387388
idle:
388-
'border-white/10 bg-white/[0.025] text-neutral-400 hover:border-emerald-300/24 hover:bg-emerald-400/[0.08] hover:text-emerald-100',
389+
'border-white/10 bg-white/[0.025] text-neutral-400 hover:border-emerald-300/42 hover:bg-emerald-400/[0.12] hover:text-emerald-100 hover:shadow-[0_0_18px_rgba(16,185,129,0.16)]',
389390
disabledActive:
390391
'border-emerald-300/20 bg-emerald-400/[0.06] text-emerald-100/55',
391392
explainer:
392-
'h-4.5 w-4.5 border-white/10 bg-white/[0.03] text-[0.58rem] text-neutral-300 hover:border-emerald-300/30 hover:bg-emerald-400/10 hover:text-emerald-100',
393+
'h-4.5 w-4.5 border-white/10 bg-white/[0.03] text-[0.58rem] text-neutral-300 hover:border-emerald-300/42 hover:bg-emerald-400/12 hover:text-emerald-100',
393394
},
394395
// Match Deposit pillar: purple/fuchsia (not Tailwind violet, which reads blue).
395396
deposit: {
396397
active:
397398
'border-purple-300/42 bg-purple-500/16 text-purple-100 shadow-[0_0_20px_rgba(192,132,252,0.22)]',
398399
idle:
399-
'border-white/10 bg-white/[0.025] text-neutral-400 hover:border-purple-300/30 hover:bg-purple-500/[0.10] hover:text-purple-100',
400+
'border-white/10 bg-white/[0.025] text-neutral-400 hover:border-purple-300/42 hover:bg-purple-500/[0.12] hover:text-purple-100 hover:shadow-[0_0_18px_rgba(192,132,252,0.16)]',
400401
disabledActive:
401402
'border-purple-300/22 bg-purple-500/[0.07] text-purple-100/55',
402403
explainer:
403-
'h-4.5 w-4.5 border-white/10 bg-white/[0.03] text-[0.58rem] text-neutral-300 hover:border-purple-300/35 hover:bg-purple-500/12 hover:text-purple-100',
404+
'h-4.5 w-4.5 border-white/10 bg-white/[0.03] text-[0.58rem] text-neutral-300 hover:border-purple-300/42 hover:bg-purple-500/12 hover:text-purple-100',
404405
},
405406
} as const;
406407

0 commit comments

Comments
 (0)