💄 design: 일부 색상 수정 #188

FE/src/components/News/Card.tsx

@@ -6,14 +6,14 @@ type CardWithImageProps = {
 export default function Card({ data }: CardWithImageProps) {
   return (
     <a
-      className='flex cursor-pointer flex-col rounded-lg border p-4 transition-all hover:bg-gray-50'
+      className='flex cursor-pointer flex-col rounded-lg border p-4 transition-all hover:bg-juga-grayscale-50'
       href={data.link}
       target='_blank'
       rel='noopener noreferrer'
     >
       <div className={'mb-2 flex w-full flex-row items-center justify-between'}>
         <div className={'flex flex-row items-center gap-3'}>
-          <span className='rounded-full bg-blue-50 px-2 py-0.5 text-xs text-blue-600'>
+          <span className='rounded-full bg-juga-blue-10 px-2 py-0.5 text-xs text-juga-blue-50'>
             증권
           </span>
           <h3 className='w-[320px] truncate text-left text-base font-medium'>
@@ -23,10 +23,10 @@ export default function Card({ data }: CardWithImageProps) {
         <span className={'w-fit text-sm text-gray-500'}>{data.date}</span>
       </div>
       <div className='flex w-full items-center justify-between gap-4'>
-        <p className='w-96 truncate text-left text-sm text-gray-500'>
+        <p className='w-96 truncate text-left text-sm text-juga-grayscale-500'>
           {data.img}
         </p>
-        <span className='whitespace-nowrap text-sm text-gray-500'>
+        <span className='whitespace-nowrap text-sm text-juga-grayscale-500'>
           {data.publisher}
         </span>
       </div>