Input: Fix text color in landscape orientation in nightmode.

In landscape orientation in night mode,the color of text written in `<TextInput>` was too much transparent to be viewed properly. Applied a different shade of previous color to fix it. Fixes: zulip#4480 Signed-off-by: rajprakash00 <[email protected]>
rajprakash00 · Feb 18, 2021 · fe70b9a · fe70b9a
1 parent 562f79c
commit fe70b9a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/common/Input.js b/src/common/Input.js
@@ -82,7 +82,7 @@ class Input extends PureComponent<Props, State> {
 
     return (
       <TextInput
-        style={[this.styles.input, { color: this.context.color }, style]}
+        style={[this.styles.input, { color: this.context.textColor }, style]}
         placeholder={_(fullPlaceholder.text, fullPlaceholder.values)}
         placeholderTextColor={HALF_COLOR}
         underlineColorAndroid={isFocused ? BORDER_COLOR : HALF_COLOR}

diff --git a/src/styles/theme.js b/src/styles/theme.js
@@ -6,6 +6,7 @@ import type { ThemeName } from '../reduxTypes';
 
 export type ThemeData = {|
   color: string,
+  textColor: string,
   backgroundColor: string,
   cardColor: string,
   dividerColor: string,
@@ -14,6 +15,7 @@ export type ThemeData = {|
 export const themeData: { [name: ThemeName | 'light']: ThemeData } = {
   night: {
     color: 'hsl(210, 11%, 85%)',
+    textColor: 'hsl(200, 11%, 65%)',
     backgroundColor: 'hsl(212, 28%, 18%)',
     cardColor: 'hsl(212, 31%, 21%)',
     // Dividers follow Material Design: opacity 12% black or 12% white.
@@ -22,6 +24,7 @@ export const themeData: { [name: ThemeName | 'light']: ThemeData } = {
   },
   light: {
     color: 'hsl(0, 0%, 20%)',
+    textColor: 'hsl(0, 0%, 20%)',
     backgroundColor: 'white',
     cardColor: 'hsl(0, 0%, 97%)',
     // Dividers follow Material Design: opacity 12% black or 12% white.