Me gustaría cambiar los colores de cada title={note.title} subheader={note.category} que he probado
const theme = createTheme ({ palette: { category: { color: blue } } })Pero eso no ha funcionado. También probé inline sx={{fontSize: 16,color: '#000000'}} nuevamente sin suerte.
¿Cómo puedo editar el color para esas 2 secciones?
<div> <Card elevation={10} className={classes.test}> <CardHeader action={ // 200 <IconButton onClick={() => handleDelete(note.id)}> <DeleteOutlined /> </IconButton> } title={note.title} subheader={note.category} /> <CardContent> <FormGroup> <FormControlLabel sx={{fontSize: 16,color: '#000000'}} control={<Checkbox />} label={note.details} /> <FormControlLabel sx={{fontSize: 16,color: '#555555'}} control={<Checkbox />} label={note.details2} /> </FormGroup> </CardContent> </Card> </div> )Código completo aquí: https://github.com/Orelso/Project-notes
Puede pasar el nodo en el título y el subtítulo:
<CardHeader action={ // 200 <IconButton onClick={() => handleDelete(note.id)}> <DeleteOutlined /> </IconButton> } title={<span style={{fontSize: 16, color: "#000000"}}>{note.title}</span>} subheader={<span style={{fontSize: 12, color: "#000000"}}>{note.category}</span>} />