final changes - dark mode

SCCapstone · Apr 23, 2024 · 18d65f5 · 18d65f5
1 parent 30ae156
commit 18d65f5
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/components/AddTask.js b/components/AddTask.js
@@ -88,20 +88,23 @@ const CreateTaskScreen = ({ route }) => {
           style={styles.input}
           value={taskName}
           placeholder="Name"
+          placeholderTextColor={"grey"}
           onChangeText={setTaskName}
         />
         <DateTimePicker initialDate={date} onConfirm={setDate} />
         <TextInput
           style={styles.input}
           value={location}
           placeholder="Location"
+          placeholderTextColor={"grey"}
           onChangeText={setLocation}
         />
         <TypeSelector selectedType={taskType} onSelect={setTaskType} />
         <TextInput
           style={[styles.input, styles.tallInput]}
           value={comment}
           placeholder="Comments"
+          placeholderTextColor={"grey"}
           multiline
           onChangeText={setComment}
         />

diff --git a/components/DailyView.js b/components/DailyView.js
@@ -148,7 +148,7 @@ const DailyView = ({
                 [item.id]: !prev[item.id]
               }))}
             >
-              <Icon name="bars" size={20} color="#000" />
+              <Icon name="bars" size={20} style={{color: theme === "dark" ? "white" : "black"}} />
             </TouchableOpacity>
             {visibleTaskActions[item.id] && (
               <View style={styles.taskActions}>

diff --git a/styles/DailyViewStyles.js b/styles/DailyViewStyles.js
@@ -23,6 +23,7 @@ const getStyles = (theme) =>
       borderRadius: 5,
     },
     taskItemText: {
+      color: theme === "dark" ? "white" : "black",
       fontSize: 16,
       maxWidth: '50%',  // Set the maxWidth to a value that works with your layout
       marginRight: 10, // Add some margin to the right of the text
@@ -60,9 +61,11 @@ const getStyles = (theme) =>
       padding: 10,
     },
     moreButton: {
+      color: theme === "dark" ? "white" : "black",
       padding: 10,
     },
     taskActions: {
+      color: theme === "dark" ? "white" : "black",
       flexDirection: 'row',
       alignItems: 'center',
     },