refactor: 탭 inactive 버튼 text 색상 변경(contrast ratio)

designsoo · Jul 14, 2024 · f20e4f2 · f20e4f2
1 parent 609a89f
commit f20e4f2
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/TabList.tsx b/src/components/TabList.tsx
@@ -35,7 +35,7 @@ const TabList = <T,>({ tabList, onClick, size = 'md' }: TabProps<T>) => {
         <li key={`tab-${tab.id}`}>
           <button
             type='button'
-            className={`flex items-center text-base-16 text-neutral-500 ${TabListSize[size]} ${isActivated(tab.id) && 'relative text-bold-16 *:text-yellow-300 after:absolute after:bottom-0 after:left-0 after:h-[2px] after:w-full after:bg-yellow-300 after:content-[attr(before)]'}`}
+            className={`flex items-center text-base-16 text-neutral-400 ${TabListSize[size]} ${isActivated(tab.id) && 'relative text-bold-16 *:text-yellow-300 after:absolute after:bottom-0 after:left-0 after:h-[2px] after:w-full after:bg-yellow-300 after:content-[attr(before)]'}`}
             onClick={() => handleTabItemClick(tab.id)}
           >
             <span className='inline-block'>{tab.value}</span>