From 5b57d5c82a0d8b30a58fd66acd79f083e3019cfc Mon Sep 17 00:00:00 2001
From: Shravya Ramesh <shravs1208@gmail.com>
Date: Fri, 21 May 2021 14:07:19 -0700
Subject: Add colors through types

---
 src/screens/chat/ChatScreen.tsx                | 3 ++-
 src/screens/onboarding/BasicInfoOnboarding.tsx | 8 ++++----
 2 files changed, 6 insertions(+), 5 deletions(-)

(limited to 'src/screens')

diff --git a/src/screens/chat/ChatScreen.tsx b/src/screens/chat/ChatScreen.tsx
index 17618867..8991d65b 100644
--- a/src/screens/chat/ChatScreen.tsx
+++ b/src/screens/chat/ChatScreen.tsx
@@ -21,6 +21,7 @@ import {
   MessageFooter,
   TypingIndicator,
 } from '../../components';
+import {TAGG_LIGHT_BLUE_2} from '../../constants/constants';
 import {MainStackParams} from '../../routes';
 import {ScreenType} from '../../types';
 import {HeaderHeight, normalize, SCREEN_WIDTH} from '../../utils';
@@ -38,7 +39,7 @@ const ChatScreen: React.FC<ChatScreenProps> = ({navigation}) => {
   const insets = useSafeAreaInsets();
   const chatTheme: DeepPartial<Theme> = {
     colors: {
-      accent_blue: '#6EE7E7',
+      accent_blue: TAGG_LIGHT_BLUE_2,
     },
     messageList: {
       container: {
diff --git a/src/screens/onboarding/BasicInfoOnboarding.tsx b/src/screens/onboarding/BasicInfoOnboarding.tsx
index 3058a04e..e5e6f59b 100644
--- a/src/screens/onboarding/BasicInfoOnboarding.tsx
+++ b/src/screens/onboarding/BasicInfoOnboarding.tsx
@@ -27,6 +27,7 @@ import {
   nameRegex,
   passwordRegex,
   phoneRegex,
+  TAGG_LIGHT_BLUE_2,
   usernameRegex,
 } from '../../constants';
 import {
@@ -70,9 +71,8 @@ const BasicInfoOnboarding: React.FC<BasicInfoOnboardingProps> = ({route}) => {
   const [invalidWithError, setInvalidWithError] = useState(
     'Please enter a valid ',
   );
-  const [autoCapitalize, setAutoCap] = useState<
-    'none' | 'sentences' | 'words' | 'characters' | undefined
-  >('none');
+  const [autoCapitalize, setAutoCap] =
+    useState<'none' | 'sentences' | 'words' | 'characters' | undefined>('none');
   const [fadeValue, setFadeValue] = useState<Animated.Value<number>>(
     new Animated.Value(0),
   );
@@ -565,7 +565,7 @@ const styles = StyleSheet.create({
     alignItems: 'center',
   },
   arrow: {
-    color: '#6EE7E7',
+    color: TAGG_LIGHT_BLUE_2,
   },
   showPassContainer: {
     marginVertical: '1%',
-- 
cgit v1.2.3-70-g09d2