refactor(ChatScreen): update text colors for dark mode compatibility
- Modified text color styles in SegmentRenderer and styles.ts to utilize theme colors for better adaptability in dark mode. - Updated bubble colors in palettes.ts to enhance visual consistency across chat components.
This commit is contained in:
@@ -847,7 +847,7 @@ function createSegmentStyles(colors: AppColors) {
|
||||
marginTop: 2,
|
||||
},
|
||||
|
||||
// 文本 - 柔和风格:深灰色文字 + 正常字重
|
||||
// 文本 - 适配暗色模式
|
||||
textContent: {
|
||||
fontSize: 17.5,
|
||||
lineHeight: 25,
|
||||
@@ -855,10 +855,10 @@ function createSegmentStyles(colors: AppColors) {
|
||||
fontWeight: '400',
|
||||
},
|
||||
textMe: {
|
||||
color: '#2A2A2A',
|
||||
color: colors.chat.textPrimary,
|
||||
},
|
||||
textOther: {
|
||||
color: '#2A2A2A',
|
||||
color: colors.chat.textPrimary,
|
||||
},
|
||||
|
||||
// @提及 - 微信/QQ 风格:更精致的高亮
|
||||
|
||||
@@ -227,7 +227,7 @@ export function createChatScreenStyles(colors: AppColors) {
|
||||
},
|
||||
senderName: {
|
||||
fontSize: 14,
|
||||
color: '#555555', // 柔和的深灰色
|
||||
color: colors.chat.textSecondary, // 使用主题次要文字颜色
|
||||
marginBottom: 4,
|
||||
marginLeft: 4,
|
||||
fontWeight: '600',
|
||||
@@ -272,14 +272,14 @@ export function createChatScreenStyles(colors: AppColors) {
|
||||
borderStyle: 'dashed',
|
||||
},
|
||||
myBubbleText: {
|
||||
color: '#2A2A2A',
|
||||
fontSize: 18, // 更大字体
|
||||
lineHeight: 25, // 相应调大行高
|
||||
color: colors.chat.textPrimary, // 使用主题文字颜色
|
||||
fontSize: 18,
|
||||
lineHeight: 25,
|
||||
letterSpacing: 0.1,
|
||||
fontWeight: '400',
|
||||
},
|
||||
theirBubbleText: {
|
||||
color: '#2A2A2A',
|
||||
color: colors.chat.textPrimary, // 使用主题文字颜色
|
||||
fontSize: 18,
|
||||
lineHeight: 25,
|
||||
letterSpacing: 0.1,
|
||||
|
||||
Reference in New Issue
Block a user