هل يمكن تغيير الأيقونات فقط عند الاستضافة الذاتية؟ الأيقونات لها خلفية تبدو خاطئة مع لون الخلفية الخاص بي. بإزالة خلفية SVG ستبدو أفضل.
يجب أن تحترم أيقونات SVG لوحة الألوان الخاصة بالمستخدم. يمكنك تغيير الأيقونات نفسها في مكون السمة، إذا كان لديك وصول إلى المكونات على موقعك. هل يمكنك مشاركة المزيد من التفاصيل حول مشكلتك، ربما مع لقطة شاشة؟ أيضًا، هل يمكنك تأكيد أن لديك الوضعين الفاتح والداكن معدين بشكل صحيح في إعداداتك؟
3 إعجابات
شكرًا لك، هكذا يبدو الأمر:
أدركت أن الأمر يتعلق بحالة الزر. إذا نقرت في مكان ما على خلفية الصفحة، فستبدو الأمور لطيفة، ويختفي المربع الرمادي ويتطابق لون القمر مع لون العدسة المكبرة. حاولت تغيير الألوان في السمة، لكنني لم أتمكن من العثور على أي لون يتحكم في هذا.
سأتركه قيد التشغيل الآن حتى تتمكن من رؤيته:
أيضًا، أود تغيير الأيقونة إلى circle-half-stroke، لكن محاولاتي لم تنجح.
إعجابَين (2)
أفهم ما تقصده. لقد قمت بتسجيل شاشة صغير لتوضيح ذلك.
يحدث نفس الشيء على موقعي (وهنا في ميتا)، حتى مع المحدد في الشريط الجانبي. يحدث أن يكون أقل قبحًا بعض الشيء لأن الألوان متقاربة، والزر ليس بارزًا في الرأس كما في حالتك.
من المحتمل أن يكون إصلاحًا تصميميًا بسيطًا جدًا لمنعه وأتفق على أنه فكرة جيدة.
3 إعجابات
أعتقد أنه لا يوجد حاليًا إعداد لتعديل الأيقونات. يوجد إعداد يضمن تحميل الأيقونات المستخدمة، ولكن الأيقونات غير قابلة للتخصيص دون إنشاء نسخة من المكون أو إضافة إعداد للتخصيص.
إعجاب واحد (1)
هذا مثير للاهتمام. أتساءل ما الذي تفعله إعدادات svg icons؟ لقد حاولت تغيير هذه إلى أيقونات SVG المستخدمة في الشريط الجانبي، مثل circle و circle-half-stroke، لكن ذلك جعل أيقونة الشمس لا تظهر. تستمر أيقونة القمر في الظهور.
إعجاب واحد (1)
تضيف الأيقونات. هذا الإعداد مفيد للمكونات التي يمكن للمسؤولين فيها اختيار الأيقونات، مثل أيقونات الرأس المخصصة. هناك، يمكنك استخدام الإعداد لإضافة الأيقونات التي تريد استخدامها، بحيث يتم تحميلها.
أعتقد أنه عندما لا يمكنك تخصيص الأيقونات، يمكن إضافتها أيضًا في about.json. لكنني ما زلت أتعلم كيف تعمل السمات.
إعجاب واحد (1)
لقد استبدلت بسهولة الشمس والقمر في منتدياتي برمز اليين واليانغ، عن طريق وضع هذا في علامة الرأس الخاصة بتعديل / CSS لمكون (لقد استبدلت أيضًا أيقونة الروبوت ببرق).
api.replaceIcon('robot', 'bolt');
api.replaceIcon('sun', 'yin-yang');
api.replaceIcon('moon', 'yin-yang');
لقد وجدت أنه من الأسهل القيام بذلك بهذه الطريقة. 
إعجاب واحد (1)