تحرير لوحة الألوان بشكل أكثر سلاسة

قابل التطور التالي في إدارة العلامة التجارية لمجتمعك — واجهة مُعاد تصميمها لإنشاء وتعديل لوحات الألوان!

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

:sparkles: ما الجديد؟

تتكامل واجهة لوحة الألوان الجديدة بسلاسة مع نظام تصميم المسؤول العام، مما يوفر تجربة متماسكة تجعل إدارة اللوحة قوية وسهلة الوصول.

تتضمن الواجهة الجديدة:

  • تصميم متكامل يتماشى مع جمالية واجهة المسؤول الحديثة.

  • تسمية واضحة للتأكد من معرفة كيفية تطبيق كل لون.

  • سير عمل أكثر سلاسة لإنشاء لوحات جديدة أو تعديل اللوحات الحالية.

  • عناصر تحكم اللوحة الافتراضية مباشرة من واجهة التحرير، لكل من الأوضاع الفاتحة والداكنة.

عند إنشاء لوحة جديدة، يمكنك الآن رؤية معاينة مرئية للوحة الأساسية قبل تحديدها:

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

:rocket: كيفية الوصول إلى الواجهة الجديدة

واجهة لوحة الألوان الجديدة متاحة الآن لجميع مواقع Discourse! يمكنك الوصول إليها عن طريق:

  1. الانتقال إلى المسؤولالمظهرلوحات الألوان

  2. النقر على تحرير على أي لوحة موجودة، أو زر جديد لإنشاء لوحة جديدة.


يمثل هذا التحديث الأخير التزامنا المستمر بتزويد المسؤولين بأدوات قوية وسهلة الاستخدام لتخصيص مظهر مجتمعات Discourse الخاصة بهم.

تجعل الواجهة المحسّنة من السهل أكثر من أي وقت مضى إنشاء تجارب جميلة ومتوافقة مع العلامة التجارية لأعضائك مع الحفاظ على المرونة والتحكم الذي تحتاجه.

هل لديك أسئلة أو ملاحظات حول الواجهة الجديدة؟ يسعدنا أن نسمع منك في الردود أدناه!

13 إعجابًا

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

يمكنك إضافة مكون مخصص إلى Horizon حيث تضيف CSS المخصص الخاص بك.

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

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

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

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

أيضًا، يتم حساب جميع أنواع الظلال بواسطة اللون الثالثي. على سبيل المثال، خلفية الشريط الجانبي (ما زلت أتحدث عن سمة Horizon). وقد أرغب في اختيار لون آخر لذلك (بشكل عام، على سبيل المثال، رمادي فقط).

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

خيار آخر يمكن أن يكون وضع متقدم حيث تسمح بتعيين أي متغيرات ألوان. وليس فقط هذه المتغيرات الرئيسية الـ 12. عندها ستتوقف عن الحساب وتسمح لي بتعديل جميع الألوان يدويًا ولكن لا يزال باستخدام واجهة المستخدم.

أعتقد أن الوضع المتقدم مغطى في Create and share a color scheme

أعتقد أنه يمكنك استخدام Targetable Color Schemes لتجاوز شيء ما لمخطط ألوان واحد فقط

إعجابَين (2)

أرى، لقد وجدت المزيد من التفاصيل في Reference for full color customization . إنه يظهرها حتى في واجهة المستخدم! رائع. شكرًا!

إعجابَين (2)

يبدو أن لديك الأمور مرتبة. يعتبر CSS المخصص مع مكون Targetable Color Schemes مزيجًا قويًا، كما أن إضافة حقول ألوان إضافية مفيدة جدًا أيضًا.

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

نعم، ولكن سأحاول استخدام Reference for full color customization أولاً إن أمكن. قد يكون كافياً الوصول إلى جميع المتغيرات التي تم حسابها وتثبيت القيم التي أحبها. قد لا تكون CSS مطلوبة على الإطلاق. ولكن إذا كانت كذلك، فإن مخططات الألوان القابلة للاستهداف هي بالتأكيد الطريق الصحيح.

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