filter search + primary color + logo + ...

src/components/Radio.tsx

@@ -11,7 +11,7 @@ const Radio: FC<Props> = (props: Props) => {
         <div onClick={() => props.onChange(props.value)} className='size-4 cursor-pointer rounded-full bg-[#EAEDF5] flex justify-center items-center'>
             {
                 props.isActive &&
-                <div className='size-2 bg-black rounded-full'></div>
+                <div className='size-2 bg-primary rounded-full'></div>
             }
         </div>
     )

src/components/Tabs.tsx

@@ -33,7 +33,7 @@ const Tabs: FC<Props> = (props: Props) => {
                             'flex flex-col max-w-fit mt-[15px] items-center gap-2 cursor-pointer',
                             index === 0 && 'pr-[30px]',
                             index === props.items.length - 1 && 'pl-[30px]',
-                            props.active === item.value && 'text-black'
+                            props.active === item.value && 'text-primary'
                         )}>
                             {item.icon}
                             <div className='text-xs'>