ثيم Ghost

:discourse2: ملخص Ghost مستوحى من نوع السايبربانك.
:eyeglasses: معاينة معاينة على منشئ سمة Discourse
:hammer_and_wrench: رابط المستودع https://github.com/discourse/ghost
:open_book: جديد في سِمات Discourse؟ دليل المبتدئين لاستخدام سِمات Discourse

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

الميزات

مستوحاة من نوع السايبربانك، تلتقط هذه السمة روح التمرد والمشهد الحضري dystopian من خلال إدخال ألوان النيون وعيوب طفيفة في الواجهة


الائتمانات

أنشأها @melhosseiny، مع الشكر إلى @awesomerobot وفريق Discourse لدعم هذا العمل.


المصدر: الشركات على Behance


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

63 إعجابًا

I like it! :slight_smile:

3 إعجابات

How do I make it not change my primary logo color?
It’s currently red, when naturally it’s blue.

إعجابَين (2)

If you add this css your logo will remain unchanged.

.d-header .logo-big, .d-header #site-logo {
  filter: unset;
}
6 إعجابات

Hello,

How do I remove the glow from the buttons, and change to color of the topic editor (from blues).

Thank you in advance!

To remove the glow, you can set box-shadow to none for default, primary and danger buttons on hover

.btn.btn-default, .btn.btn-primary, .btn.btn-danger {
  .discourse-no-touch & {
    &:hover, &.btn-hover {
      box-shadow: none;
    }
  }
}

To also remove it from navigation bars (including the main one)

.nav-pills, .admin-controls .nav-pills {
  >li>a:hover, >li.active>a, >li>a.active {
    box-shadow: none;
  }
}

// On mobile only
.nav-pills > li.navigation-toggle {
  box-shadow: none;
}

To change the background color of the topic editor, I suggest you look at the theme’s source code and search for where the $bios sass variable is used. For example, to change the background color of the composer to a red color

#reply-control {
  background: red;
}

If you do that, you probably also want to change the composer popup’s background as well (it pops up when you start typing and doesn’t show up on mobile)

// On desktop only
#composer-popup {
  background: red;
}
4 إعجابات

Thank you! I’ll give it a try!

يُجري Ghost تغييرات على قوالب المواضيع ويجعل العديد من العناصر مرنة، مما يجعله غير متوافق مع أي إضافة أو سمة أخرى تتوقع قالب الموضوع القياسي في Discourse. لا يُخطط لجعله يعمل بتناغم مع الإضافات الأخرى، وهذا خارج نطاق هذا السمة.

11 إعجابًا

أرسلت تقرير خطأ من أحد مستخدمينا بخصوص هذا القالب:

حاولت تغيير حجم النص عبر تفضيلات Discourse (التفضيلات > الواجهة)، لكن التغيير لم ينعكس. قالب الخط الكبير يتعارض مع احتياجاتي، لذا لا يمكنني استخدامه كحل بديل.

ماك بوك 2015
موجاف 10.14
فايرفوكس 63.0.1
قالب غوست
لقطات شاشة:


مضبوطة على خط “الأضخم”:

و…

مضبوطة على خط “الأصغر”:

أود نقل هذا التقرير نيابة عن مستخدمينا!

3 إعجابات

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

6 إعجابات

تم تحديث السمة لإصلاح صور الرموز التالفة في قائمة المواضيع على الأجهزة المحمولة بسبب

8 إعجابات

تم تقديم طلب سحب (Pull Request) لإصلاح مشاكل مختلفة لاحظتها في ميتا (صفحة التصنيف، قائمة المستخدم، صفحات الإدارة/الإعدادات، التنبيهات وغيرها) :rabbit2:

11 إعجابًا

يبدو أن مرشحات البحث المتقدمة لا تعمل إلا إذا تم كتابتها يدويًا.
أرى أن علامات الخط السفلي تُضاف إلى بداية أسماء الملفات قبل جلبها، مما يؤدي إلى خطأ 403/4.

3 إعجابات

شكرًا لتبليغك عن هذا. أعيدت هيكلة قالب full-page-search في Ghost، ويبدو أن القالب الأصلي قد اختلف منذ ذلك الحين. @Falco @awesomerobot لقد قدمت طلب سحب لاستخدام القالب الأصلي كما هو، حيث لم يعد من الضروري تجاوز تعديله.

6 إعجابات

أحب ذلك :heart: ~~~~~~~~~~

إعجابَين (2)

هذا القالب مصمم بشكل رائع وممتع على الأجهزة المحمولة!

شكرًا لجميع من ساهموا في جعله أفضل!

إعجابَين (2)

حصلت على شيء من أحد مستخدمينا:

الروابط التشعبية لا تظهر بشكل صحيح في مربعات وصف الفئة (على الرغم من أنها تظهر بشكل جيد في الموضوع المثبت الذي يحتوي على الوصف)

إعجاب واحد (1)

سمة رائعة!

ولكن، عند تثبيتها على موقعي أرى أن روابط “ذات الصلة” و"المقترحة" في أسفل كل منشور تتداخل. انظر لقطة الشاشة:

أنا أحب هذا المظهر! شكواي الوحيدة هي أن مكون معاينة الصورة لا يعمل معه. لن يتم عرض صور المعاينة لسبب ما.

إعجاب واحد (1)

هل قمت بالإبلاغ عن هذا في مكون السمة الذي ربطته؟

أرى أنك فعلت.

قد يعمل Theme component هذا كبديل