From 85dadf2d21b7435806513bd846191e49011f96d7 Mon Sep 17 00:00:00 2001 From: Dobbymin Date: Fri, 22 Aug 2025 03:58:22 +0900 Subject: [PATCH 1/3] =?UTF-8?q?refactor:=20=EC=9C=84=ED=97=98=EB=8F=84=20?= =?UTF-8?q?=EC=B0=A8=ED=8A=B8=20=EC=83=89=EC=83=81=20=EC=83=81=EC=88=98=20?= =?UTF-8?q?=EC=97=85=EB=8D=B0=EC=9D=B4=ED=8A=B8=20-=20=EC=B1=84=EB=8F=84?= =?UTF-8?q?=EB=A5=BC=20=EB=82=AE=EC=B6=B0=EC=84=9C=20=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/shared/constants/risk-chart-segments.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/shared/constants/risk-chart-segments.ts b/src/shared/constants/risk-chart-segments.ts index 1d20f7e..39f6807 100644 --- a/src/shared/constants/risk-chart-segments.ts +++ b/src/shared/constants/risk-chart-segments.ts @@ -15,8 +15,8 @@ export type RiskSegment = { const COLORS = { RED: '#ff6f6f', ORANGE: '#ffba6f', - YELLOW: '#ffe93f', - YELLOW_GREEN: '#d9ff41', + YELLOW: '#f5e03c', + YELLOW_GREEN: '#d0f14f', GREEN: '#2cdf44', } as const; From 04c740af363382ef3de8e03ef3b3b7fae73c1237 Mon Sep 17 00:00:00 2001 From: Dobbymin Date: Fri, 22 Aug 2025 04:10:55 +0900 Subject: [PATCH 2/3] =?UTF-8?q?refactor:=20=EC=9C=84=ED=97=98=EB=8F=84=20?= =?UTF-8?q?=EC=83=89=EC=83=81=20=EC=83=81=EC=88=98=20=EC=97=85=EB=8D=B0?= =?UTF-8?q?=EC=9D=B4=ED=8A=B8=20=EB=B0=8F=20=EC=9D=BC=EA=B4=80=EC=84=B1=20?= =?UTF-8?q?=EC=9C=A0=EC=A7=80=20-=20=EC=B1=84=EB=8F=84=20=EB=82=AE?= =?UTF-8?q?=EC=9D=80=20=EC=83=9D=EC=83=81=EC=9C=BC=EB=A1=9C=20=EB=B3=80?= =?UTF-8?q?=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/index.css | 4 ++-- src/shared/utils/chart/chart-colors.ts | 8 ++++---- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/src/index.css b/src/index.css index d0b87c2..f6c3e46 100644 --- a/src/index.css +++ b/src/index.css @@ -131,8 +131,8 @@ --sidebar-ring: oklch(0.708 0 0); --risk-very-danger: #ff6f6f; --risk-danger: #ffba6f; - --risk-good: #ffe93f; - --risk-safe: #d9ff41; + --risk-good: #f5e03c; + --risk-safe: #d0f14f; --risk-very-safe: #2cdf44; } diff --git a/src/shared/utils/chart/chart-colors.ts b/src/shared/utils/chart/chart-colors.ts index 61cd998..ff787d9 100644 --- a/src/shared/utils/chart/chart-colors.ts +++ b/src/shared/utils/chart/chart-colors.ts @@ -43,8 +43,8 @@ export const getRiskColorClass = (hexColor: string): string => { const colorMap: Record = { '#ff6f6f': 'bg-risk-very-danger', // 매우 위험 '#ffba6f': 'bg-risk-danger', // 위험 - '#ffe93f': 'bg-risk-good', // 양호 - '#d9ff41': 'bg-risk-safe', // 안전 + '#f5e03c': 'bg-risk-good', // 양호 + '#d0f14f': 'bg-risk-safe', // 안전 '#2cdf44': 'bg-risk-very-safe', // 매우 안전 }; @@ -55,8 +55,8 @@ export const getRiskBoxShadowClass = (hexColor: string): string => { const colorMap: Record = { '#ff6f6f': 'shadow-[0_0_12px_var(--color-risk-very-danger)]', // 매우 위험 '#ffba6f': 'shadow-[0_0_12px_var(--color-risk-danger)]', // 위험 - '#ffe93f': 'shadow-[0_0_12px_var(--color-risk-good)]', // 양호 - '#d9ff41': 'shadow-[0_0_12px_var(--color-risk-safe)]', // 안전 + '#f5e03c': 'shadow-[0_0_12px_var(--color-risk-good)]', // 양호 + '#d0f14f': 'shadow-[0_0_12px_var(--color-risk-safe)]', // 안전 '#2cdf44': 'shadow-[0_0_12px_var(--color-risk-very-safe)]', // 매우 안전 }; return colorMap[hexColor] || 'shadow-[0_0_12px_rgba(156,163,175,0.5)]'; From 73946b13b627d29a19e1151f2955006c9aed35a1 Mon Sep 17 00:00:00 2001 From: Dobbymin Date: Fri, 22 Aug 2025 04:15:04 +0900 Subject: [PATCH 3/3] =?UTF-8?q?refactor:=20=EC=9C=84=ED=97=98=EB=8F=84=20?= =?UTF-8?q?=EC=83=89=EC=83=81=20=EC=83=81=EC=88=98=EB=A5=BC=20=EB=AA=A8?= =?UTF-8?q?=EB=93=88=ED=99=94=ED=95=98=EC=97=AC=20=EC=9D=BC=EA=B4=80?= =?UTF-8?q?=EC=84=B1=20=EC=9C=A0=EC=A7=80=20=EB=B0=8F=20=EC=BD=94=EB=93=9C?= =?UTF-8?q?=20=EA=B0=80=EB=8F=85=EC=84=B1=20=ED=96=A5=EC=83=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/shared/constants/risk-chart-segments.ts | 2 +- src/shared/utils/chart/chart-colors.ts | 22 ++++++++++----------- 2 files changed, 12 insertions(+), 12 deletions(-) diff --git a/src/shared/constants/risk-chart-segments.ts b/src/shared/constants/risk-chart-segments.ts index 39f6807..1f09160 100644 --- a/src/shared/constants/risk-chart-segments.ts +++ b/src/shared/constants/risk-chart-segments.ts @@ -12,7 +12,7 @@ export type RiskSegment = { }; // 색상 상수 -const COLORS = { +export const COLORS = { RED: '#ff6f6f', ORANGE: '#ffba6f', YELLOW: '#f5e03c', diff --git a/src/shared/utils/chart/chart-colors.ts b/src/shared/utils/chart/chart-colors.ts index ff787d9..f6fcda0 100644 --- a/src/shared/utils/chart/chart-colors.ts +++ b/src/shared/utils/chart/chart-colors.ts @@ -1,7 +1,7 @@ /** * 차트 색상 관련 유틸리티 */ -import { CHART_COLORS, CHART_COLOR_CLASSES, RISK_SCORE_COLORS } from '../../constants'; +import { CHART_COLORS, CHART_COLOR_CLASSES, COLORS, RISK_SCORE_COLORS } from '../../constants'; /** * 인덱스에 따른 차트 색상 CSS 변수를 반환 @@ -41,11 +41,11 @@ export const getRiskScoreColorClass = (score: number): string => { */ export const getRiskColorClass = (hexColor: string): string => { const colorMap: Record = { - '#ff6f6f': 'bg-risk-very-danger', // 매우 위험 - '#ffba6f': 'bg-risk-danger', // 위험 - '#f5e03c': 'bg-risk-good', // 양호 - '#d0f14f': 'bg-risk-safe', // 안전 - '#2cdf44': 'bg-risk-very-safe', // 매우 안전 + [COLORS.RED]: 'bg-risk-very-danger', // 매우 위험 + [COLORS.ORANGE]: 'bg-risk-danger', // 위험 + [COLORS.YELLOW]: 'bg-risk-good', // 양호 + [COLORS.YELLOW_GREEN]: 'bg-risk-safe', // 안전 + [COLORS.GREEN]: 'bg-risk-very-safe', // 매우 안전 }; return colorMap[hexColor] || 'bg-gray-400'; @@ -53,11 +53,11 @@ export const getRiskColorClass = (hexColor: string): string => { export const getRiskBoxShadowClass = (hexColor: string): string => { const colorMap: Record = { - '#ff6f6f': 'shadow-[0_0_12px_var(--color-risk-very-danger)]', // 매우 위험 - '#ffba6f': 'shadow-[0_0_12px_var(--color-risk-danger)]', // 위험 - '#f5e03c': 'shadow-[0_0_12px_var(--color-risk-good)]', // 양호 - '#d0f14f': 'shadow-[0_0_12px_var(--color-risk-safe)]', // 안전 - '#2cdf44': 'shadow-[0_0_12px_var(--color-risk-very-safe)]', // 매우 안전 + [COLORS.RED]: 'shadow-[0_0_12px_var(--color-risk-very-danger)]', // 매우 위험 + [COLORS.ORANGE]: 'shadow-[0_0_12px_var(--color-risk-danger)]', // 위험 + [COLORS.YELLOW]: 'shadow-[0_0_12px_var(--color-risk-good)]', // 양호 + [COLORS.YELLOW_GREEN]: 'shadow-[0_0_12px_var(--color-risk-safe)]', // 안전 + [COLORS.GREEN]: 'shadow-[0_0_12px_var(--color-risk-very-safe)]', // 매우 안전 }; return colorMap[hexColor] || 'shadow-[0_0_12px_rgba(156,163,175,0.5)]'; };