:root { --dark-main-color: #0d1117; --light-main-color: #fefefa; // defaulting to dark theme --main-color: var(--dark-main-color); }

Estoy definiendo variables css y luego consumiendo esas variables en :root .

¿Esto puede causar problemas?

Estoy tratando de resolver este problema:

makeStyles no responde a las variables CSS dinámicas

Podría estar relacionado.