Kodax

Dark Mode Toggle — تحدي CSS

وضع مظلم بمتغيرات CSS: عرّف متغيرات في :root، وأعد تعريفها في .dark-mode، واستخدمها بـ var()، ونسّق .toggle-switch مع transition.

:root {
    /* متغيرات الوضع الفاتح */
}

.dark-mode {
    /* متغيرات الوضع المظلم */
}

.toggle-switch {
    /* تنسيق زر التبديل */
}

حل هذا التحدي يرتبط بفتح دورة «CSS المتقدم» بحسابك.

ابدأ الحل