لقد نشرت للتو موضوعًا (Theme) كنت أعمل على تحسينه لفترة من الوقت، وهو الآن مفتوح المصدر بموجب رخصة MIT: مظهر نظيف وعصري مبني حول أسطح شفافة بتأثير الزجاج المصقول (الترويسة، الشريط الجانبي، البحث)، مع مخططات ألوان فاتحة وداكنة مصممة خصيصًا — لا توجد ألوان مضمّنة (hardcoded)، وكل شيء مرتبط بخصائص CSS المخصصة في Discourse، مما يجعله يعمل فورًا مع التبديل التلقائي بين الوضع الفاتح والداكن.
المستودع: GitHub - terraboss/discourse-terraglass · GitHub
الميزات
- أسطح زجاجية مصقولة — الترويسة، الشريط الجانبي/قائمة البرغر، وحقل البحث/القائمة المنسدلة في الترويسة جميعها شبه شفافة مع ضبابية في الخلفية (backdrop blur)، ويمكن ضبط الشفافية وقوة الضبابية كليهما.
- مخططات ألوان فاتحة وداكنة منفصلة ومصممة خصيصًا (وليس مجرد عكس مخطط واحد)، تم التحقق منها مقابل معايير التباين WCAG AA للنصوص وعناصر الواجهة.
- معاينات روابط بنمط X/Twitter (onebox) مع حدود رفيعة وزوايا دائرية.
- وسوم (Tags) على شكل أعلام/أسهم بنمط “إتيكيت”.
- تضمينات فيديو بمقاس 16:9 ثابت على جميع الأجهزة.
- قائمة مواضيع بنمط المخطط (Zebra-striped) مع حالة تمرير (hover) خفيفة.
- إمكانية ضبط استدارة الزوايا عبر الأزرار، البطاقات، النوافذ المنبثقة، وحقول الإدخال.
- إطار تركيز (focus outline) قابل للوصول يستخدم لون النص الخاص بالمخطط نفسه، مما يجعله مرئيًا في كل من الوضع الفاتح والداكن.
- كل ما ذُكر أعلاه هو إعداد للموضوع — يمكنك إيقاف أو ضبط أي عنصر لا تريده.
التثبيت
التخصيص ← المواضيع (Themes) ← التثبيت ← من مستودع git:
https://github.com/terraboss/discourse-terraglass
هذا يمنحك أيضًا زر “التحقق من التحديثات” بنقرة واحدة في المستقبل.
مشكلة معروفة
خاصية backdrop-filter (الضبابية خلف الشريط الجانبي، قائمة البرغر، ولوحة البحث) لا تُعرض في كل مجموعة من المتصفحات/نسخ Discourse، على الرغم من أن الشفافية نفسها تعمل بشكل موثوق وتتدهور بسلاسة (degrades gracefully) بمفردها. أنا أتتبع هذه المشكلة هنا: backdrop-filter blur has no effect on .menu-panel — إذا واجه أحدكم هذه المشكلة أو لديه أفكار، فسأكون سعيدًا بالاستماع إليها.
مرحبًا بالملاحظات، وأنا مستعد لاستقبال طلبات الميزات أو تقارير الأخطاء على المستودع.