design: color 수정

Author: yyezzzy

src/app/(auth)/signup/page.tsx

@@ -22,7 +22,7 @@ export default function SignupPage() {
           {/* 지원자 회원가입 카드 */}
           <Link
             href="/signup/applicant"
-            className="flex flex-1 flex-col items-center rounded-lg border-2 border-transparent bg-primary-orange-50 p-8 transition-all hover:scale-105 hover:border-primary-orange-300 hover:shadow-xl"
+            className="bg-primary-blue-50 flex flex-1 flex-col items-center rounded-lg border-2 border-transparent p-8 transition-all hover:scale-105 hover:border-primary-orange-300 hover:shadow-xl"
           >
             <div className="flex h-24 w-24 items-center justify-center rounded-full bg-primary-orange-50">
               <FaUser className="h-12 w-12 text-primary-orange-300" />
@@ -41,7 +41,7 @@ export default function SignupPage() {
           {/* 사장님 회원가입 카드 */}
           <Link
             href="/signup/owner"
-            className="flex flex-1 flex-col items-center rounded-lg border-2 border-transparent bg-primary-orange-50 p-8 transition-all hover:scale-105 hover:border-primary-orange-300 hover:shadow-lg"
+            className="bg-primary-blue-50 flex flex-1 flex-col items-center rounded-lg border-2 border-transparent p-8 transition-all hover:scale-105 hover:border-primary-orange-300 hover:shadow-lg"
           >
             <div className="flex h-24 w-24 items-center justify-center rounded-full bg-primary-orange-50">
               <MdStorefront className="h-14 w-14 text-primary-orange-300" />

src/app/components/button/dropdown/FilterDropdown.tsx

@@ -82,14 +82,14 @@ const FilterDropdown = ({ options, className = "", onChange, initialValue, readO
         }}
         disabled={readOnly}
       >
-        <span className={selectedLabel === options[0] ? "text-black-100" : "text-primary-orange-300"}>
+        <span className={selectedLabel === options[0] ? "text-black-100" : "text-primary-orange-500"}>
           {selectedLabel}
         </span>
         <IoIosArrowDown
           className={cn(
             "text-orange-400 transition-transform duration-200",
             isOpen && "rotate-180",
-            selectedLabel === options[0] ? "text-grayscale-200" : "text-primary-orange-300"
+            selectedLabel === options[0] ? "text-grayscale-200" : "text-primary-orange-500"
           )}
         />
       </button>

src/app/components/button/dropdown/dropdownComponent/DropdownList.tsx

@@ -21,7 +21,7 @@ const DropdownItem = ({
     <li
       onClick={handleClick}
       className={cn(
-        "flex w-full cursor-pointer bg-grayscale-50 px-[10px] py-2 text-sm font-normal leading-[18px] text-black-100 hover:bg-primary-orange-50 lg:text-lg lg:leading-[26px]",
+        "hover:bg-primary-blue-50 flex w-full cursor-pointer bg-grayscale-50 px-[10px] py-2 text-sm font-normal leading-[18px] text-black-100 lg:text-lg lg:leading-[26px]",
         itemStyle
       )}
     >

src/app/components/chip/Chip.tsx

@@ -21,14 +21,14 @@ const Chip: React.FC<ChipProps> = ({
   variant,
   border,
   icon,
-  textStyle = "text-sm md:text-base",
+  textStyle = "text-sm md:text-base font-bold",
 }: ChipProps) => {
   const wrapperStyle = "rounded flex items-center justify-center m-1";
   const paddingStyle = icon
     ? "px-[8px] py-1 md:px-[12px] md:py-1 lg:px-[8px] lg:py-[6px]"
     : "px-2 py-1 md:px-2 lg:py-[6px] lg:px-2";
   const variantStyle =
-    variant === "positive" ? "bg-primary-orange-50 text-primary-orange-300" : "bg-line-100 text-grayscale-200";
+    variant === "positive" ? "bg-primary-blue-60 text-primary-orange-300" : "bg-line-100 text-grayscale-200";
   const baseTextStyle =
     "text-xs leading-[18px] md:leading-[20px] lg:text-sm lg:leading-[22px] font-medium tracking-tighter whitespace-nowrap";
   const borderStyle = border ? "border border-primary-orange-100" : "";

tailwind.config.ts

@@ -35,8 +35,12 @@ const config: Config = {
             200: "#94d597",
             300: "#5ebd63", // 사용자 브랜드 색상
             400: "#4b9f4d",
+            500: "#008957",
           },
           blue: {
+            50: "#ebf2ff",
+            60: "#f1fcff",
+            70: "#effcff",
             100: "#535779",
             200: "#3E415B",
             300: "#2A2C3D",
@@ -54,6 +58,9 @@ const config: Config = {
         state: {
           error: "#FC4100",
         },
+        header: {
+          100: "#7eca82",
+        },
       },
       fontFamily: {
         nexon: ["var(--font-nexon)", "sans-serif"],