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:
parent
efac690362
commit
660e622a93
19 changed files with 50 additions and 50 deletions
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
|
|
|
|||
|
|
@ -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
|
||||
}
|
||||
|
|
|
|||
|
|
@ -31,7 +31,7 @@ export function PhysicalButton({
|
|||
|
||||
const bgColor =
|
||||
variant === 'primary'
|
||||
? d3roNativePalette.accent.amber
|
||||
? d3roNativePalette.accent.main
|
||||
: variant === 'danger'
|
||||
? d3roNativePalette.tag.red
|
||||
: 'transparent'
|
||||
|
|
|
|||
|
|
@ -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
|
||||
}}
|
||||
/>
|
||||
|
|
|
|||
|
|
@ -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)'
|
||||
},
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue