Terraglass — سمة زجاجية ضبابية مع لوحات ألوان مدروسة للوضع الفاتح والداكن

لقد نشرت للتو موضوعًا (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 — إذا واجه أحدكم هذه المشكلة أو لديه أفكار، فسأكون سعيدًا بالاستماع إليها.

مرحبًا بالملاحظات، وأنا مستعد لاستقبال طلبات الميزات أو تقارير الأخطاء على المستودع.

إعجابَين (2)

هل يمكنك نشر بعض لقطات الشاشة؟ يبدو رائعًا