مرحباً، أنا أستخدم سمة “mint” على موقعي الإلكتروني ولدي مشكلة تتعلق بالألوان. يوجد زر لوضع “داكن/فاتح” في الأعلى، وكلما قمت بتغيير لون خلفية الزر، يتغير لون الزر أيضاً مما يجعل كلمة “داكن/فاتح” غير مرئية.
في الصورة كما ترى، تبدو فارغة ولكنها في الواقع 3 أزرار مختلفة وتقول “داكن، فاتح، تلقائي” ولكن لون الخلفية ولون النص متماثلان لذا فهي غير مرئية.
إعجابَين (2)
تحديث: ما زلت أواجه نفس المشكلة… هل يمكن لأحد المساعدة؟
أهلاً بك!
هل تقصد أنك أضفت CSS مخصصًا لتغيير اللون؟ هل يمكنك مشاركة تعديلاتك؟
وهناك أيضًا بعض المحادثات الأخيرة في هذا المنتدى حول تبديل الوضع الداكن/الفاتح أشارت إلى أنه لكي يعمل، يجب أن يكون لديك لوحة ألوان فاتحة و داكنة معدة في إعداداتك
مرحباً، شكراً لك! لا، لم أضف أي شيء إضافي، أنا أستخدم سمة النعناع. لون أزرار الوضع الداكن/الفاتح/التلقائي وخلفيتها متطابقان، ولهذا السبب تبدو غير مرئية. على سبيل المثال، أقوم بتغيير لون الزر، وهذا يؤثر أيضاً على خلفية الزر.
إعجاب واحد (1)
ما الذي حددته في إعداد موقعك Default dark mode color scheme ID؟ يجب أن يكون mint-dark.
من ما أراه، فإن نمط CSS الأساسي لـ d-menu يتجاوز أنماط أزرار السمة لأنه يتمتع بخصوصية أكبر:
لكن هذه ليست بالضرورة المشكلة.
تستخدم سمة Mint نمطًا محددًا للزر الافتراضي (فئة btn-default).
ويستخدم عنصر قائمة منسدلة القائمة زرًا بفئة btn-default.
أتساءل عما إذا كان من الضروري تحديد هذه الفئة في الكود الأساسي. لا يبدو أنها توفر فائدة، ولكن ربما أكون مخطئًا.
بدون ذلك:
أو، ربما تحتاج السمة إلى دعم الميزة الأساسية:
.interface-color-selector-content .btn-default {
color: var(--primary);
border: none;
transition: none;
text-transform: none;
.d-icon {
color: var(--primary-high);
}
}
3 إعجابات
حسنًا، الأمر معقد بعض الشيء، دعني أعالجه 
إعجابَين (2)
يبدو أن هذه مشكلة في النواة لفريق التصميم، لذلك قمت بنقلها إلى فئة تجربة المستخدم.
4 إعجابات
شكرا جزيلا!
3 إعجابات
تحديث: الزر اختفى. هل يعمل فريق تجربة المستخدم على حل ذلك؟ :ابتسامة:
إعجاب واحد (1)
مرحباً،
عذراً على الانتظار الطويل هنا. بالفعل لم تكن فئة btn-default مطلوبة هنا وتسببت في المشكلة.
تم الإصلاح بواسطة
إعجاب واحد (1)
تم إغلاق هذا الموضوع تلقائيًا بعد 4 أيام. لم يعد يُسمح بالردود الجديدة.