improve light mode colors for links

LunatiqueCoder · Dec 29, 2022 · aaca873 · aaca873 · vercel · Dec 29, 2022
1 parent 8a8d396
commit aaca873
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/template/package.json b/template/package.json
@@ -8,7 +8,7 @@
     "ios:pods": "npx pod-install",
     "start": "react-native start",
     "web": "next dev",
-    "build-web": "next build",
+    "build": "next build",
     "next-start": "next start",
     "test:all": "yarn test:jest",
     "test:jest": "jest",

diff --git a/template/src/features/Linking/Linking.tsx b/template/src/features/Linking/Linking.tsx
@@ -71,7 +71,7 @@ const links = [
 ];
 
 export const LinkList = () => {
-  const {primaryColor, accentColor} = useStyles();
+  const {primaryColor, accentColor, isDarkMode} = useStyles();
 
   return (
     <View style={styles.container}>
@@ -89,7 +89,13 @@ export const LinkList = () => {
             accessibilityRole="button"
             onPress={() => RNLinking.openURL(link)}
             style={styles.linkContainer}>
-            <Text style={styles.link}>{title}</Text>
+            <Text
+              style={[
+                styles.link,
+                {color: isDarkMode ? Colors.lightBlue : Colors.blue},
+              ]}>
+              {title}
+            </Text>
             <Text
               style={[
                 styles.description,
@@ -228,7 +234,6 @@ const styles = StyleSheet.create({
     flex: 2,
     fontSize: 18,
     fontWeight: '400',
-    color: Colors.lightBlue,
   },
   description: {
     flex: 3,

diff --git a/template/src/hooks/useStyles.ts b/template/src/hooks/useStyles.ts
@@ -10,6 +10,7 @@ export const Colors = {
   lightBlue: '#add8e6',
   sereneBlue: '#1292B4',
   benitoite: '#007DAA',
+  blue: '#0000FF',
 };
 
 export const useStyles = () => {