guardia-messenger/constants/Config.ts
DESKTOP-TKLFCPRython 278f9639c9 feat(app): Messenger app Variant design applied
Config.ts:
- COLORS: accent #4f6ef7 -> #00A0C8(cyan), primary #003366(navy)
- gnbBg: deeper navy #001530

_layout.tsx:
- TabBar: elevated shadow, cyan active tint, bolder label

index.tsx (Dashboard):
- StatCard: top color bar + icon box (screenshot9 pattern)
- Header: deep navy gradient rounded bottom
- QuickBtn: bg-light card style
- Section: deeper shadow, navy title

login.tsx:
- Background: deep navy #001530
- Card: white + strong shadow
- Button: solid cyan with shadow
- Label: cyan uppercase

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-31 20:25:47 +09:00

38 lines
1.1 KiB
TypeScript

import Constants from 'expo-constants'
export const API_BASE = Constants.expoConfig?.extra?.guardiaApiUrl ?? 'https://zioinfo.co.kr:8443'
/* Variant 디자인 토큰 (#003366 딥네이비 / #005A8C 미드블루 / #00A0C8 시안) */
export const COLORS = {
primary: '#003366', /* 딥네이비 */
blue: '#005A8C', /* 미드블루 */
accent: '#00A0C8', /* 시안 포인트 */
light: '#E8F7FB', /* 연시안 배경 */
bg: '#F8FAFC', /* 페이지 배경 */
card: '#ffffff',
border: '#E2E8F0',
text: '#1E293B',
muted: '#64748B',
success: '#22c55e',
warning: '#f59e0b',
danger: '#ef4444',
gnbBg: '#001530', /* 딥네이비 헤더 */
white: '#ffffff',
} as const
export const PRIORITY_COLOR: Record<string, string> = {
CRITICAL: '#ef4444',
HIGH: '#f59e0b',
MEDIUM: '#00A0C8', /* 시안으로 변경 */
LOW: '#22c55e',
}
export const STATUS_COLOR: Record<string, string> = {
RECEIVED: '#94a3b8',
IN_PROGRESS: '#4f6ef7',
PENDING_APPROVAL: '#f59e0b',
COMPLETED: '#22c55e',
FAILED_ROLLBACK: '#ef4444',
REJECTED: '#dc2626',
}