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 />
          )}
        />

Let's suppose that there is a button that will toggle between dark / light themes. How do I change the colors, etc. for the above Autocomplete?