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

[terraboss]

نشرت للتو موضوعًا (Theme) كنت أُحسّنه منذ فترة، وهو الآن مفتوح المصدر تحت رخصة MIT: مظهر نظيف وعصري مبني حول أسطح شفافة زجاجية (الترويسة، الشريط الجانبي، القوائم، النوافذ المنبثقة، البحث) مع مخطط ألوان فاتح وداكن مصمم خصيصًا — لا توجد ألوان محددة يدويًا، كل شيء مرتبط بخصائص CSS المخصصة في Discourse، لذا يعمل مباشرة مع التبديل التلقائي بين الوضع الفاتح والداكن.

المستودع: terraboss/discourse-terraglass

لقطات شاشة

المخطط الفاتح، يعمل على Meta. قائمة الإشعارات، مع ظهور الصفحة خلفها:

قائمة البحث المنسدلة:

النوافذ المنبثقة — الصفحة خلفها معماة بدلاً من أن تصبح داكنة:

الميزات

• أسطح زجاجية معماة — الترويسة، الشريط الجانبي/قائمة البرغر، وحقل البحث/القائمة المنسدلة في الترويسة شبه شفافة مع ضبابية للخلفية؛ يمكن ضبط الشفافية وقوة الضبابية
• قوائم ونوافذ زجاجية — القوائم المنسدلة (مثل الإشعارات) والنوافذ المنبثقة تشترك في المظهر المعما، مع حافة رفيعة جدًا ولمعة خفيفة على الحافة العلوية؛ خلف النافذة المنبثقة، تصبح الصفحة معماة بدلاً من أن تصبح داكنة. يمكن ضبط الشفافية والضبابية بشكل منفصل للقوائم والنوافذ
• تلوين اختياري للترويسة — امنح الترويسة لونًا خفيفًا، إما باتباع لون التمييز للمخطط النشط أو أي لون مخصص، مع إمكانية ضبط القوة. في متصفح Safari، يتم تلوين منطقة شريط أدوات المتصفح لتتطابق. غير مفعّل افتراضيًا
• مخططات ألوان فاتحة وداكنة منفصلة ومصممة خصيصًا (وليس مجرد مخطط واحد معكوس)، تم فحصها مقابل تباين WCAG AA للنص وعناصر الواجهة
• معاينات روابط Onebox بنمط X/Twitter مع حدود رفيعة وزوايا دائرية
• وسوم على شكل أعلام/أسهم بنمط آداب السلوك
• تضمينات فيديو بنسبة عرض 16:9 ثابتة على جميع الأجهزة
• قائمة مواضيع مخططة (Zebra-striped) مع حالة تحويم خفيفة
• إمكانية ضبط استدارة الزوايا عبر الأزرار، البطاقات، النوافذ المنبثقة، وحقول الإدخال
• حدود تركيز (Focus outline) قابلة للوصول تستخدم لون النص الخاص بالمخطط نفسه، لتبقى مرئية في كل من الوضع الفاتح والداكن
• كل ما سبق هو إعداد للموضوع — عطّل أو اضبط أي شيء لا تريده

التثبيت

التخصيص → المواضيع → التثبيت → من مستودع Git:

https://github.com/terraboss/discourse-terraglass

هذا يمنحك أيضًا خيار “التحقق من التحديثات” بنقرة واحدة في المستقبل.

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

ملاحظة: تم التقاط لقطات الشاشة على Meta مع تطبيق الموضوع محليًا في متصفحي عبر وحدة التحكم للمطورين

[Heliosurge (Dan DeMontmorency)]

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

[terraboss]

ربما لاحقًا. جرّبها بنفسك!

[NateDhaliwal]

ربما ترغب في الانضمام إلى @theme_authors حتى تتمكن من النشر في فئة #customization:theme؟

[terraboss]

شكرًا جزيلًا على التلميح، يا @NateDhaliwal! لم أكن أعلم بمجموعة theme_authors، لذا سأقوم بالانضمام إليها، وبعدها يمكننا نقل الموضوع إلى قسم Theme.

[Heliosurge (Dan DeMontmorency)]

حاولتُ تجربتها، لكن لم أحصل على أي تأثيرات. استخدمتُ زر “تجربة الثيم”.

[terraboss]

على سبيل المثال، يمكنك الاطلاع على https://riben.talk/ . (بفضل @kddkd)

يمكنك أيضًا التواصل مع الموقع عبر https://discourse.theme-creator.io مع قيود minimale (ننصح بوضع حقل البحث في منتصف الترويسة)

ملاحظة! بعد تطبيق السمة الجديدة، لا تنسَ تحديث الموقع في متصفحك.

تحديث: صور @Heliosurge أصبحت الآن في المنشور الأول، شكرًا لك على التذكير! أخبرني برأيك إذا جربت الأمر.

[terraboss]

Terraglass 1.2.0 — قوائم ونوافذ حوارية زجاجية

الجديد: قوائم ونوافذ حوارية زجاجية

الآن، تمتد المظهر الضبابي (Frosted) إلى ما يتجاوز الترويسة والشريط الجانبي وحقل البحث:

• القوائم المنسدلة أصبحت شبه شفافة مع ضبابية ناعمة، بما في ذلك تظليلات التحويم والاختيار
• النوافذ الحوارية تحصل على المعالجة نفسها، حيث يتم تشويش الصفحة خلفها بدلاً من تعتيمها
• حافة رفيعة (Hairline) ولمعة خفيفة على طول الجزء العلوي تجعل الأسطح تبدو كزجاج
• يمكن ضبط الشفافية والضبابية بشكل منفصل للقوائم والنوافذ الحوارية

إنها مفعّلة افتراضياً. إذا كنت تفضل المظهر السابق، فعطّل glass_surfaces في إعدادات السمة.

---

Terraglass 1.1.0 — تلوين اختياري للترويسة، بالإضافة إلى إصلاح مهم لخطأ برمجي

الجديد: تلوين الترويسة

يمكنك الآن منح الترويسة لوناً خافتاً من اختيارك، للمنتديات التي تريد هوية بصرية أكثر تميزاً.

• تلقائي (auto) يتبع لون التمييز (Accent) في مخطط الألوان النشط، لذا يتبدل تلقائياً مع الوضع الفاتح/الداكن
• مخصص (custom) يتيح لك اختيار أي لون (سداسي، لون مسمى، rgb…)
• قوة قابلة للضبط، من لمسة خفيفة إلى شريط صلب
• الشفافية والضبابية الزجاجية تظل سليمة في الخلفية

إنها معطّلة افتراضياً — فعّلها باستخدام header_tint في إعدادات السمة.

تم الإصلاح: إعدادات التفعيل/التعطيل لم تكن لها أي تأثير

في الإصدار 1.0.x، كان تعطيل ميزة في إعدادات السمة لا يؤدي فعلياً إلى تعطيلها. جميع مفاتيح التبديل تعمل الآن كما هو مقصود.