زر تمييز المُنشئ

← املأ “repoName” و “repoURL” لزر التثبيت التلقائي →

تثبيت مكون السمة هذا

← صف هذه السمة/المكون في جملة أو اثنتين →

الزر يبدو مثل قلم تمييز… discourse-highlighter-button وهو لغرض محدد ومحدود للغاية وهو النقر على زر في شريط أدوات المنشئ لإدراج <mark>هذا</mark>.

:information_source: Ctrl-H هو اختصار لوحة المفاتيح الذي يمكنك استخدامه بدلاً من النقر على الزر.

← أضف لقطات شاشة (إن وجدت) →

← أضف المزيد من التفاصيل واشرح الإعدادات (إن وجدت) →

في الإعدادات، يمكنك تجاوز لون الخلفية (التمييز) ولون النص في الأجزاء المميزة.

شكراً جزيلاً لـ @pfaffman و @merefield و @Lilly و @JammyDodger و @Canapin على المساعدة في هذا!

14 إعجابًا

هذا مذهل. أحسنت :clap:t2: :star_struck:

3 إعجابات

هذا جيد جدًا.

أين تم تعريف .d-wrap؟
يظهر بهذا اللون لدي مع السمة الافتراضية… أود أن يكون بلون التمييز كما في الفيديو الخاص بك، شكرًا
image

يبدو أن متغير اللون --highlight-medium هو الذي تم تعيينه في لوحة الألوان التي تستخدمها لهذا المظهر

إليك كيف تبدو إحدى لوحات الألوان الخاصة بي:

يستخدم هذا المكون الدرجة المتوسطة من لون التمييز. يمكنك رؤية اللون المحدد في دليل الأنماط الخاص بك إذا كان ممكّنًا في إعدادات المسؤول (styleguide enabled أو styleguide admin only). دليل الأنماط الخاص بألوان المظهر موجود على /styleguide/atoms/colors

إعجابَين (2)

قد يكون من المفيد تقديم طلب سحب أو اقتراح لتجاوز لون التمييز. :slight_smile:

إعجابَين (2)

نعم، كنت أفكر، من الأفضل أن يكون هناك إعداد لذلك

إعجابَين (2)

جارٍ إضافة إعداد… سأعود حالاً

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

هل سيكون استخدام <mark>mark</mark> أكثر توقعًا؟ أعتقد أن هذا يستخدم لون “تمييز” في لوحة الألوان.

<mark>mark</mark>

3 إعجابات

حسناً، لقد وضعت إعداداً هناك ليكون الافتراضي هو #ff8.

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

ها ها، كنت على وشك تقديم طلب سحب لك :slight_smile:

Happy Super Hero Girls GIF by DC

رائع، لقد سحبته للتو، إنه يعمل بشكل رائع! :grinning:

إعجابَين (2)

مرحباً @denvergeeks :slight_smile:

إليك كيف يختلف أسلوبك (بالإعدادات الافتراضية) عن mark (الذي يستخدم متغير ألوان Discourse، مما يجعله قابلاً للقراءة بغض النظر عن مخطط الألوان الذي اخترته):

على سمة داكنة:

3 إعجابات

ممتاز @Canapin، سأقوم بتضمين ذلك!

أو، إذا أراد أي شخص مراجعة الجودة (QPR) لذلك، فأخبرني بذلك فقد لا أتمكن من القيام به اليوم.

حسنًا، هذا يستخدم الآن اقتراح @Canapin باستخدام mark المدمج وما يقابله من إعدادات CSS الافتراضية.

كما أنه يوفر الآن إعدادات لتجاوز لون الخلفية (Highlighter) ولون النص في الأجزاء المميزة. شكرًا لـ @Lilly على هذا الـ CSS الشرطي.

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

أحاول بناء منتقي ألوان بصيغة JSON ولكنه لا يعمل. أحصل فقط على نافذة منبثقة فارغة مع زر حفظ. :woman_facepalming:t2:
ربما سأرى ما إذا كان من الممكن إنشاء واحد باستخدام جافاسكريبت بطريقة ما. تحتوي لوحة الألوان وواجهة الشارة على وظائف color-picker js، ولكن ربما لن تعمل إلا مع إضافة.

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

بالنسبة لي، هذه الإعدادات ليست تجاوزات. يجب ملؤها، وإلا فلن تفعل شيئًا.

و… أنا أستخدم السمة الافتراضية وبسبب نقص القهوة الصباحية أنا في وضع بطيء - لم أتحقق مما إذا كان هذا يأتي من السمة نفسها.

تعديل: لا، السمة أو نظام الألوان لا يلعبان أي دور. لذا، هل سيتبع نظام الألوان ويكون تجاوزًا، أم أنه إعداد إلزامي؟

حاول تحديث المكون وتحديث الصفحة. لا يمكنني إعادة إنتاج الخطأ.

هل يتم إدراج وسم \u003cmark\u003e\u003c/mark\u003e؟

لقد قمت بتحديثه أولاً قبل المحاولة. ولا، إنه يستخدم التفاف. لذا أنا متأخر قليلاً؟

إعداد JSON لاختيار الألوان (في سمة/مكون) لا يعمل في Discourse، بالفعل.
أعتقد أن الممارسة الجيدة ستكون استخدام متغيرات ألوان Discourse بشكل عام بدلاً من اختيار ألوان عشوائية في سمة أو مكون لن تمتزج بشكل جيد اعتمادًا على السمات والألوان الأخرى التي اختارها المستخدمون.

قام مستخدم بإنشاء أداة اختيار ألوان للمؤلف منذ بعض الوقت، لكنني لست متأكدًا مما إذا كان الكود قد تم نشره:

إعجابَين (2)