refactor: update UI components to use consistent popup and text colors

This commit is contained in:
Anish Sarkar 2026-05-13 16:46:35 +05:30
parent 481bb406b6
commit 6aa4dcef60
31 changed files with 50 additions and 108 deletions

View file

@ -173,7 +173,7 @@ export function ChatShareButton({ thread, onVisibilityChange, className }: ChatS
</PopoverTrigger>
<PopoverContent
className="w-[280px] md:w-[320px] p-0 rounded-lg shadow-lg bg-muted border-border/60 dark:border dark:border-neutral-700 select-none"
className="w-[280px] md:w-[320px] p-0 rounded-lg shadow-lg select-none"
align="end"
sideOffset={8}
onCloseAutoFocus={(e) => e.preventDefault()}

View file

@ -428,7 +428,7 @@ export const DocumentMentionPicker = forwardRef<
return (
<div
className="shadow-2xl rounded-lg border border-border dark:border-white/5 overflow-hidden bg-popover dark:bg-neutral-900 flex flex-col w-[280px] sm:w-[320px] select-none"
className="shadow-2xl rounded-lg overflow-hidden bg-popover text-popover-foreground flex flex-col w-[280px] sm:w-[320px] select-none"
onKeyDown={handleKeyDown}
role="listbox"
tabIndex={-1}

View file

@ -1428,7 +1428,7 @@ export function ModelSelector({
<Popover open={open} onOpenChange={handleOpenChange}>
<PopoverTrigger asChild>{triggerButton}</PopoverTrigger>
<PopoverContent
className="w-[300px] md:w-[380px] p-0 rounded-lg shadow-lg overflow-hidden bg-muted border-border/60 dark:border dark:border-neutral-700 select-none"
className="w-[300px] md:w-[380px] p-0 rounded-lg shadow-lg overflow-hidden select-none"
align="start"
sideOffset={8}
onCloseAutoFocus={(e) => e.preventDefault()}

View file

@ -112,7 +112,7 @@ export const PromptPicker = forwardRef<PromptPickerRef, PromptPickerProps>(funct
);
return (
<div className="shadow-2xl rounded-lg border border-border dark:border-white/5 overflow-hidden bg-popover dark:bg-neutral-900 flex flex-col w-[280px] sm:w-[320px] select-none">
<div className="shadow-2xl rounded-lg overflow-hidden bg-popover text-popover-foreground flex flex-col w-[280px] sm:w-[320px] select-none">
<div ref={scrollContainerRef} className="max-h-[180px] sm:max-h-[280px] overflow-y-auto">
{isLoading ? (
<div className="py-1 px-2">