chore: add inverseTextSecondary to the theme

a-ghorbani · Dec 10, 2024 · fd9aa5a · fd9aa5a
1 parent 1fd8ac1
commit fd9aa5a
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git 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
@@ -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
@@ -189,6 +189,8 @@ export interface SemanticColors {
   surfaceBright: string;
 
   textSecondary: string;
+  inverseText: string;
+  inverseTextSecondary: string;
 
   border: string;
   placeholder: string;