تباين الارتباطات التشعبية في الوضع المظلم

تم النشر هنا لأن الموضوع المصدر قد تم إغلاقه.

مرحباً @sam و @chapoi. شكراً على الرد السريع على تقرير @hugovk حول تمييز الكود في الوضع المظلم. لاحظ الفريق في Python Discourse أيضاً اللون الأمامي الداكن للروابط التشعبية ولكن تم حذف هذا من موضوع تمييز الكود غير المقروء تقريبًا هنا.


يمكنك أن ترى أن الرابط التشعبي غير العريض يغرق نوعًا ما في حفرة..

هل يمكنكم إعادة النظر في تلوين نص الرابط التشعبي في الوضع المظلم؟

نفس الظل المستخدم لـ hljs-builtin-names سيعمل بشكل جيد على الأرجح. سيعطي لون خلفية جسم الرسالة ظلًا مختلفًا عن مخطط نص كتلة الكود وسيتناقض اللون بقوة أكبر مع خلفية الرسالة الداكنة.

شكراً! - Leland

من فضلك لا!

لا يبدو أن الجميع يعانون من العمى!

في الوضع المظلم، النص العادي أبيض والارتباطات التشعبية زرقاء.
إذًا ما هي المشكلة في ذلك؟

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

ليس لدي نفس الدرجة تمامًا مثل التي لديك. اللون الأزرق الذي لدي أكثر سطوعًا ويعمل بشكل مثالي.

إعجابَين (2)

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

ضع في اعتبارك أن مطوري Discourse ومعظم الفريق في Python.org هم محترفون ذوو خبرة كبيرة في تصميم واجهة المستخدم. هذه تعديلات دقيقة. لا يتم اقتراح أو طلب تعديلات قوية هنا.

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

يمكنك بسهولة تغيير ألوان الروابط التشعبية لنفسك في إعدادات السمة باستخدام CSS.

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

أواجه نفس المشكلة التي يواجهها @Jonathan_Poyer حيث أن الارتباطات التشعبية هنا/على شاشتي هي بالفعل زرقاء أفتح قليلاً من تلك الموجودة في لقطة الشاشة الخاصة بك:

هل يمكن أن يكون هذا اختيارًا للألوان في السمة التي تستخدمها؟

إعجابَين (2)

شكراً على المقارنات، @Jonathan_Poyer و @JammyDodger. هذا مفيد جداً. نعم، الروابط التشعبية الخاصة بي تظهر بشكل أفضل هنا أيضاً. أقول إنها تقريباً الكمية بالضبط من التعديل التي كنت أفكر فيها. إليك لقطة شاشة توضح الرابط التشعبي ولقطة شاشة من المنشور الأصلي هنا.

على حد علمي، نحن نستخدم إعدادات CSS الافتراضية. مجموعة المسؤولين هي فريق تطوير Python الأساسي، لذا فهم يفضلون بشكل مفهوم التركيز على إدارة Python بدلاً من إدارة Discourse.

لقد أجروا مناقشة حول تمييز الأكواد شارك فيها Sam Saffron وقام Charlie ‘Chapoi’ بإجراء التعديل للإصدار التالي. لقد نسينا فقط تضمين موضوع الروابط التشعبية. (ومن المثير للاهتمام، أن تمييز الأكواد أصبح أفضل هناك الآن على الرغم من أن الإصدار المعدل لا يزال معلقاً. ربما وجد شخص ما تعيين اللون وقام بتعديله.)

في البداية، اعتقدت أن discuss.python.org يعمل بإصدار مختلف من Discourse. ومع ذلك، نحن حالياً نعمل بالإصدار 2.9.0.beta4 وعارض عناصر الصفحة يظهر نفس الشيء هنا:

<meta name="generator" content="Discourse 2.9.0.beta4 - https://github.com/discourse/discourse version 8a58ce6578ab697f29cea211049c37c2ab341ba5">

هل تعرف أين مواصفات لون الرابط التشعبي، بالصدفة؟

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

