From 2833a596abe6a2a20fe04bec8b879188d77da2e2 Mon Sep 17 00:00:00 2001 From: doyeon Date: Tue, 21 Oct 2025 10:01:40 +0900 Subject: [PATCH] =?UTF-8?q?=ED=8C=8C=EB=9E=80=EC=83=89=20=EA=B3=84?= =?UTF-8?q?=EC=97=B4=EC=9D=84=20KT=20Red=20=EB=94=B0=EB=9C=BB=ED=95=9C=20?= =?UTF-8?q?=EC=83=89=EC=83=81=EC=9C=BC=EB=A1=9C=20=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Secondary 색상: 파란색(#0066FF) → 따뜻한 레드(#FF6B6B) - Info 색상: 파란색(#0288D1) → 오렌지(#FF9800) - Shadow 색상 조정: 파란색 그림자 → 붉은 계열 그림자 - Gradient 색상 통일: 모든 그라데이션을 따뜻한 색조로 변경 - KT 브랜드 색상 일관성 강화 및 시각적 통일감 향상 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- design/uiux/prototype/css/variables.css | 28 ++++++++++++------------- 1 file changed, 14 insertions(+), 14 deletions(-) diff --git a/design/uiux/prototype/css/variables.css b/design/uiux/prototype/css/variables.css index 21990bd..e572cce 100644 --- a/design/uiux/prototype/css/variables.css +++ b/design/uiux/prototype/css/variables.css @@ -18,14 +18,14 @@ --color-primary-200: #FFCCCE; /* ======================================== - Secondary Colors (AI Blue) + Secondary Colors (Accent) ======================================== */ - --color-secondary: #0066FF; - --color-secondary-light: #4D94FF; - --color-secondary-dark: #0052CC; - --color-secondary-50: #F0F7FF; - --color-secondary-100: #E0EFFF; - --color-secondary-200: #B8DBFF; + --color-secondary: #FF6B6B; + --color-secondary-light: #FF8787; + --color-secondary-dark: #FF5252; + --color-secondary-50: #FFF5F5; + --color-secondary-100: #FFE3E3; + --color-secondary-200: #FFC9C9; /* ======================================== Grayscale @@ -60,16 +60,16 @@ --color-error-dark: #C01015; --color-error-bg: #FFEBEE; - --color-info: #0288D1; - --color-info-light: #4FC3F7; - --color-info-dark: #01579B; - --color-info-bg: #E1F5FE; + --color-info: #FF9800; + --color-info-light: #FFB74D; + --color-info-dark: #F57C00; + --color-info-bg: #FFF3E0; /* ======================================== Gradient ======================================== */ --gradient-primary: linear-gradient(135deg, #E31E24 0%, #FF5A5F 100%); - --gradient-secondary: linear-gradient(135deg, #0066FF 0%, #4D94FF 100%); + --gradient-secondary: linear-gradient(135deg, #FF6B6B 0%, #FF8787 100%); --gradient-success: linear-gradient(135deg, #00C853 0%, #5EFC82 100%); --gradient-warning: linear-gradient(135deg, #FFA000 0%, #FFB333 100%); @@ -162,8 +162,8 @@ --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.12); --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.2); --shadow-primary: 0 2px 4px rgba(227, 30, 36, 0.2); - --shadow-secondary: 0 0 0 4px rgba(0, 102, 255, 0.1); - --shadow-error: 0 0 0 4px rgba(211, 47, 47, 0.1); + --shadow-secondary: 0 0 0 4px rgba(255, 107, 107, 0.15); + --shadow-error: 0 0 0 4px rgba(227, 30, 36, 0.15); /* ======================================== Z-Index Scale