diff --git a/src/components/ChatInput/ChatInput.tsx b/src/components/ChatInput/ChatInput.tsx index fd9b74a..369d0fa 100644 --- a/src/components/ChatInput/ChatInput.tsx +++ b/src/components/ChatInput/ChatInput.tsx @@ -170,7 +170,7 @@ export const ChatInput = observer( ref={inputRef} multiline placeholder={l10n.inputPlaceholder} - placeholderTextColor={theme.colors.outline} + placeholderTextColor={theme.colors.inverseTextSecondary} underlineColorAndroid="transparent" {...textInputProps} style={[styles.input, textInputProps?.style]} diff --git a/src/utils/theme.ts b/src/utils/theme.ts index f2a68d3..195cc75 100644 --- a/src/utils/theme.ts +++ b/src/utils/theme.ts @@ -124,6 +124,8 @@ const createSemanticColors = ( border: withOpacity(baseColors.onSurface, 0.05), placeholder: withOpacity(baseColors.onSurface, 0.3), textSecondary: withOpacity(baseColors.onSurface, 0.5), + inverseText: baseColors.inverseOnSurface, + inverseTextSecondary: withOpacity(baseColors.inverseOnSurface, 0.5), // Interactive states stateLayerOpacity: 0.12, diff --git a/src/utils/types.ts b/src/utils/types.ts index 584acbc..f79f981 100644 --- a/src/utils/types.ts +++ b/src/utils/types.ts @@ -189,6 +189,8 @@ export interface SemanticColors { surfaceBright: string; textSecondary: string; + inverseText: string; + inverseTextSecondary: string; border: string; placeholder: string;