No se pueden almacenar valores rgba con almacenamiento local. O eso o me he equivocado. Estamos lidiando con algunas cosas aquí.
En mi archivo Js, almacené un valor RGBA del selector de color como una cadena y lo almacené como se ve a continuación.
pickr.on('change', (color, source, instance) => { const rgbaColor = color.toRGBA().toString(); console.log(rgbaColor) localStorage.setItem("C1",rgbaColor); })Luego tengo un archivo Js separado con esta función.
function colors(){ document.querySelector('teamOne').style.background = localStorage.getItem("C1"); }Y estoy tratando de cambiar el color de fondo de un div en mi archivo css. (estoy usando scss por cierto)
#teamOne { width: 50%; }Sé que el selector de color funciona, pero el resto del código no. Si alguien pudiera ayudar sería genial.
Gracias
Lo averigué. Debiera ser:
document.getElementById('teamOne').style.backgroundColor = localStorage.getItem('C1');