GoogleChromeLabs/dark-mode-toggle
این یک عنصر سفارشی (custom element) برای وب‌سایت‌هاته که به راحتی می‌تونی یک دکمه یا سوئیچ برای فعال‌سازی حالت تاریک (Dark Mode) اضافه کنی.
کاربرد:
این ابزار به کاربران اجازه می‌ده تا ظاهر سایت رو بین حالت روشن و تاریک تغییر بدن، بدون نیاز به تنظیمات دستی یا کدهای پیچیده.
در چه شرایطی بهتره استفاده شود؟
وقتی می‌خوای تجربه کاربری بهتری ارائه بدی، مخصوصاً برای کاربرانی که در محیط‌های کم‌نور هستن یا دوست دارن از حالت تاریک استفاده کنن. همچنین برای سایت‌هایی که به دنبال دسترس‌پذیری (accessibility) بالاتر هستن عالیه.
چند مثال از موارد استفاده:
- اضافه کردن یک سوئیچ کوچک در منوی بالای سایت
- ذخیره انتخاب کاربر با استفاده از localStorage تا بعد از رفرش صفحه هم تنظیم حفظ شود
- ترکیب با سیستم تم‌های CSS برای تغییر رنگ‌های کل سایت با یک کلیک
- ##dark
- ##web
- ##accessibility
- ##custom
- ##chrome
- ##frontend
- ##ux
- ##light
- ##web