fix(theme): 색상 수정

SystemConsultantGroup · Jul 24, 2024 · f3970ce · f3970ce
1 parent b36bc72
commit f3970ce
Showing 1 changed file with 68 additions and 68 deletions.
diff --git a/src/theme/AppTheme.ts b/src/theme/AppTheme.ts
@@ -23,23 +23,23 @@ export const AppTheme = createTheme({
     },
     // 피그마 기준 색상 설정
     light: {
-      primary: "#37618E",
-      surfaceTint: "#37618E",
+      primary: "#36618E",
+      surfaceTint: "#36618E",
       onPrimary: "#FFFFFF",
-      primaryContainer: "#D2E4FF",
-      onPrimaryContainer: "#001C37",
+      primaryContainer: "#D1E4FF",
+      onPrimaryContainer: "#001D36",
       secondary: "#4A672D",
       onSecondary: "#FFFFFF",
       secondaryContainer: "#CBEEA5",
       onSecondaryContainer: "#0E2000",
-      tertiary: "#37618E",
+      tertiary: "#6B5778",
       onTertiary: "#FFFFFF",
-      tertiaryContainer: "#D2E4FF",
-      onTertiaryContainer: "#001C37",
-      error: "#904A43",
+      tertiaryContainer: "#F3DAFF",
+      onTertiaryContainer: "#251431",
+      error: "#BA1A1A",
       onError: "#FFFFFF",
-      errorContainer: "#FFDAD5",
-      onErrorContainer: "#3B0907",
+      errorContainer: "#FFDAD6",
+      onErrorContainer: "#410002",
       background: "#F8F9FF",
       onBackground: "#191C20",
       surface: "#F8F9FF",
@@ -52,77 +52,77 @@ export const AppTheme = createTheme({
       scrim: "#000000",
       inverseSurface: "#2E3135",
       inverseOnSurface: "#EFF0F7",
-      inversePrimary: "#A1C9FD",
-      primaryFixed: "#D2E4FF",
-      onPrimaryFixed: "#001C37",
-      primaryFixedDim: "#A1C9FD",
-      onPrimaryFixedVariant: "#1C4975",
+      inversePrimary: "#A1CAFD",
+      primaryFixed: "#D1E4FF",
+      onPrimaryFixed: "#001D36",
+      primaryFixedDim: "#A1CAFD",
+      onPrimaryFixedVariant: "#1A4975",
       secondaryFixed: "#CBEEA5",
       onSecondaryFixed: "#0E2000",
-      secondaryFixedDim: "#B0D18B",
+      secondaryFixedDim: "#AFD18C",
       onSecondaryFixedVariant: "#334E17",
-      tertiaryFixed: "#D2E4FF",
-      onTertiaryFixed: "#001C37",
-      tertiaryFixedDim: "#A1C9FD",
-      onTertiaryFixedVariant: "#1B4975",
+      tertiaryFixed: "#F3DAFF",
+      onTertiaryFixed: "#251431",
+      tertiaryFixedDim: "#D7BEE4",
+      onTertiaryFixedVariant: "#523F5F",
       surfaceDim: "#D8DAE0",
       surfaceBright: "#F8F9FF",
       surfaceContainerLowest: "#FFFFFF",
       surfaceContainerLow: "#F2F3FA",
       surfaceContainer: "#ECEEF4",
-      surfaceContainerHigh: "#E7E8EE",
+      surfaceContainerHigh: "#E6E8EE",
       surfaceContainerHighest: "#E1E2E8",
     },
     dark: {
-      primary: "#002342",
-      surfaceTint: "#37618E",
-      onPrimary: "#FFFFFF",
-      primaryContainer: "#164571",
-      onPrimaryContainer: "#FFFFFF",
-      secondary: "#132700",
-      onSecondary: "#FFFFFF",
-      secondaryContainer: "#2F4A13",
-      onSecondaryContainer: "#FFFFFF",
-      tertiary: "#002342",
-      onTertiary: "#FFFFFF",
-      tertiaryContainer: "#164571",
-      onTertiaryContainer: "#FFFFFF",
-      error: "#44100C",
-      onError: "#FFFFFF",
-      errorContainer: "#6E302A",
-      onErrorContainer: "#FFFFFF",
-      background: "#F8F9FF",
-      onBackground: "#191C20",
-      surface: "#F8F9FF",
-      onSurface: "#000000",
-      surfaceVariant: "#DFE2EB",
-      onSurfaceVariant: "#20242B",
-      outline: "#3F434A",
-      outlineVariant: "#3F434A",
+      primary: "#A1CAFD",
+      surfaceTint: "#A1CAFD",
+      onPrimary: "#003259",
+      primaryContainer: "#1A4975",
+      onPrimaryContainer: "#D1E4FF",
+      secondary: "#AFD18C",
+      onSecondary: "#1D3702",
+      secondaryContainer: "#334E17",
+      onSecondaryContainer: "#CBEEA5",
+      tertiary: "#D7BEE4",
+      onTertiary: "#3B2948",
+      tertiaryContainer: "#523F5F",
+      onTertiaryContainer: "#F3DAFF",
+      error: "#FFB4AB",
+      onError: "#690005",
+      errorContainer: "#93000A",
+      onErrorContainer: "#FFDAD6",
+      background: "#111418",
+      onBackground: "#E1E2E8",
+      surface: "#111418",
+      onSurface: "#E1E2E8",
+      surfaceVariant: "#43474E",
+      onSurfaceVariant: "#C3C6CF",
+      outline: "#8D9199",
+      outlineVariant: "#43474E",
       shadow: "#000000",
       scrim: "#000000",
-      inverseSurface: "#2E3135",
-      inverseOnSurface: "#FFFFFF",
-      inversePrimary: "#E2EDFF",
-      primaryFixed: "#164571",
-      onPrimaryFixed: "#FFFFFF",
-      primaryFixedDim: "#002E53",
-      onPrimaryFixedVariant: "#FFFFFF",
-      secondaryFixed: "#2F4A13",
-      onSecondaryFixed: "#FFFFFF",
-      secondaryFixedDim: "#1A3300",
-      onSecondaryFixedVariant: "#FFFFFF",
-      tertiaryFixed: "#164571",
-      onTertiaryFixed: "#FFFFFF",
-      tertiaryFixedDim: "#002E53",
-      onTertiaryFixedVariant: "#FFFFFF",
-      surfaceDim: "#D8DAE0",
-      surfaceBright: "#F8F9FF",
-      surfaceContainerLowest: "#FFFFFF",
-      surfaceContainerLow: "#F2F3FA",
-      surfaceContainer: "#ECEEF4",
-      surfaceContainerHigh: "#E7E8EE",
-      surfaceContainerHighest: "#E1E2E8",
+      inverseSurface: "#E1E2E8",
+      inverseOnSurface: "#2E3135",
+      inversePrimary: "#36618E",
+      primaryFixed: "#D1E4FF",
+      onPrimaryFixed: "#001D36",
+      primaryFixedDim: "#A1CAFD",
+      onPrimaryFixedVariant: "#1A4975",
+      secondaryFixed: "#CBEEA5",
+      onSecondaryFixed: "#0E2000",
+      secondaryFixedDim: "#AFD18C",
+      onSecondaryFixedVariant: "#334E17",
+      tertiaryFixed: "#F3DAFF",
+      onTertiaryFixed: "#251431",
+      tertiaryFixedDim: "#D7BEE4",
+      onTertiaryFixedVariant: "#523F5F",
+      surfaceDim: "#111418",
+      surfaceBright: "#36393E",
+      surfaceContainerLowest: "#0B0E13",
+      surfaceContainerLow: "#191C20",
+      surfaceContainer: "#1D2024",
+      surfaceContainerHigh: "#272A2F",
+      surfaceContainerHighest: "#32353A",
     },
   },
 });