سمة Sublime

||||\n-|-|-|\n:discourse2: | الملخص | Sublime - سمة رائعة لمنصة Discourse\n:hammer_and_wrench: | رابط المستودع | \u003chttps://github.com/discourse/discourse-sublime-theme\u003e\n:open_book: |جديد على سمات Discourse؟ | دليل المبتدئين لاستخدام سمات Discourse\n\n[wrap=theme-install-button repoUrl="https://github.com/discourse/discourse-sublime-theme\" repoName="Sublime Theme"]\nتثبيت هذه السمة\n[/wrap]\n\n[quote]\n\n:discourse2: نظرًا لكونها سمة #رسمية تتم صيانتها بواسطة فريق Discourse، يمكن تقديم مشاكل #الدعم، وتقارير #الأخطاء، واقتراحات #تجربة_المستخدم، وطلبات #نصائح_المطورين في الفئات المعنية هنا على Meta، ووضع علامة السمة المناسبة عليها. انقر على أحد الروابط أدناه لبدء إحدى هذه الإجراءات. :+1: \n\n\u003ckbd\u003e [:question:\u0026nbsp;الدعم](Discourse Meta "اطلب الدعم بشأن تكوين واستخدام سمة Sublime") \u003c/kbd\u003e \u003ckbd\u003e [:bug:\u0026nbsp;خطأ](Discourse Meta "تقرير الخطأ يعني أن هناك شيئًا معطلاً، مما يمنع الاستخدام العادي/النموذجي للسمة") \u003c/kbd\u003e \u003ckbd\u003e [:eyes:\u0026nbsp;تجربة المستخدم](Discourse Meta "مناقشة حول واجهة المستخدم لسمة Sublime، وكيفية عرض الميزات (بما في ذلك اللغة وعناصر واجهة المستخدم)") \u003c/kbd\u003e \u003ckbd\u003e [:artist:\u0026nbsp;تطوير](Discourse Meta "نصيحة حول كيفية تخصيص هذه السمة لموقعك")\u003c/kbd\u003e\n\n[/quote]\n\n\n### الميزات\n\nسمة بسيطة ورائعة لمنصة Discourse مصممة من الصفر لتتكامل جيدًا مع الشريط الجانبي.\n\n### الوضع الفاتح\n\nصفحة الفئات:\n\n

\n\nصفحة الأحدث:\n\n\n\n### الوضع الداكن\n\nصفحة الفئات:\n\n\n\n\nصفحة الأحدث:\n\n\n\nتتضمن هذه السمة المكون التالي:\n\n* شريط تمرير التحميل في Discourse\n\n— \n### نصائح\n\n### إعدادات Discourse\n\nالتغييرات التالية في الإعدادات مطلوبة لكي يتم عرض هذه السمة بشكل صحيح:\n\n- تمكين الإعداد enable experimental sidebar hamburger\n- تحديد الخيار Boxes with Subcategories لـ desktop category page style\n- تحديد sublime-dark كـ default dark mode color scheme id\n\n### لافتة الترحيب\n\nانتقل إلى صفحة Admin \u003e Welcome banner (/admin/config/welcome-banner).\n\n* يجب تعيين الموقع (Location) على Below site header\n\n\u003cbr\u003e\n\n\u003e:discourse2: هل تستضيف لدينا؟ السمات متاحة للاستخدام على خططنا القياسية، والأعمال، والمؤسسات.

34 إعجابًا

سمة لطيفة.

هل تبديل الوضع الفاتح/الداكن في المعاينة جزء من السمة؟

تعديل: أرى أنها مكون السمة هذا - فقط أتحقق مما إذا كان مستقرًا مع الشريط الجانبي الآن لأنه تم تمييزه على أنه معطل.

3 إعجابات

يا إلهي - هذا رائع. لدي سمة مفضلة جديدة! أعرف أن لديها تبعيات غير مستخدمة حاليًا هنا، لكنني أود أن أتمكن من استخدام (Dark) Sublime هنا على Meta! :folded_hands:

 
تعديل: إنه أمر بسيط جدًا، لكنني لست متأكدًا تمامًا من أن اللون الأخضر المستخدم للإشارة إلى الصفحة الرئيسية النشطة حاليًا يتناسب مع الوضع المظلم بشكل جيد للغاية. يبدو باهتًا جدًا مقارنة ببقية لوحة الألوان.

4 إعجابات

ما هو كود CSS الذي تستخدمه لوضع هذه الخلفية البيضاء خلف المواضيع؟

3 إعجابات

إنها متغير لون بحيث يمكنه التغيير سواء كان الموقع يستخدم لوحة الألوان الفاتحة أو الداكنة:

body #main-outlet {
    background: var(--secondary);
}
6 إعجابات

هناك بعض المشكلات التي تم الإبلاغ عنها في هذا المكون وسأعمل على إصلاحها. المكون غير مجمع افتراضيًا في هذا الموضوع وقمت بتثبيته فقط حتى يتمكن المستخدمون من اختبار كل من مخططات الألوان الفاتحة والداكنة.

شكرًا لك! سأرى ما إذا كان بإمكاننا تثبيته على meta.

تم الإحاطة علماً. هل يمكنك عمل نسخة من الموضوع وتجربة ألوان مختلفة لمعرفة ما يبدو أفضل؟ PR مرحب به دائمًا. :slight_smile:

4 إعجابات

مثير للاهتمام! هل هناك أي شيء يجب مراعاته لواجهة المستخدم للجوال؟

3 إعجابات

واجهة المستخدم للجوال شبه قياسية باستثناء مخطط الألوان المخصص وتصميم الأزرار.

4 إعجابات

سمات لطيفة للغاية. تبدو رائعة على شاشة Retina.
شكرا :grinning_face:

إعجابَين (2)

أين يمكنني وضع

@danielabc
هل يمكنك التوضيح أكثر بشأن ما تقصده؟

مرحباً @techAPJ، كيف يمكنني جعل الفئة الرئيسية كصندوق؟ وليس كقائمة. حاولت التحقق من الصناديق الفرعية التي تغير الفئة الفرعية فقط، وليس الفئة الرئيسية.

هذا ما يبدو عليه منتدى الخاص بي

@techAPJ هذا نسق رائع، شكرًا لك! أردت فقط أن أشير إلى أنه يقوم بتنزيل مكون شريط التمرير الأفقي للتحميل، والذي هو بالطبع جزء من النواة الآن. :slight_smile:

5 إعجابات