去掉旧的主题class，加上新的主题class。
<input id="primary" placeholder="主色" />
<input id="accent"  placeholder="配色"/>
<button id="apply">应用主题</button>
<script>
    {
        let 旧主色, 旧配色;
        function 应用主题(新主色, 新配色) {
            document.body.classList.remove(
                `mdui-theme-primary-${旧主色}`,
                `mdui-theme-accent-${旧配色}`
            );
            document.body.classList.add(
                `mdui-theme-primary-${旧主色=新主色}`,
                `mdui-theme-accent-${旧配色=新配色}`
            );
        }
        应用主题('teal', 'pink'); //默认主题
        document.getElementById('apply').addEventListener(
            'click',
            () => 应用主题(
                document.getElementById('primary').value,
                document.getElementById('accent').value
            )
        );
    }
</script>
主题换色具体代码怎么弄
