[FE][Design] : primary color로 변경

boostcampwm-2024 · Dec 2, 2024 · 4cf868b · 4cf868b
1 parent b43e0f7
commit 4cf868b
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 7 deletions.
diff --git a/frontend/src/component/IconGuide/GuestMarker.tsx b/frontend/src/component/IconGuide/GuestMarker.tsx
@@ -13,9 +13,12 @@ interface IGuestMarkerProps {
 
 export const GusetMarker = (props: IGuestMarkerProps) => {
   const markerData: IMarkerData[] = [
-    { name: '내 위치', icon: <MdAssistantNavigation color={props.markerColor && 'black'} /> },
-    { name: '도착지', icon: <MdFlag color={props.markerColor && 'black'} /> },
-    { name: '출발지', icon: <MdLocationOn color={props.markerColor && 'black'} /> },
+    {
+      name: '내 위치',
+      icon: <MdAssistantNavigation color={props.markerColor && '#333C4A'} />,
+    },
+    { name: '도착지', icon: <MdFlag color={props.markerColor && '#333C4A'} /> },
+    { name: '출발지', icon: <MdLocationOn color={props.markerColor && '#333C4A'} /> },
   ];
 
   const iconContextValue = useMemo(() => ({ color: 'purple', className: 'size-5' }), []);

diff --git a/frontend/src/component/common/modal/ModalFooter.tsx b/frontend/src/component/common/modal/ModalFooter.tsx
@@ -13,7 +13,7 @@ export const ModalFooter = (props: IModalFooterProps) => (
   <div className="flex w-full flex-row-reverse items-center justify-start gap-5 rounded-lg bg-white py-4 shadow-sm">
     <button
       type="button"
-      className="bg-blueGray-600 h-[40px] rounded-lg px-4 py-2 text-sm font-semibold text-white hover:bg-blue-800"
+      className="bg-blueGray-800 hover:bg-blueGray-600 h-[40px] rounded-lg px-4 py-2 text-sm font-semibold text-white"
       onClick={props.onClick}
     >
       {props.text}

diff --git a/frontend/src/component/header/HeaderBackButton.tsx b/frontend/src/component/header/HeaderBackButton.tsx
@@ -19,7 +19,7 @@ export const HeaderBackButton = () => {
 
   return (
     <Button onClick={handleHeaderBackButtonClick}>
-      <MdArrowBackIos className="h-6 w-6" />
+      <MdArrowBackIos className="text-blueGray-800 h-6 w-6" />
     </Button>
   );
 };
diff --git a/frontend/src/component/header/HeaderDropdown.tsx b/frontend/src/component/header/HeaderDropdown.tsx
@@ -62,7 +62,7 @@ export const HeaderDropdown = () => {
     <div>
       <Dropdown>
         <Dropdown.Trigger>
-          <MdMenu className="h-6 w-6" />
+          <MdMenu className="text-blueGray-800 h-6 w-6" />
         </Dropdown.Trigger>
         <Dropdown.Menu>{DropdownItems()}</Dropdown.Menu>
       </Dropdown>

diff --git a/frontend/src/pages/Main.tsx b/frontend/src/pages/Main.tsx
@@ -124,7 +124,7 @@ export const Main = () => {
             onClick={handleLogout}
             className="flex flex-col items-center gap-2 text-gray-700"
           >
-            <MdLogout size={24} />
+            <MdLogout size={24} className="text-blueGray-800" />
             <span className="text-xs">로그아웃</span>
           </button>
         )}