const useStyles = makeStyles({ .... }); .... const [classes, set_classes] = useState(useStyles()); <Autocomplete autoHighlight={true} //needed autoSelect={true} id="geo-select-country" options={all_country} getOptionLabel={(option) => option.name} value={country} onChange={(event, selected_country) => { set_country(selected_country); }} classes={classes} renderInput={(params) => ( <TextField {...params} margin="none" focused /> )} />

Supongamos que hay un botón que alternará entre temas oscuros/claros. ¿Cómo cambio los colores, etc. para el Autocomplete anterior?