好用的 Darkmode.js

<script src="https://cdn.jsdelivr.net/npm/darkmode-js@1.3.4/lib/darkmode-js.min.js"></script>

var options = {
    bottom: '32px', // default: '32px'
    right: '32px', // default: '32px'
    left: 'unset', // default: 'unset'
    time: '0.3s', // default: '0.3s'
    mixColor: '#fff', // default: '#fff'
    backgroundColor: '#fff',  // default: '#fff'
    buttonColorDark: '#100f2c',  // default: '#100f2c'
    buttonColorLight: '#fff', // default: '#fff'
    saveInCookies: true, // default: true,
    label: '🌓' // default: ''
};


new Darkmode(options).showWidget();

.darkmode-layer, .darkmode-toggle {
    z-index: 500;
}


.darkmode-toggle {
    border-radius: 50% ;
}


.darkmode-layer--button {
    border-radius: 50% ;
}