الوضع المظلم مع الحد الأدنى من CSS: تطبيق سهل بشكل مدهش

2025-04-04

يفتخر موقع الويب Feep! الآن بنمط مظلم أنيق، تم تحقيقه باستخدام CSS الحد الأدنى بشكل مدهش. يوضح الكاتب ثلاث طرق: الاستفادة من الوضع المظلم المدمج في المتصفح عبر علامة ``؛ استخدام خاصية `color-scheme` للتحكم في CSS؛ واستخدام استعلامات الوسائط `prefers-color-scheme` لأنماط منفصلة للوضع الفاتح والوضع المظلم. تتضمن النصائح استخدام وظيفتي `light-dark()` و `color-mix()` لتحسين الألوان، والمعالجة الذكية للصور وكتل التعليمات البرمجية باستخدام مرشحات CSS. والنتيجة؟ تبديل أنيق للوضع المظلم مع عدد قليل فقط من سطور CSS الإضافية، مما يبسط عملية التطوير بشكل كبير.

التطوير متصفح أصلي