You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
49 lines
2.7 KiB
49 lines
2.7 KiB
/** Shared superchat accent styles — readable in light and dark mode. */ |
|
|
|
/** “Superchat” label in thread / notification cards. */ |
|
export const superchatTitleClass = |
|
'font-semibold text-amber-700 dark:text-amber-300' |
|
|
|
/** Profile wall section heading (“Superchats”). */ |
|
export const superchatSectionHeadingClass = |
|
'text-xs font-semibold uppercase tracking-wider text-amber-800/90 dark:text-amber-200/90' |
|
|
|
/** Recipient-confirmed state text. */ |
|
export const superchatConfirmedTextClass = |
|
'text-sm font-medium text-amber-800 dark:text-amber-200' |
|
|
|
/** Recipient-confirmed box (prominent notification layout). */ |
|
export const superchatConfirmedBoxClass = |
|
'rounded-md border border-amber-600/35 bg-amber-500/10 px-3 py-2 text-center dark:border-amber-400/40 dark:bg-amber-400/10' |
|
|
|
/** Full-width “Turn this into a superchat!” CTA. */ |
|
export const superchatProminentButtonClass = |
|
'h-auto min-h-11 w-full gap-2 border-amber-600/45 bg-amber-500/15 py-2.5 text-base font-semibold text-amber-950 shadow-[0_0_16px_rgba(245,158,11,0.2)] hover:bg-amber-500/25 dark:border-yellow-400/50 dark:bg-yellow-400/20 dark:text-yellow-50 dark:shadow-[0_0_16px_rgba(250,204,21,0.25)] dark:hover:bg-yellow-400/30' |
|
|
|
/** Large zap amount / BTC equivalent highlight in ZapDialog. */ |
|
export const superchatAmountHighlightClass = |
|
'rounded-md bg-amber-500/20 px-2 py-0.5 font-semibold text-amber-950 ring-1 ring-amber-600/45 shadow-[0_0_12px_rgba(245,158,11,0.25)] dark:bg-yellow-400/25 dark:text-yellow-100 dark:ring-yellow-400/70 dark:shadow-[0_0_12px_rgba(250,204,21,0.45)]' |
|
|
|
/** Leading digit group highlight on large sats input. */ |
|
export const superchatSatsLeadingHighlightClass = 'text-amber-600 dark:text-yellow-400' |
|
|
|
/** Lightning bolt accent (zap address rows, payto icons). */ |
|
export const superchatLightningAccentClass = 'text-amber-600 dark:text-yellow-400' |
|
|
|
/** |
|
* Superchat / zap comment body (thread + profile wall). |
|
* Left border carries emphasis; body matches normal note text (MarkdownArticle uses `role="paragraph"`). |
|
*/ |
|
export const superchatCommentBodyClass = |
|
'border-l-[3px] border-amber-700 pl-3.5 dark:border-amber-300 ' + |
|
'max-w-none text-base font-normal leading-relaxed text-foreground ' + |
|
'[&_[role=paragraph]]:text-base [&_[role=paragraph]]:font-normal [&_[role=paragraph]]:leading-relaxed ' + |
|
'[&_p]:text-base [&_p]:font-normal [&_p]:leading-relaxed ' + |
|
'prose-p:text-base prose-p:font-normal prose-p:leading-relaxed' |
|
|
|
/** Payment method chip + “Superchat” label row (inline with `text-sm` meta). */ |
|
export const superchatChromeRowClass = 'text-sm' |
|
|
|
export const superchatChromePaymentChipClass = 'shrink-0 px-1.5 py-0.5' |
|
|
|
export const superchatChromePaymentIconClass = 'size-4'
|
|
|