إعادة تصميم Meta Branded: تحديث المظهر

خلال الساعات القليلة الماضية، لاحظت أن سمة Meta Branded بها بعض التغييرات، مثل زيادة نصف قطر الحافة للأزرار وحقول النص، إلخ.

خلال الخمس عشرة دقيقة الماضية، لاحظت أن اللون الأساسي تغير من الأزرق إلى الأرجواني. هل كان هناك سبب لهذا التغيير، مثل مواءمته مع تصميم discourse.org “الجديد”؟ لقد كان أزرق لسنوات حتى الآن، لذا كان التغيير إلى اللون الأرجواني مفاجئًا.

5 إعجابات

أعتقد أن اللون الجديد هو جزء من

5 إعجابات

لقد وجدت الأمر مزعجًا أيضًا! ولكنني تكيفت بسرعة.

ما لا يعجبني هو الخط المستخدم لهذا :nauseated_face::

image

5 إعجابات

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

نعم، نحن نتماشى مع أنماط العلامة التجارية الجديدة.

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

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

6 إعجابات

أنا أحب اللون الأرجواني! :purple_heart:

4 إعجابات

^ مجرد إعادة التأكيد على هذا. نرحب بأي ملاحظات حول تحديث المظهر الجديد هنا.

3 إعجابات

عذرًا، لست من المعجبين على الإطلاق.

كانت أمبر خيارًا أفضل بكثير:

يصبح اللون الأرجواني تشويشًا لونيًا ضبابيًا على بعض النظارات! :face_with_monocle::cry:

لا أفهم ما تقصده، يبدو لي جيداً تماماً:

image

آسف، كان ذلك مجرد تورية. لدي بالفعل مشاكل طفيفة مع التشوهات اللونية في ظروف معينة، ولكن ليس لدي أي مشاكل مع اختيار اللون الأرجواني في السمة الجديدة ذات العلامة التجارية لـ “ميتا”.

أنا أيضاً معجب بصبغة الخلفية في كل من السمة الداكنة والفاتحة.

لست من محبي الأزرار المستديرة بالكامل. إنها مقبولة للأزرار العريضة، ولكن الأزرار المستديرة بالكامل
image image

هل يمكنني شرح السبب؟ ربما تعطيني إحساساً بالهاتف الذكي :person_shrugging:
ربما أحتاج فقط إلى التعود عليها، ولكني عادةً لا أختار السمة ذات العلامة التجارية لـ “ميتا”، فأنا أحب البقاء على الإعداد الافتراضي.

على أي حال، سعيد برؤية كل هذه التغييرات. في حين أنه لا يمكن لشيء أن يرضي الجميع، يجب أن تمر التغييرات بالعديد من التكرارات للوصول إلى الكمال في النهاية :smile:.
وأنا أيضاً معجب بسمة discourse.org الجديدة، بالمناسبة. استمروا في العمل الجيد! :hugs:

3 إعجابات

لقد تحولت إلى Foundation ولا يزال رائعًا.

لا يمكنني الاستمرار مع Meta Branded لأكثر من بضع دقائق.

قد يكون ذلك بسبب أنني أستخدم عدسات متغيرة البؤرة (varifocals).

أعتقد أن ما يحدث هنا هو أنك حددت العنبر (Amber) كمخطط ألوان داكن شخصي لك.

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

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

تفضيلتي العامة ستكون خيارًا لتعطيل مخططات الألوان المخصصة على ثيمات معينة، مثل ثيمات العلامات التجارية.

4 إعجابات

هل سيعمل شيء مثل Targetable Color Schemes على عدم استخدام اللون الأرجواني عند استخدام لوحة ألوان الكهرمان؟

3 إعجابات

أوه شكرًا لك. سأبحث في تفضيلاتي (Prefs).

4 إعجابات

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

7 إعجابات

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

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

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

4 إعجابات

(تم حذف المشاركة بواسطة المؤلف)

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

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

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

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

أنا أتساءل لماذا يتم تجاوز اللون الأرجواني ليكون لون التمييز بغض النظر عن أي شيء، أنا أحب اللون الأزرق لسمة WCAGdark.

ربما يكون هذا هو الدافع الذي أحتاجه لإنشاء فكرة الإضافة التي طالما أردتها للسماح للمستخدمين بإضافة تجاوزات CSS الخاصة بهم :thinking:.

يمكنك القيام بذلك بالفعل باستخدام إضافات المتصفح مثل Stylus، والتي تعمل بشكل مستقل عن قيام المسؤولين بتثبيت إضافة.