سلام یه دکمه دارک مود و لایت مود دارم وقتی رو این دکمه کلیک میکنم تگ body یک کلاس با نام light میگیره
حالا میخوام بدونم با چه شرطی میتونم مشخص کنم اگه body کلاس light گرفته بود لوگو سایتم تغییر کنه...
@peymanrazmjooei
با سلام دوست گرامی
شما می تونید برای راه حل مشکلتون از کدهای CSS استفاده کنید
فرض کنید یک تگ با کلاس logo-box دارید که توش دوتا آدرس لوگو وجود داره به شکل زیر
<div class="logo-box">
<img class="light" src="..." />
<img class="dark" src="..." />
</div>
که توی حالت تم روشن لوگو با کلاس light رو نشون بده و توی تم تاریک لوگو با کلاس dark
برای این امر توی فایل style.css تمتون این کدا رو اضافه کنید
body.light .logo-box .light{
display: block;
}
body:not(.light) .logo-box .light{
display: none;
}
body.light .logo-box .dark{
display: none;
}
body:not(.light) .logo-box .dark{
display: block;
}
این ساده ترین روش ممکن برای تغییر لوگو زمانیه که تم قالب دو حالت روشن و تاریک داره البته می شه با کدهای css یک انیمیشن نرمی رو برای این تغییر حالت بدید
یک روش دیگه ایی هم که شما می تونید با استفاده از js اینکار رو انجام بدید
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