From ad8a6e681100b303efa6bb8930ebfbb7a7db0818 Mon Sep 17 00:00:00 2001 From: Claude Date: Sun, 18 Jan 2026 17:48:20 +0000 Subject: [PATCH] feat: add separate gradients for Grimoire members based on login state Updates the UserName component to display different gradient colors for Grimoire members depending on whether they are the logged-in user: - Orange-yellow gradient for logged-in Grimoire members (current user) - Purple-blue gradient for other Grimoire members (not logged in) This visual distinction makes it easier to identify your own username versus other Grimoire members in feeds and conversations. --- src/components/nostr/UserName.tsx | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/src/components/nostr/UserName.tsx b/src/components/nostr/UserName.tsx index 270055a..c3fcf87 100644 --- a/src/components/nostr/UserName.tsx +++ b/src/components/nostr/UserName.tsx @@ -15,7 +15,9 @@ interface UserNameProps { * Shows placeholder derived from pubkey while loading or if no profile exists * Clicking opens the user's profile * Uses highlight color for the logged-in user (themeable amber) - * Shows Grimoire members with yellow-orange gradient styling + * Shows Grimoire members with gradient styling: + * - Orange-yellow gradient for logged-in Grimoire member + * - Purple-blue gradient for other Grimoire members */ export function UserName({ pubkey, isMention, className }: UserNameProps) { const { addWindow, state } = useGrimoire(); @@ -37,7 +39,9 @@ export function UserName({ pubkey, isMention, className }: UserNameProps) { className={cn( "font-semibold cursor-crosshair hover:underline hover:decoration-dotted", isGrimoire - ? "bg-gradient-to-br from-yellow-500 via-orange-500 to-orange-600 bg-clip-text text-transparent" + ? isActiveAccount + ? "bg-gradient-to-br from-yellow-500 via-orange-500 to-orange-600 bg-clip-text text-transparent" + : "bg-gradient-to-br from-purple-500 via-purple-600 to-cyan-500 bg-clip-text text-transparent" : isActiveAccount ? "text-highlight" : "text-accent",