chore : color 테마

src/common/component/card/Card.module.css

@@ -14,14 +14,14 @@
       Greycliff CF,
       sans-serif;
     font-weight: 900;
-    color: var(--mantine-color-white);
+    color: var(--mantine-color-light);
     line-height: 1.2;
     font-size: rem(32px);
     margin-top: var(--mantine-spacing-xs);
   }
 
   .category {
-    color: var(--mantine-color-white);
+    color: var(--mantine-color-light);
     opacity: 0.7;
     font-weight: 700;
     text-transform: uppercase;

src/common/component/header/index.tsx

@@ -47,7 +47,12 @@ const Header = ({ links }: HeaderProps) => {
         </Group>
         <Burger opened={opened} onClick={toggle} hiddenFrom="xs" size="sm" />
 
-        <ActionIcon color="gray" onClick={toggleColorScheme}>
+        <ActionIcon
+          autoContrast
+          variant="default"
+          color="var(--mantine-color-body)"
+          onClick={toggleColorScheme}
+        >
           {colorScheme === "dark" ? <IconSun /> : <IconMoon />}
         </ActionIcon>
       </Container>

src/pages/board/component/input/index.tsx

@@ -1,6 +1,6 @@
 import {
+  ActionIcon,
   Avatar,
-  Button,
   Combobox,
   Container,
   Dialog,
@@ -16,6 +16,7 @@ import useAvartar from "../../hook/useAvartar";
 import useInput from "../../hook/useInput";
 import { useDisclosure } from "@mantine/hooks";
 import useErrorStore from "../../../../store/useError";
+import { IconSend } from "@tabler/icons-react";
 
 interface CommentInputProps {
   onConfirm: () => void;
@@ -144,10 +145,11 @@ const CommentInput = ({ onConfirm }: CommentInputProps) => {
         value={comment || ""}
         onChange={(e) => setComment(e.currentTarget.value)}
       />{" "}
-      <Button
+      <ActionIcon
         loading={loading}
-        variant="white"
-        color="dark"
+        variant="default"
+        w={60}
+        h={30}
         onClick={() => {
           if (!name || name.length === 0) {
             setError("이름을 입력해주세요.");
@@ -179,8 +181,8 @@ const CommentInput = ({ onConfirm }: CommentInputProps) => {
             });
         }}
       >
-        메세지 보내기
-      </Button>
+        <IconSend />
+      </ActionIcon>
       <Dialog
         opened={opened}
         withCloseButton

src/pages/career/component/timeline/index.tsx

@@ -57,17 +57,25 @@ const CareerTimeline = forwardRef<HTMLDivElement, CarrerTimelineProps>(
             </Text>
             <Text size="sm">{c.role}</Text>
             <List
-              withPadding
               icon={
-                <ThemeIcon color="dimmed" size={24} radius="xl">
+                <ThemeIcon
+                  variant="default"
+                  // color="var(--mantine-color-body)"
+                  size={12}
+                  radius="xl"
+                >
                   <IconCircleDashedCheck
                     style={{ width: rem(16), height: rem(16) }}
                   />
                 </ThemeIcon>
               }
             >
               {c.detail.map((d) => {
-                return <List.Item>{d}</List.Item>;
+                return (
+                  <List.Item pt={5}>
+                    <Text size="xs">{d}</Text>
+                  </List.Item>
+                );
               })}
             </List>
           </Timeline.Item>

tsconfig.app.tsbuildinfo

@@ -1 +1 @@
-{"root":["./src/App.tsx","./src/main.tsx","./src/vite-env.d.ts","./src/common/component/index.ts","./src/common/component/card/index.tsx","./src/common/component/error/index.tsx","./src/common/component/header/index.tsx","./src/common/component/input/lettercount/index.tsx","./src/common/component/input/tooltip/index.tsx","./src/common/http/httpclient.ts","./src/common/http/response.ts","./src/pages/board/index.tsx","./src/pages/board/component/comment/index.tsx","./src/pages/board/component/input/index.tsx","./src/pages/board/hook/useAvartar.ts","./src/pages/board/hook/useInput.ts","./src/pages/board/hook/useList.ts","./src/pages/board/hook/rest/comment.ts","./src/pages/career/index.tsx","./src/pages/career/component/timeline/index.tsx","./src/pages/career/component/walk/index.tsx","./src/pages/career/hook/walk.ts","./src/pages/profile/index.tsx","./src/pages/profile/component/blog/index.tsx","./src/pages/profile/component/github/index.tsx","./src/pages/profile/component/info/index.tsx","./src/pages/profile/hook/rest/github.ts","./src/pages/profile/hook/rest/medium.ts","./src/pages/skill/index.tsx","./src/store/useError.ts"],"version":"5.6.2"}
+{"root":["./src/App.tsx","./src/main.tsx","./src/vite-env.d.ts","./src/common/component/index.ts","./src/common/component/card/index.tsx","./src/common/component/error/index.tsx","./src/common/component/header/index.tsx","./src/common/component/input/lettercount/index.tsx","./src/common/component/input/tooltip/index.tsx","./src/common/http/httpclient.ts","./src/common/http/response.ts","./src/pages/board/index.tsx","./src/pages/board/component/comment/index.tsx","./src/pages/board/component/input/index.tsx","./src/pages/board/hook/useAvartar.ts","./src/pages/board/hook/useInput.ts","./src/pages/board/hook/useList.ts","./src/pages/board/hook/rest/comment.ts","./src/pages/career/index.tsx","./src/pages/career/component/timeline/index.tsx","./src/pages/career/component/walk/index.tsx","./src/pages/career/hook/walk.ts","./src/pages/profile/index.tsx","./src/pages/profile/component/blog/index.tsx","./src/pages/profile/component/github/index.tsx","./src/pages/profile/component/info/index.tsx","./src/pages/profile/hook/rest/github.ts","./src/pages/profile/hook/rest/medium.ts","./src/pages/skill/index.tsx","./src/store/useError.ts"],"errors":true,"version":"5.6.2"}