Solución error color en lista material

listaMatRes.js

@@ -10,7 +10,7 @@ const styles = StyleSheet.create({
     marginLeft: 20,
     marginRight: 20
   },
-  textoFecha: {
+  textoFechaMaterial: {
     fontSize: 14,
     color: '#1f2d3d',
     marginBottom: 2
@@ -62,8 +62,8 @@ class ListaReservaMaterial extends Component {
         <View>
           {/*Se comprueba si la fecha de reserva coincide con el día actual*/}
           {dateReserva.getDate() == fechaActual.getDate() && dateReserva.getMonth() == fechaActual.getMonth() && dateReserva.getFullYear() == fechaActual.getFullYear() ? 
-           <Text style={styles.textoFecha}>Hoy, {diasSemana[dateReserva.getDay()]}, {dateReserva.getDate()} de {meses[dateReserva.getMonth()]} de {dateReserva.getFullYear()}</Text>: 
-           <Text style={styles.textoFecha}>{diasSemana[dateReserva.getDay()]}, {dateReserva.getDate()} de {meses[dateReserva.getMonth()]} de {dateReserva.getFullYear()}</Text>}
+           <Text style={styles.textoFechaMaterial}>Hoy, {diasSemana[dateReserva.getDay()]}, {dateReserva.getDate()} de {meses[dateReserva.getMonth()]} de {dateReserva.getFullYear()}</Text>: 
+           <Text style={styles.textoFechaMaterial}>{diasSemana[dateReserva.getDay()]}, {dateReserva.getDate()} de {meses[dateReserva.getMonth()]} de {dateReserva.getFullYear()}</Text>}
           {/* Se dibuja una línea horizontal */}
           <View style={styles.lineaFecha}></View>
         </View>
@@ -80,7 +80,7 @@ class ListaReservaMaterial extends Component {
       <View style={{flex: 1}}>
         <View style={styles.listaMaterialContenedor}>
           <TouchableOpacity style={styles.listaMaterialTouch} >
-              <Text style = {{fontSize: 14, marginBottom: 2}}>
+              <Text style = {styles.textoFechaMaterial}>
                 ({horaInicio} - {horaFin}) {nombreLista}
               </Text>
               <Text numberOfLines={2} ellipsizeMode="tail" style={styles.textMaterial}> {materiales} </Text>