sebastianserna
commented
7 years ago Por lo pronto seguiré con un archivo base que sobreescribe las variables globales, el método que estoy utilizando consiste en duplicar el archivo styles.scss ubicado en la carpeta src/styles
En este nuevo archivo modifico las variables de color para el theme específico, esto crea una hoja de estilos completamente nueva en la carpeta dist/styles con los colores definidos.
Doy por cerrado este issue (aunque sé que es una solución provisional).
Automatizar la creación de themes con Sass puede ayudar a crear diferentes estilos visuales para una misma aplicación. Sin embargo, existen diversas maneras de hacerlo con sus pros y contras.
Aquí un artículo de Hugo Giraudel donde plantea alternativas para gestionar themes con sass: https://www.sitepoint.com/sass-theming-neverending-story/
En la rama sass-themify estoy experimentando con un ejemplo que encontré en Codepen: https://codepen.io/celar/pen/dXRNQo
Al comienzo me funcionó bien creando dos themes básicos (Black Swan y White Swan) pero de inmediato empeoró el rendimiento cuando se compilaban los archivos CSS con gulp-sass (se demoraba de 12 a 15 segundos cuando antes de implementar dicha solución se compilaba en 3 segundos el código CSS). No creo que sea la mejor alternativa (por el rendimiento) y además genera más código CSS con las clases específicas de cada theme.
Por lo pronto he decidido continuar con variables para los elementos específicos (el método básico de sobreescribir dichas variables creando archivos individuales de themes).
Tema abierto para discusión...