🎨 style(Fork): update light/dark theme (#2621)

This commit is contained in:
Marco Beretta 2024-05-05 21:35:16 +02:00 committed by GitHub
parent 446ffe0417
commit b77bd19092
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -68,7 +68,7 @@ const PopoverButton: React.FC<PopoverButtonProps> = ({
setActiveSetting(optionLabels.default); setActiveSetting(optionLabels.default);
}, 175); }, 175);
}} }}
className="mx-1 max-w-14 flex-1 rounded-lg border-2 bg-white transition duration-300 ease-in-out hover:bg-black dark:border-gray-400 dark:bg-gray-700/95 dark:text-gray-400 hover:dark:border-gray-200 hover:dark:text-gray-200" className="mx-1 max-w-14 flex-1 rounded-lg border-2 bg-white text-gray-700 transition duration-300 ease-in-out hover:bg-gray-200 hover:text-gray-900 dark:border-gray-600 dark:bg-gray-700 dark:text-gray-400 dark:hover:bg-gray-600 dark:hover:text-gray-100 "
type="button" type="button"
> >
{children} {children}
@ -192,7 +192,7 @@ export default function Fork({
<Popover.Content <Popover.Content
side="top" side="top"
role="menu" role="menu"
className="bg-token-surface-primary flex min-h-[120px] min-w-[215px] flex-col gap-3 overflow-hidden rounded-lg bg-white p-2 px-3 shadow-lg dark:bg-gray-700/95" className="bg-token-surface-primary flex min-h-[120px] min-w-[215px] flex-col gap-3 overflow-hidden rounded-lg bg-white p-2 px-3 shadow-lg dark:bg-gray-700"
style={{ outline: 'none', pointerEvents: 'auto', boxSizing: 'border-box' }} style={{ outline: 'none', pointerEvents: 'auto', boxSizing: 'border-box' }}
tabIndex={-1} tabIndex={-1}
sideOffset={5} sideOffset={5}
@ -202,7 +202,7 @@ export default function Fork({
{localize(activeSetting)} {localize(activeSetting)}
<HoverCard openDelay={50}> <HoverCard openDelay={50}>
<HoverCardTrigger asChild> <HoverCardTrigger asChild>
<InfoIcon className="ml-auto flex h-4 w-4 gap-2 text-white/50" /> <InfoIcon className="ml-auto flex h-4 w-4 gap-2 text-gray-500 dark:text-white/50" />
</HoverCardTrigger> </HoverCardTrigger>
<HoverCardPortal> <HoverCardPortal>
<HoverCardContent <HoverCardContent