7 files changed, 18 insertions, 17 deletions
diff --git a/src/components/common/PostCarousel.tsx b/src/components/common/PostCarousel.tsx
index cda9d8db..be3dcb16 100644
--- a/src/components/common/PostCarousel.tsx
+++ b/src/components/common/PostCarousel.tsx
@@ -1,6 +1,7 @@
 import React, {Fragment, useRef, useState} from 'react';
 import {Image} from 'react-native';
 import Carousel, {Pagination} from 'react-native-snap-carousel';
+import {TAGG_LIGHT_BLUE_2} from '../../constants';
 import {SCREEN_WIDTH} from '../../utils';
 
 interface PostCarouselProps {
@@ -39,7 +40,7 @@ const PostCarousel: React.FC<PostCarouselProps> = ({
         activeDotIndex={currentPage}
         dotsLength={data.length}
         containerStyle={{marginBottom: marginBottom}}
-        dotColor={'#6ee7e7'}
+        dotColor={TAGG_LIGHT_BLUE_2}
         inactiveDotColor={'#e0e0e0'}
       />
     </>
diff --git a/src/components/messages/ChannelPreview.tsx b/src/components/messages/ChannelPreview.tsx
index a7a7268a..8bd3a745 100644
--- a/src/components/messages/ChannelPreview.tsx
+++ b/src/components/messages/ChannelPreview.tsx
@@ -5,6 +5,7 @@ import {TouchableOpacity} from 'react-native-gesture-handler';
 import {useStore} from 'react-redux';
 import {ChannelPreviewMessengerProps} from 'stream-chat-react-native';
 import {ChatContext} from '../../App';
+import {TAGG_LIGHT_BLUE_2} from '../../constants';
 import {
   LocalAttachmentType,
   LocalChannelType,
@@ -89,7 +90,7 @@ const styles = StyleSheet.create({
   },
   online: {
     position: 'absolute',
-    backgroundColor: '#6EE7E7',
+    backgroundColor: TAGG_LIGHT_BLUE_2,
     width: normalize(18),
     height: normalize(18),
     borderRadius: normalize(18) / 2,
diff --git a/src/components/messages/ChatHeader.tsx b/src/components/messages/ChatHeader.tsx
index 67a7f1fe..7ddaa7e6 100644
--- a/src/components/messages/ChatHeader.tsx
+++ b/src/components/messages/ChatHeader.tsx
@@ -5,6 +5,7 @@ import {Text} from 'react-native-animatable';
 import {TouchableOpacity} from 'react-native-gesture-handler';
 import {useDispatch, useStore} from 'react-redux';
 import {ChatContext} from '../../App';
+import {TAGG_LIGHT_BLUE_2} from '../../constants';
 import {ScreenType} from '../../types';
 import {
   ChatHeaderHeight,
@@ -87,7 +88,7 @@ const styles = StyleSheet.create({
   },
   online: {
     position: 'absolute',
-    backgroundColor: '#6EE7E7',
+    backgroundColor: TAGG_LIGHT_BLUE_2,
     width: normalize(16),
     height: normalize(16),
     borderRadius: normalize(16) / 2,
diff --git a/src/components/taggs/TwitterTaggPost.tsx b/src/components/taggs/TwitterTaggPost.tsx
index 834e32ef..b2889e3e 100644
--- a/src/components/taggs/TwitterTaggPost.tsx
+++ b/src/components/taggs/TwitterTaggPost.tsx
@@ -1,12 +1,12 @@
 import React from 'react';
-import {Image, Linking, StyleSheet, View} from 'react-native';
-import {Text} from 'react-native-animatable';
+import { Image, Linking, StyleSheet, View } from 'react-native';
+import { Text } from 'react-native-animatable';
 import Hyperlink from 'react-native-hyperlink';
 import LinearGradient from 'react-native-linear-gradient';
-import {AVATAR_DIM, TAGGS_GRADIENT, TAGG_LIGHT_BLUE} from '../../constants';
-import {TwitterPostType} from '../../types';
-import {handleOpenSocialUrlOnBrowser, SCREEN_WIDTH} from '../../utils';
-import {DateLabel, PostCarousel} from '../common';
+import { AVATAR_DIM, TAGGS_GRADIENT, TAGG_LIGHT_BLUE, TAGG_LIGHT_BLUE_2 } from '../../constants';
+import { TwitterPostType } from '../../types';
+import { handleOpenSocialUrlOnBrowser, SCREEN_WIDTH } from '../../utils';
+import { DateLabel, PostCarousel } from '../common';
 
 interface TwitterTaggPostProps {
   ownerHandle: string;
@@ -194,7 +194,7 @@ const styles = StyleSheet.create({
   },
   viewOnTwitterText: {
     fontSize: 12,
-    color: '#6ee7e7',
+    color: TAGG_LIGHT_BLUE_2,
   },
   // reply post
   replyPostContainer: {
diff --git a/src/screens/profile/AccountType.tsx b/src/screens/profile/AccountType.tsx
index 60ed0668..8a3f7775 100644
--- a/src/screens/profile/AccountType.tsx
+++ b/src/screens/profile/AccountType.tsx
@@ -10,6 +10,7 @@ import {
 import {SafeAreaView} from 'react-native-safe-area-context';
 import {useDispatch, useSelector} from 'react-redux';
 import {Background} from '../../components';
+import {TAGG_LIGHT_BLUE_2} from '../../constants';
 import {updateProfileVisibility} from '../../services';
 import {NO_PROFILE} from '../../store/initialStates';
 import {RootState} from '../../store/rootReducer';
@@ -60,7 +61,7 @@ const AccountType: React.FC = () => {
               />
               {!isLoading && (
                 <Switch
-                  trackColor={{false: 'red', true: '#6EE7E7'}}
+                  trackColor={{false: 'red', true: TAGG_LIGHT_BLUE_2}}
                   thumbColor={'white'}
                   ios_backgroundColor="transparent"
                   style={styles.switchStyles}
diff --git a/src/screens/profile/CaptionScreen.tsx b/src/screens/profile/CaptionScreen.tsx
index 998897e2..282857d6 100644
--- a/src/screens/profile/CaptionScreen.tsx
+++ b/src/screens/profile/CaptionScreen.tsx
@@ -13,11 +13,12 @@ import {
 } from 'react-native';
 import {Button} from 'react-native-elements';
 import {useDispatch, useSelector} from 'react-redux';
-import {MainStackParams} from '../../routes';
 import {SearchBackground, TaggBigInput} from '../../components';
 import {CaptionScreenHeader} from '../../components/';
 import TaggLoadingIndicator from '../../components/common/TaggLoadingIndicator';
+import {TAGG_LIGHT_BLUE_2} from '../../constants';
 import {ERROR_UPLOAD, SUCCESS_PIC_UPLOAD} from '../../constants/strings';
+import {MainStackParams} from '../../routes';
 import {postMoment} from '../../services';
 import {
   loadUserMoments,
@@ -137,7 +138,7 @@ const styles = StyleSheet.create({
   },
   shareButtonTitle: {
     fontWeight: 'bold',
-    color: '#6EE7E7',
+    color: TAGG_LIGHT_BLUE_2,
   },
   header: {
     marginVertical: 20,
diff --git a/src/screens/profile/IndividualMoment.tsx b/src/screens/profile/IndividualMoment.tsx
index 871d62bf..515cbacf 100644
--- a/src/screens/profile/IndividualMoment.tsx
+++ b/src/screens/profile/IndividualMoment.tsx
@@ -114,10 +114,6 @@ const styles = StyleSheet.create({
     flex: 1,
     paddingBottom: 0,
   },
-  shareButtonTitle: {
-    fontWeight: 'bold',
-    color: '#6EE7E7',
-  },
   content: {
     flex: 9,
   },