Así que necesitaba cambiar el estilo de 'react-calendar' y, como se indica en Léame en NPM , importé la hoja de estilo original. Por alguna razón, editarlo no afectó el estilo, pero solucioné este problema importando un nuevo archivo con contenido copiado del original. Pero mi problema es que tengo una aplicación con la posibilidad de cambiar entre temas claros y oscuros, y no sé cómo implementar esta funcionalidad en el componente 'react-calendar'.

Busqué en los archivos fuente y encontré una variable llamada baseClassName en el archivo Calendar.jsx. Sugerí que las clases de componentes secundarios se generen mediante programación en función del valor de baseClassName, por lo que puedo cambiarlo a 'react-calendar-light' o 'react-calendar-dark' para obtener el efecto que busco. Pero cambiar el valor ni siquiera afectó el nombre de clase del div principal, como lo indica la consola del navegador. Además, encontré menciones de otras clases como '.react-calendar__tile' en otros archivos, por lo que parece que mi teoría es incorrecta.

¿Hay alguna forma de lograr el efecto que busco sin modificar severamente 'react-calendar'? Todavía no tengo tanta experiencia y me temo que estropearé el componente sin posibilidad de reparación.