Tengo un escenario en el que obtengo una combinación de colores en valores hash de la base de datos llamando a la API y luego almacenándolos en localStorage para usarlos después. ¿Hay alguna solución o forma de obtener los datos del localStorage y luego usarlos como variable scss? He visto la implementación con --variable pero quiero usar $variable en la hoja scss. Intenté importar el archivo js y usé jsImportor() en la webpack's sass-loader . El archivo JS se importó correctamente pero no puedo obtener localStorage en el archivo JS.
Mi archivo JS
let color = "#e26d26"; module.exports = { facebook: "#3b5998", twitter: "#1da1f2", default: color, white: "#fff" }Mi archivo Scss
@import './js-file.js'; $facebook: #3b5998; $twitter: #1da1f2; $default: $default; $white: #fff;Puede asignar --variable a $variable en el archivo scss. estilos.scss y estilos.css
:root { --theme-color: #4460ac; } $theme-color: var(--theme-color);Y luego actualice ese color usando la llamada api directamente. Aplicación.js
//Api call axios.get(url).then(res => { document.documentElement.style.setProperty( "--theme-color", res.data.Result.ThemeColor ); }).catch(error=>{ document.documentElement.style.setProperty( "--theme-color", "#4460ac" ) })