settings.html

<mdui-list>
    <mdui-list-item headline="深色模式">
        <mdui-icon-mode-night--outlined slot="icon"></mdui-icon-mode-night--outlined>
        <mdui-segmented-button-group selects="single" slot="end-icon" value="auto" id="darkMode">
            <mdui-segmented-button value="auto">跟随系统</mdui-segmented-button>
            <mdui-segmented-button value="light">关闭</mdui-segmented-button>
            <mdui-segmented-button value="dark">开启</mdui-segmented-button>
        </mdui-segmented-button-group>
    </mdui-list-item>
    <mdui-list-item id="clearAllDataItem" headline="清除全部数据">
        <mdui-icon-delete--outlined slot="icon"></mdui-icon-delete--outlined>
    </mdui-list-item>
    <mdui-list-item id="aboutItem" headline="关于">
        <mdui-icon-info--outlined slot="icon"></mdui-icon-info--outlined>
    </mdui-list-item>
</mdui-list>

<mdui-dialog close-on-overlay-click headline="关于" id="about">
    <p id="appVersion" style="margin-bottom: 0;"></p>
    <p id="listVersion" style="margin-top: 5px;"></p>

    <p>本项目旨在解决网上寻找心理自评量表困难的问题。</p>

    <p>在项目的所有量表中，都会注明相关的参考信息。如果你在使用过程中发现错误/遗漏，欢迎通过 GitHub Issues 进行反馈/使用 Pull Request 进行提交</p>
    <p>本项目所有的量表均为收集互联网上的信息并整理，不对网站内任何量表具有版权。如侵权请联系我，我会及时删除。</p>
    <strong class="red">所有量表的测量结果仅供参考，不作为任何医学诊断的依据。</strong>

    <mdui-divider></mdui-divider>

    <p class="center" style="margin-bottom: 0;">由 Super12138 开发，网站本体遵循 GPL 3.0 协议在 <a target="_blank" href="https://github.com/Super12138/Ask-Yourself">GitHub</a> 上开源</p>
    <p class="center" style="margin-top: 5px; margin-bottom: 0;">量表内容的版权归研究者所有</p>
    <p class="center" style="margin-top: 5px;">❤️</p>
    
    <mdui-button slot="action" id="aboutCloseBtn" variant="tonal">确定</mdui-button>
</mdui-dialog>