refactor(ui-native): d3roNativePalette amber->main 개명 (WS-NATIVE)

- packages/ui-native theme.ts accent: amber->main, amberDim->dim, amberGlow->glow (값 보존)
- apps/mobile 20건 + apps/mobile-rn 18건 + ui-native 컴포넌트 9건 = 47 참조 치환
SKIP: Led/PhosphorText/Header color prop 'amber'(의미론적 컴포넌트 API, 별도 마이그레이션)
       green/greenGlow 키(amber계 범위外)
정책: docs/REFACTOR_POLICY.md DP1, 이식 인사이트 P7
This commit is contained in:
Yun Chan 2026-07-22 02:37:45 +09:00
parent efac690362
commit 660e622a93
19 changed files with 50 additions and 50 deletions

View file

@ -23,9 +23,9 @@ export function FilterChip({
onPress={onPress}
style={[
{
backgroundColor: active ? d3roNativePalette.accent.amber : d3roNativePalette.bg.card,
backgroundColor: active ? d3roNativePalette.accent.main : d3roNativePalette.bg.card,
borderWidth: 1,
borderColor: active ? d3roNativePalette.accent.amber : d3roNativePalette.border.default,
borderColor: active ? d3roNativePalette.accent.main : d3roNativePalette.border.default,
borderRadius: d3roNativeRadius.pill,
paddingHorizontal: 16,
paddingVertical: 6

View file

@ -11,7 +11,7 @@ export interface LedProps {
}
const COLOR_MAP: Record<string, string> = {
amber: d3roNativePalette.accent.amber,
amber: d3roNativePalette.accent.main,
green: d3roNativePalette.tag.green,
red: d3roNativePalette.tag.red,
orange: d3roNativePalette.tag.orange,
@ -19,7 +19,7 @@ const COLOR_MAP: Record<string, string> = {
}
export function Led({ color = 'amber', on = true, size = 8 }: LedProps): React.ReactElement {
const c = COLOR_MAP[color] ?? d3roNativePalette.accent.amber
const c = COLOR_MAP[color] ?? d3roNativePalette.accent.main
const style: ViewStyle = {
width: size,
height: size,

View file

@ -23,12 +23,12 @@ export function PhosphorText({
const isAmberVariant = variant === 'hero' || variant === 'title' || variant === 'value'
const resolvedColor: string = (() => {
if (color === 'amber') return d3roNativePalette.accent.amber
if (color === 'amber') return d3roNativePalette.accent.main
if (color === 'primary') return d3roNativePalette.text.primary
if (color === 'secondary') return d3roNativePalette.text.secondary
if (color === 'label') return d3roNativePalette.text.label
if (color === 'muted') return d3roNativePalette.text.muted
return isAmberVariant ? d3roNativePalette.accent.amber : d3roNativePalette.text.primary
return isAmberVariant ? d3roNativePalette.accent.main : d3roNativePalette.text.primary
})()
const baseStyle: TextStyle = {
@ -37,7 +37,7 @@ export function PhosphorText({
fontFamily: Platform.OS === 'ios' ? 'Menlo' : 'monospace',
...(isAmberVariant
? {
textShadowColor: d3roNativePalette.accent.amberGlow,
textShadowColor: d3roNativePalette.accent.glow,
textShadowOffset: { width: 0, height: 0 },
textShadowRadius: 6
}

View file

@ -31,7 +31,7 @@ export function PhysicalButton({
const bgColor =
variant === 'primary'
? d3roNativePalette.accent.amber
? d3roNativePalette.accent.main
: variant === 'danger'
? d3roNativePalette.tag.red
: 'transparent'

View file

@ -54,7 +54,7 @@ function WaveBar({ index, active }: { index: number; active: boolean }): React.R
style={{
width: 6,
height,
backgroundColor: d3roNativePalette.accent.amber,
backgroundColor: d3roNativePalette.accent.main,
borderRadius: 3
}}
/>

View file

@ -24,9 +24,9 @@ export const d3roNativePalette = {
muted: '#71717a'
},
accent: {
amber: '#ff5c35',
amberDim: 'rgba(255, 92, 53, 0.15)',
amberGlow: 'rgba(255, 92, 53, 0.6)',
main: '#ff5c35',
dim: 'rgba(255, 92, 53, 0.15)',
glow: 'rgba(255, 92, 53, 0.6)',
green: '#4ade80',
greenGlow: 'rgba(74, 222, 128, 0.6)'
},