كيف يتم تحديد لون دائرة

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

في هذه الأثناء، يظل لون المواضيع الجديدة (اللون الأزرق الافتراضي) أزرق في موقعنا. سيكون استخدام نفس اللون للرسائل الجديدة في الدردشة والمواضيع الجديدة أمرًا جيدًا.

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

مرحباً،

الرسالة “العادية” (ليست رسالة مباشرة، بل رسائل غير مقروءة في قناة) هي بلون background: var(--tertiary-med-or-tertiary);. لذا، يتم اشتقاق هذا اللون مما قمت بتعيينه كلون لهجتك الثالث.
افتراضياً، هذا اللون أزرق.

إذا كنت لا ترغب في تغيير لون لهجتك الثالث، يمكنك تجاوز هذا اللون بشكل خاص عن طريق تعيين خلفية مختلفة لـ .chat-channel-unread-indicator في ملف CSS الخاص بك.

الرسائل المباشرة الجديدة خضراء افتراضياً، وهي var(--success)

آمل أن يساعد هذا!
تحياتي :beers:

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

شكرا.

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

يمكن العثور على هذا بسهولة عند النظر إلى مفتش DOM. يمكنك استخدامه لتجاوزه:
للقنوات:
.chat-enabled .sidebar-section-link-suffix.icon.unread svg

للمحادثات الشخصية:
.chat-enabled .sidebar-section-link-suffix.icon.urgent svg

لا توجد طريقة افتراضية للقيام بذلك على حد علمي. قد تحتاج إلى التفكير في إنشاء إضافة (plugin) لذلك.

4 إعجابات

تم تقسيم مشاركة إلى موضوع جديد: كيفية تحديد متغيرات الألوان؟