Aggiungere un css dinamicamente

JavaScriptCopia

var injectStyle = () => {
        const css = `
        :root { 
            --primary: #0451a5";
        }
        .wrapper { font-family: consolas, menlo, monaco, "Ubuntu Mono", source-code-pro, monospace; font-size: .9rem;  color: var(--primary; }
        `;

        const id = "sgart-it-inject-custon-styles";
        const stylePrev = document.getElementById(id);
        if (stylePrev) {
            document.head.removeChild(stylePrev);
        }
        const style = document.createElement('style');
        style.id = id;
        style.appendChild(document.createTextNode(css));
        document.head.appendChild(style);
    };
injectStyle();