موضوع Sublime

:discourse2: الملخص Sublime - سمة أنيقة لـ Discourse
:hammer_and_wrench: رابط المستودع https://github.com/discourse/discourse-sublime-theme
:open_book: هل أنت جديد في سمات Discourse؟ دليل المبتدئين لاستخدام سمات Discourse

تثبيت هذه السمة

الميزات

سمة بسيطة وأنيقة لـ Discourse مصممة من الصفر لتتكامل جيدًا مع الشريط الجانبي.

الوضع الفاتح

صفحة الفئات:

صفحة أحدث المواضيع:

الوضع الداكن

صفحة الفئات:

صفحة أحدث المواضيع:

تتضمن هذه السمة المكون التالي:


نصائح

إعدادات Discourse

التغييرات التالية في الإعدادات مطلوبة حتى تعمل هذه السمة بشكل صحيح:

  • تمكين إعداد enable experimental sidebar hamburger
  • حدد خيار مربعات مع الفئات الفرعية لـ desktop category page style
  • حدد sublime-dark كـ default dark mode color scheme id

لافتة الترحيب

انتقل إلى صفحة الإدارة > لافتة الترحيب (/admin/config/welcome-banner).

  • يجب تعيين الموقع إلى Below site header

:discourse2: مستضاف من قبلنا؟ السمات متاحة للاستخدام على خططنا القياسية والأعمال والمؤسسية.

35 إعجابًا

سمة لطيفة.

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

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

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 إعجابات