لقد نشرت للتو قالباً كنت أحسّنه منذ فترة، وهو الآن مفتوح المصدر تحت رخصة MIT: مظهر نظيف وعصري مبني حول أسطح شفافة زجاجية (الترويسة، الشريط الجانبي، البحث) مع مخططات ألوان مخصصة للاستخدام في الوضعين الفاتح والداكن — بدون ألوان ثابتة، حيث يرتبط كل شيء بخصائص CSS المخصصة في Discourse، مما يجعله يعمل مباشرة مع التبديل التلقائي بين الوضع الفاتح والداكن.
المستودع: terraboss/discourse-terraglass
الميزات
- أسطح زجاجية ضبابية — الترويسة، الشريط الجانبي/قائمة الهامبرغر، وحقل البحث/القائمة المنسدلة في الترويسة شبه شفافة مع ضبابية للخلفية (backdrop blur)، وكلا من الشفافية وقوة الضبابية قابلة للضبط
- مخططات ألوان فاتحة وداكنة منفصلة ومخصصة (وليس مجرد عكس مخطط واحد)، تم فحصها مقابل معايير تباين WCAG AA للنصوص وعناصر واجهة المستخدم
- معاينات روابط بنمط X/Twitter (onebox) مع حدود رفيعة وزوايا دائرية
- وسوم على شكل أعلام/أسهم بنمط الإتيكيت
- تضمين فيديو بمقاس 16:9 ثابت على جميع الأجهزة
- قائمة مواضيع بخطوط متناوبة (zebra-striped) مع حالة تمييز خفيفة عند التحويم
- ضبط تدوير الزوايا عبر الأزرار والبطاقات والنوافذ المنبثقة وحقول الإدخال
- حدود تركيز (focus outline) ميسّرة الوصول تستخدم لون النص الخاص بالمخطط نفسه، مما يجعلها مرئية في كلا الوضعين الفاتح والداكن
- كل ما سبق هو إعداد قالب — يمكنك تعطيل أو ضبط أي شيء لا تريده
التثبيت
التخصيص ← القوالب ← التثبيت ← من مستودع git:
https://github.com/terraboss/discourse-terraglass
هذا يمنحك أيضًا خيار “التحقق من التحديثات” بنقرة واحدة في المستقبل.
تحديث
تم إصلاح مشكلة ضبابية backdrop-filter التي أشرتُ إليها في الأصل أدناه — شكرًا لـ awesomerobot على إشارته إلى السبب الفعلي (التفاصيل هنا). الشريط الجانبي وقائمة الهامبرغر ولوحة البحث كلها الآن ضبابية بشكل صحيح.
مرحبًا بالملاحظات، ويسعدني استقبال طلبات الميزات أو تقارير الأخطاء.
