خلاصه کد‌های مبحث Dark Theme (کاربردی) + سورس کامل برای دانلود

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Dark Theme
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js">script>

    <style>
        body{
            background: #efefef;
        }
        .night{
            background: #343434;
            color:#fff
        }
    style>
head>
<body>
<input type="checkbox" id="my">
<script>
    jQuery(document).ready(function (){
        jQuery('#my').change(function () {
            let one = {
                "night": "night",
                "checked": "checked"
            };
            localStorage.setItem('local', JSON.stringify(one));
            let arraye = localStorage.getItem('local');
            if (this.checked) {
                jQuery('body').addClass(JSON.parse(arraye).night);
                jQuery(this).attr("checked", JSON.parse(arraye).night);
            } else {
                localStorage.clear('local');
                jQuery('body').removeClass(JSON.parse(arraye).night);
                jQuery(this).removeAttr("checked");
            }
        });
        if(localStorage.getItem('local')){
            let arraye = localStorage.getItem('local');
            jQuery('body').addClass(JSON.parse(arraye).night);
            jQuery('#my').attr("checked", JSON.parse(arraye).night);
        }
    });
script>
body>
html>

توجه: بعضی جاها کد باز و بسته نشده به درستی به این نکته توجه کنید که به مشکل نخورید. این مشکل از من نیست از همین قسمت اضافه کردن کد هست متاسفانه. کلا بجز این سورسی که اینجا فرستادم فایل سورس این کد رو هم میزارم اینجا که بتونید دانلود کنید (توی فایل، کامل کاربرد هر کد رو توضیح دادم دوست داشتید میتونید استفاده کنید)