لماذا الإصدار معلق؟ تستخدم معظم المنتديات “تم اجتياز الاختبار” وليس “بيتا” للتحديث. اسم الإصدار ليس هو المعلومة الوحيدة التي تحصل عليها

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

بالتحقق من رقم الإصدار الخاص بك، يبدو أنه تم تحديثك في 4 يونيو، لذلك يجب أن تحصل على تلك التحديثات. :+1:

أعتقد أنه اللون الثلاثي، والذي يمكنك العثور عليه في /admin/customize/colors واختيار السمة الداكنة. كل من Meta وموقع الاختبار الخاص بي لديهما 0f82af لرمز اللون.

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

نحن الآن نوفر مخطط ألوان داكن إضافي عالي التباين في النواة والذي من المحتمل أن يحل مشكلتك. يمكنك تجربة هذا المخطط هنا على ميتا، ويسمى WCAG Dark.

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

4 إعجابات

إنه أفضل قليلاً هنا على Discourse Meta، لكنني متأكد تمامًا من أننا نستخدم الألوان الافتراضية على Python Discourse.

الروابط التشعبية

على Python Discourse، الروابط التشعبية هي أزرق #306897 على رمادي #222222، بنسبة تباين 2.69:1، وهي أقل من إرشادات إمكانية الوصول لمحتوى الويب (مستوى AA: 4.5:1، مستوى AAA: 7:1) الخاصة بـ W3C.

(هنا على Discourse Meta الأمر أفضل قليلاً: أزرق #0F82AF على نفس الرمادي #222222، بنسبة 3.61:1، ولكن لا يزال أقل من AA و AAA.)

كتل التعليمات البرمجية

على Python Discourse، تم نشر إصلاح كتل التعليمات البرمجية الآن، وهو بالتأكيد تحسن كبير.

ولكن أزرق #4288C3 على رمادي #3F3F3F بنسبة 2.77:1 لا يزال أقل من إرشادات WCAG، لذا هناك مجال للتحسين.

(هنا على Discourse Meta، أزرق #4288C3 على رمادي #3F3F3F بنسبة 4.34:1 أفضل بشكل مشابه ولكنه أقل من AA و AAA.)

3 إعجابات

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

المحرر لديه توهج خافت “نيون الشارع”. قد تفكر في تخفيفه قليلاً (إما تعتيم اللون أو إضافة المزيد من الأحمر/الأخضر). قد يكون تقليل سمك الحدود الملونة ببكسل واحد مثالياً، لكنني أفترض أن سمك هذه الحدود ليس من معلمات السمة.

أنا حقاً أحب الداكن عالي التباين.

إعجابَين (2)

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

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

@sam و @chapoi، هل تعرفون ما إذا كانت ألوان الروابط التشعبية وتمييز التعليمات البرمجية في Discourse Meta قد تم تعديلها عن الافتراضي هنا؟

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

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


تم إنشاء موقع الاختبار هذا على وجه الخصوص في أواخر أكتوبر 21.

إعجابَين (2)

هل 0f82af هو اللون الثلاثي الافتراضي الحالي للسمة الداكنة؟

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

أعتقد ذلك. لم أقم بلمس لوحات الألوان الخاصة بي على موقع الاختبار الخاص بي، لذلك أعتقد أن هذا افتراض عادل. ومع ذلك، قد يكون لدى شخص أكثر معرفة المزيد من المعلومات. :slightly_smiling_face:

إعجابَين (2)

ماذا عن نسختك؟

<meta name="generator" content="Discourse 2.9.0.beta4 - https://github.com/discourse/discourse version 8a58ce6578ab697f29cea211049c37c2ab341ba5">

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

كان ذلك في 17227e9e53 عندما تحققت من لوحات الألوان، ولكني لاحظت أنها كانت متأخرة ببضع عمليات تثبيت عنك، لذلك فكرت في التحديث فقط لضمان الدقة. إنها الآن على 42683d4874 ولا تزال تحتوي على نفس رمز اللون الثلاثي للموضوع الداكن (0f82af).

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