تطبيق iOS: وضوح ضعيف لأزرار الشريط السفلي في بعض مخططات الألوان

أجد صعوبة في رؤية أزرار شريط الأزرار أدناه في discourse. ربما يمكن تحديد لون الأيقونة بطريقة مختلفة؟

selectbutton.net

3 إعجابات

@pmusaraj هل لديك أي أفكار؟

إعجابَين (2)

أيضًا، يبدو أن أيقونات اليسار/اليمين بلون مختلف — أقل وضوحًا — من أيقونات الرابط/التنزيل؟

تعديل: آه، الألوان المختلفة تشير إلى تفعيل/تعطيل

ما زال هناك مشكلة بالنسبة لي

شكرًا لك على التذكير @gingerbeardman، لقد سجلتُ في الموقع لأختبر هذا الأمر. هذا ليس السمة الافتراضية للموقع، بل إن للموقع عدة سمات ملونة، وقد استغرق مني بضع دقائق لإيجاد هذه السمة المحددة.

على أي حال، هل هناك أي احتمال بأن تقترح على مشرفي الموقع تغييرًا CSSًا خفيًا لهذه السمة؟

يمكنهم تعديل متغير لون header primary وتغييره إلى أخضر أفتح. سيؤثر ذلك على الرأس أيضًا، لكن ذلك سيكون مفيدًا، إذ يمكن لأزرار الرأس الاستفادة من تباين أكبر قليلاً.

أو، إذا كان يجب عليهم الاحتفاظ بلون الزر هذا في الرأس، فيمكنهم زيادة شفافية خلفية الشريط السفلي (لتطابق الرأس) باستخدام:

// overrides opacity of background, originally in footer-nav.scss
@supports (-webkit-backdrop-filter: blur(10px)) {
  body:not(.footer-nav-ipad) .footer-nav {
    background-color: $header_background;
  }
}

هذا سيعطيك النتيجة التالية (التباين لا يزال غير كافٍ في رأيي):

إعجابَين (2)

أوه! لم أكن أدرك أن هناك العديد من السمات الأخرى. سأجرب واحدة مختلفة. شكرًا لك.

ربما يكون الحل هو استخدام اللون مع تطبيق فلتر CSS لتغييره بدلاً من استخدام تدرجات الشفافية (alpha tints)؟