reverted back to initial colors

This commit is contained in:
moulichand16
2026-03-31 15:05:05 +05:30
parent 65450ddd3e
commit 3cafe820cf
5 changed files with 23 additions and 40 deletions

View File

@@ -69,12 +69,11 @@ export const NavAccountMenu = ({
<AriaDialog
{...dialogProps}
ref={dialogRef}
className={cx("w-66 rounded-xl shadow-lg outline-hidden", className)}
style={{ backgroundColor: 'rgb(28, 33, 44)' }}
className={cx("w-66 rounded-xl bg-secondary_alt shadow-lg ring ring-secondary_alt outline-hidden", className)}
>
{({ close }) => (
<>
<div className="rounded-xl" style={{ backgroundColor: 'rgb(28, 33, 44)' }}>
<div className="rounded-xl bg-primary ring-1 ring-secondary">
<div className="flex flex-col gap-0.5 py-1.5">
<NavAccountCardMenuItem label="View profile" icon={IconUser} shortcut="⌘K->P" />
<NavAccountCardMenuItem label="Account settings" icon={IconSettings} shortcut="⌘S" />
@@ -105,17 +104,17 @@ const NavAccountCardMenuItem = ({
<button {...buttonProps} className={cx("group/item w-full cursor-pointer px-1.5 focus:outline-hidden", buttonProps.className)}>
<div
className={cx(
"flex w-full items-center justify-between gap-3 rounded-md p-2 group-hover/item:bg-[rgb(42,48,60)]",
"flex w-full items-center justify-between gap-3 rounded-md p-2 group-hover/item:bg-primary_hover",
// Focus styles.
"outline-focus-ring group-focus-visible/item:outline-2 group-focus-visible/item:outline-offset-2",
)}
>
<div className="flex gap-2 text-sm font-semibold text-[rgb(255,255,255)] group-hover/item:text-[rgb(73,160,225)]">
{Icon && <Icon className="size-5 text-[rgb(255,255,255)]" />} {label}
<div className="flex gap-2 text-sm font-semibold text-secondary group-hover/item:text-secondary_hover">
{Icon && <Icon className="size-5 text-fg-quaternary" />} {label}
</div>
{shortcut && (
<kbd className="flex rounded px-1 py-px font-body text-xs font-medium text-[rgb(255,255,255)] ring-1 ring-secondary ring-inset">{shortcut}</kbd>
<kbd className="flex rounded px-1 py-px font-body text-xs font-medium text-tertiary ring-1 ring-secondary ring-inset">{shortcut}</kbd>
)}
</div>
</button>
@@ -146,7 +145,7 @@ export const NavAccountCard = ({
}
return (
<div ref={triggerRef} className="relative flex items-center gap-3 rounded-xl p-3">
<div ref={triggerRef} className="relative flex items-center gap-3 rounded-xl p-3 ring-1 ring-secondary ring-inset">
<AvatarLabelGroup
size="md"
src={selectedAccount.avatar}