مشکل حذف و اضافه کردن کلاس ها

جامعه‌ها وبلاگ شروع یادگیری برنامه نویسی

سلام

در این قسمت فقط آموزش داده شد که در حالت شب یا روز کلاس حذف و اضافه شوند، الان وقتی قالب از حالت روز به شب میخواد تغییر کنه کلاس روز حذف میشه و کلاس‌های شب اضافه میشه و برای زمانیکه صفحه رفرش میشه دستور if گذاشته شد که همه کلاس‌ها رو اضافه کنه تا اینجا همه چیز اکی

مشکلی که هست اگر بخواهیم در دستور if (که برای نگه داشتن وضعیت انتخاب شده کاربر استفاده میشه) بعضی کلاس‌ها اضافه بشه بعضی حذف بشه باید چیکار کنم؟

با سلام و احترام

به صورت کامل مشکل شمارا متوجه نشدم ولی اصول طراحی دارک مود را خدمت شما عرض میکنم

اموزش این بخش کامل و بهینه نیست » بهترین حالت پیاده سازی دارک مود این هست که شما تنها و تنها یک کلاس را به یک تگ والد کلی مثل body اضافه کنید و در استایل دهی‌های css تمامی مواردی که باید تاریک باشند را وابسته به همان دارک کنید به فرض :

/* lite mode */
.btn {
  color: #ffff;
}
/*dark mode */
.dark .btn {
  color: #000;
}

در مسیر کدهای سایت هم به این شکل باشد

اگر قرار هست دارک مود باشد کلاس dark به body اضافه شود:

<body class="rtl dark"> body>

در حالت عادی هم

<body class="rtl"> body>

موفق باشید

بهنام مرادی ۱۰ اسفند ۱۴۰۱، ۰۶:۴۹

ممنون از توضیحات واضح و خوبتون

سوالم این بود، کنار دکمه دارک مود یک متن بیاد (فایل ضمیمه) حالت عادی کنار این دکمه نوشته انتخاب «حالت شب» و وقتی حالت شب فعال میشه متن عوض میشه به حالت روز و با رفرش کردن صفحه وضعیت تغییر نکنه

حالت روز (حالت پیشفرض)