MDUI的黑暗模式实现和居中问题

今天除了上课，把抽奖系统继续完善。
发现了开源库MDUI挖的几个坑：1是为移动端设计，PC端有些页面很难看；2是开关没有设置任何可以与JavaScript通信的标记。

对于1，例如MDUI的列表，要么一行全占满屏幕，很难看，要么缩到最右边。通过在mdui-list上一级设置可以居中显示：

<div class="mdui-container" style="max-width: 500px; ">

对于2，我想实现dark模式，发现开关无法与JavaScript通信使用，遂在开关控件的lable层级加了id="bwmode"，在input层级加了οnclick="checkmode()"，在JavaScript如下操作：

<script>
    if(localStorage.getItem("mode")==null || localStorage.getItem("mode")=="white")
    {
        document.getElementById("bwmode").innerHTML = '<input  onclick="checkmode()" t