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
|
|
@ -43,7 +43,7 @@ export default function TabsLayout(): React.ReactElement {
|
|||
paddingBottom: 20,
|
||||
paddingTop: 8
|
||||
},
|
||||
tabBarActiveTintColor: d3roNativePalette.accent.amber,
|
||||
tabBarActiveTintColor: d3roNativePalette.accent.main,
|
||||
tabBarInactiveTintColor: d3roNativePalette.text.muted,
|
||||
tabBarLabelStyle: {
|
||||
fontFamily: MONO_FONT,
|
||||
|
|
@ -52,7 +52,7 @@ export default function TabsLayout(): React.ReactElement {
|
|||
letterSpacing: 0.5
|
||||
},
|
||||
headerStyle: { backgroundColor: d3roNativePalette.bg.app },
|
||||
headerTintColor: d3roNativePalette.accent.amber,
|
||||
headerTintColor: d3roNativePalette.accent.main,
|
||||
headerTitleStyle: { fontWeight: '300', letterSpacing: 1, fontFamily: MONO_FONT },
|
||||
headerShown: false
|
||||
}}
|
||||
|
|
@ -129,10 +129,10 @@ const styles = StyleSheet.create({
|
|||
width: 56,
|
||||
height: 56,
|
||||
borderRadius: 28,
|
||||
backgroundColor: d3roNativePalette.accent.amber,
|
||||
backgroundColor: d3roNativePalette.accent.main,
|
||||
justifyContent: 'center',
|
||||
alignItems: 'center',
|
||||
shadowColor: d3roNativePalette.accent.amber,
|
||||
shadowColor: d3roNativePalette.accent.main,
|
||||
shadowOffset: { width: 0, height: 0 },
|
||||
shadowOpacity: 0.4,
|
||||
shadowRadius: 10,
|
||||
|
|
|
|||
|
|
@ -70,7 +70,7 @@ export default function HistoryScreen(): React.ReactElement {
|
|||
if (loading) {
|
||||
return (
|
||||
<View style={styles.center}>
|
||||
<ActivityIndicator size="large" color={d3roNativePalette.accent.amber} />
|
||||
<ActivityIndicator size="large" color={d3roNativePalette.accent.main} />
|
||||
</View>
|
||||
)
|
||||
}
|
||||
|
|
@ -110,7 +110,7 @@ export default function HistoryScreen(): React.ReactElement {
|
|||
<RefreshControl
|
||||
refreshing={refreshing}
|
||||
onRefresh={() => { setRefreshing(true); void load() }}
|
||||
tintColor={d3roNativePalette.accent.amber}
|
||||
tintColor={d3roNativePalette.accent.main}
|
||||
/>
|
||||
}
|
||||
ListEmptyComponent={
|
||||
|
|
@ -247,7 +247,7 @@ const styles = StyleSheet.create({
|
|||
cardHeaderLeft: { flexDirection: 'row', alignItems: 'center' },
|
||||
timeLabel: { marginLeft: 8 },
|
||||
wordBadge: {
|
||||
backgroundColor: d3roNativePalette.accent.amberDim,
|
||||
backgroundColor: d3roNativePalette.accent.dim,
|
||||
paddingHorizontal: 8,
|
||||
paddingVertical: 2,
|
||||
borderRadius: 4
|
||||
|
|
|
|||
|
|
@ -181,7 +181,7 @@ export default function RecordScreen(): React.ReactElement {
|
|||
)}
|
||||
|
||||
{state === 'processing' && (
|
||||
<ActivityIndicator size="large" color={d3roNativePalette.accent.amber} />
|
||||
<ActivityIndicator size="large" color={d3roNativePalette.accent.main} />
|
||||
)}
|
||||
|
||||
{transcript !== '' && state === 'done' && (
|
||||
|
|
@ -268,8 +268,8 @@ const styles = StyleSheet.create({
|
|||
},
|
||||
errorBox: {
|
||||
borderWidth: 1,
|
||||
borderColor: d3roNativePalette.accent.amber,
|
||||
backgroundColor: d3roNativePalette.accent.amberDim,
|
||||
borderColor: d3roNativePalette.accent.main,
|
||||
backgroundColor: d3roNativePalette.accent.dim,
|
||||
padding: 10,
|
||||
borderRadius: 6,
|
||||
width: '100%'
|
||||
|
|
|
|||
|
|
@ -98,7 +98,7 @@ export default function SettingsScreen(): React.ReactElement {
|
|||
value={true}
|
||||
trackColor={{
|
||||
false: d3roNativePalette.bg.inset,
|
||||
true: d3roNativePalette.accent.amber
|
||||
true: d3roNativePalette.accent.main
|
||||
}}
|
||||
thumbColor="#ffffff"
|
||||
/>
|
||||
|
|
@ -120,7 +120,7 @@ export default function SettingsScreen(): React.ReactElement {
|
|||
value={true}
|
||||
trackColor={{
|
||||
false: d3roNativePalette.bg.inset,
|
||||
true: d3roNativePalette.accent.amber
|
||||
true: d3roNativePalette.accent.main
|
||||
}}
|
||||
thumbColor="#ffffff"
|
||||
/>
|
||||
|
|
@ -131,7 +131,7 @@ export default function SettingsScreen(): React.ReactElement {
|
|||
value={true}
|
||||
trackColor={{
|
||||
false: d3roNativePalette.bg.inset,
|
||||
true: d3roNativePalette.accent.amber
|
||||
true: d3roNativePalette.accent.main
|
||||
}}
|
||||
thumbColor="#ffffff"
|
||||
/>
|
||||
|
|
|
|||
|
|
@ -164,7 +164,7 @@ const styles = StyleSheet.create({
|
|||
},
|
||||
userBubble: {
|
||||
alignSelf: 'flex-end',
|
||||
backgroundColor: d3roNativePalette.accent.amberDim,
|
||||
backgroundColor: d3roNativePalette.accent.dim,
|
||||
borderWidth: 1,
|
||||
borderColor: 'rgba(255, 92, 53, 0.3)',
|
||||
borderTopRightRadius: 4
|
||||
|
|
@ -204,7 +204,7 @@ const styles = StyleSheet.create({
|
|||
width: 32,
|
||||
height: 32,
|
||||
borderRadius: 16,
|
||||
backgroundColor: d3roNativePalette.accent.amberDim,
|
||||
backgroundColor: d3roNativePalette.accent.dim,
|
||||
borderWidth: 1,
|
||||
borderColor: 'rgba(255, 92, 53, 0.3)',
|
||||
justifyContent: 'center',
|
||||
|
|
@ -218,7 +218,7 @@ const styles = StyleSheet.create({
|
|||
borderBottomWidth: 8,
|
||||
borderLeftColor: 'transparent',
|
||||
borderRightColor: 'transparent',
|
||||
borderBottomColor: d3roNativePalette.accent.amber
|
||||
borderBottomColor: d3roNativePalette.accent.main
|
||||
},
|
||||
inputStatus: { paddingVertical: 4 }
|
||||
})
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@ export default function RootLayout(): React.ReactElement {
|
|||
<Stack
|
||||
screenOptions={{
|
||||
headerStyle: { backgroundColor: d3roNativePalette.bg.app },
|
||||
headerTintColor: d3roNativePalette.accent.amber,
|
||||
headerTintColor: d3roNativePalette.accent.main,
|
||||
contentStyle: { backgroundColor: d3roNativePalette.bg.app }
|
||||
}}
|
||||
>
|
||||
|
|
|
|||
|
|
@ -274,11 +274,11 @@ const styles = StyleSheet.create({
|
|||
fontFamily: Platform.OS === 'ios' ? 'System' : 'Roboto'
|
||||
},
|
||||
loginBtn: {
|
||||
backgroundColor: P.accent.amber,
|
||||
backgroundColor: P.accent.main,
|
||||
borderRadius: 12,
|
||||
paddingVertical: 14,
|
||||
alignItems: 'center',
|
||||
shadowColor: P.accent.amber,
|
||||
shadowColor: P.accent.main,
|
||||
shadowOffset: { width: 0, height: 0 },
|
||||
shadowOpacity: 0.3,
|
||||
shadowRadius: 10,
|
||||
|
|
@ -296,7 +296,7 @@ const styles = StyleSheet.create({
|
|||
warningBox: {
|
||||
borderWidth: 1,
|
||||
borderColor: 'rgba(255,92,53,0.3)',
|
||||
backgroundColor: P.accent.amberDim,
|
||||
backgroundColor: P.accent.dim,
|
||||
padding: 12,
|
||||
borderRadius: 8,
|
||||
marginTop: 8
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue