أنا أستخدم السمة الافتراضية بدون أي مكونات للسمة أو تخصيص CSS. في الإعدادات، حددت شعار “الوضع المظلم” الأبيض الخاص بي لبريد الهضم الإلكتروني، لأن منطقة خلفية الشعار في الهضم داكنة. يبدو رائعًا - عادةً:
ومع ذلك، عندما أتلقى هضمًا (في تطبيق Gmail) على جهاز iPhone في وضع الظلام للجهاز، يتم عكس منطقة خلفية الشعار إلى اللون الأبيض (إلى حد ما)، مما يجعل الشعار غير مرئي تقريبًا:
على سطح المكتب، يمكنني معاينة الوضع المظلم باستخدام مستكشف Chrome. إنه لا يعكس لون خلفية الشعار إلى اللون الأبيض. ولكنه يبدل شعاري الافتراضي (“وضع الإضاءة”)، مما يجعله غير مرئي تقريبًا هناك:
هذا يجعلني مرتبكًا جدًا… لا أعرف ما إذا كنت أرى خطأً، أو إذا كانت لدي توقعات خاطئة حول كيفية عمل الوضع المظلم للجوال…
أتخيل أنه يمكنني إضافة خط أسود حول شعاري الافتراضي حتى يعمل بشكل أفضل على خلفية فاتحة.
ولكنني أرحب بأي تلميحات لتحقيق مجموعات شعار + خلفية هضمية تعمل بشكل صحيح في جميع الإعدادات.
للتأكيد فقط، هل أجريت أي تغييرات على قالب البريد الإلكتروني لـ Discourse HTML الموجود في Admin / Customize / Email Style؟ وهل أضفت أي CSS إلى علامة التبويب CSS الموجودة في تلك الصفحة؟
أيضًا، هل تم تمكين إعداد الموقع apply custom styles to digest في موقعك؟ هذا الإعداد ممكّن افتراضيًا.
بافتراض أن أي تخصيصات أجريتها لا تسبب المشكلة، فإن تخميني هو أن ما يحدث هو أن العنصر النائب %{dark_mode_styles} الموجود في قالب البريد الإلكتروني الافتراضي لـ Discourse يتم استبداله بـ CSS الذي تمت إضافته بهذه الطريقة:
هذه الطريقة تضيف CSS التالي إلى القالب:
[dm='header'] {
background: #151515 !important;
}
يهدف هذا CSS إلى جعل رأس الملخص داكنًا عند عرض البريد الإلكتروني على جهاز تم ضبطه على الوضع الداكن، ولكن ربما تتجاهل بعض الأجهزة التوجيه !important وتعرض عكس اللون.
لا يمكنني إعادة إنتاج المشكلة على هاتف Android الخاص بي. ليس لدي جهاز iPhone لاختباره عليه. ربما يمكن لشخص آخر محاولة عرض بريد إلكتروني ملخص في الوضع الداكن على جهاز iPhone؟
لقد تلقيت رسائل بريد إلكتروني من الموقع. تظهر بشكل صحيح في تطبيق Gmail على هاتفي الذي يعمل بنظام Android في الوضع المظلم. ليس لدي جهاز يعمل بنظام iOS للاختبار عليه.
على جهاز iOS الخاص بـ @ToddZ، يحصل على نفس النتائج سواء تم تمكين إعداد تطبيق الأنماط المخصصة للملخص أم لا:
تخميني هو أن تطبيق Gmail على نظام iOS لا يزال لا يدعم استعلام الوسائط prefers-color-scheme: Can I email… @media (prefers-color-scheme). تقول تلك الصفحة أيضًا أن نظام Android لا يدعمه، ولكن رسائل البريد الإلكتروني تظهر بشكل صحيح في Gmail على نظام Android بالنسبة لي.
بشكل غير مباشر، قد يكون من الجدير ملاحظة في مكان ما أن إعداد تطبيق الأنماط المخصصة للملخص يجب تمكينه لتطبيق CSS الوضع المظلم الذي تمت إضافته إلى قالب البريد الإلكتروني.
@isaac، لست متأكدًا مما إذا كنت لا تزال تتعامل مع هذا. قد يكون من الجدير اختبار كيفية تعامل Gmail على نظام iOS مع هذا. خاصة عندما يستخدم المظهر الافتراضي لموقع Discourse مخطط ألوان داكنًا.
إذا سنحت لك الفرصة، هل يمكنك محاولة تشغيل نفس البريد الإلكتروني مع تمكين إعداد الموقع apply custom styles to digest؟ هل يحدث هذا الإعداد أي فرق في كيفية عرض البريد الإلكتروني في الوضع المظلم على Thunderbird؟
أيضًا، هل يمكنك التحقق مرة أخرى للتأكد من أن قالب البريد الإلكتروني الموجود في Admin / Customize / Email Style لم يتم تعديله؟ إذا لم يتم تعديله، فسيكون زر “Reset to default” في تلك الصفحة معطلاً:
يعد عكس الألوان بالكامل المخطط اللوني الأكثر تدخلاً: فهو لا يعكس المناطق ذات الخلفيات الفاتحة فحسب، بل يؤثر أيضًا على الخلفيات الداكنة.
لذا، إذا كنت قد صممت رسائلك الإلكترونية بالفعل ليكون لها سمة داكنة، فإن هذا المخطط سيجبرها بشكل مثير للسخرية على أن تصبح فاتحة. للأسف، هذه هي الاستراتيجية التي تستخدمها حاليًا بعض برامج البريد الإلكتروني الأكثر شيوعًا، مثل تطبيق Gmail (iOS) و Outlook 2021 (Windows) و Office 365 (Windows) و Windows Mail.
سيحتاج شخص لديه حق الوصول إلى حساب Litmus الخاص بـ Discourse إلى اختبار هذا. لتكرار المشكلة، حاول إرسال بريد إلكتروني موجز إلى Litmus من موقع Discourse تم تعيين لوحة ألوان السمة الافتراضية الخاصة به على مخطط ألوان داكن.
بافتراض أن هذا يؤدي إلى المشكلة، فإن الحل السهل سيكون استخدام مخطط ألوان فاتح دائمًا للبريد الإلكتروني، بغض النظر عن لوحة الألوان التي تم تعيينها للسمة الافتراضية في Discourse. هناك أيضًا نهج مقترح في قسم “استهداف Gmail لنظام iOS و Outlook لنظام Windows” في المنشور الذي ربطته والذي قد يعمل. إنه نوع من الحيلة.
قد ينظر الشخص الذي ينظر في هذا الأمر أيضًا في الطريقة التي يحتاج بها إعداد الموقع “تطبيق أنماط مخصصة للملخص” حاليًا إلى التمكين لإضافة دعم الوضع الداكن لعملاء البريد الإلكتروني الذين يدعمون الوضع الداكن بالفعل. لا يوجد شيء في واجهة مستخدم Discourse يوضح أن هذا الإعداد مرتبط بدعم الوضع الداكن.
نعم، يبدو أن عكس الألوان بالكامل هو ما أراه، على الأقل مع الملخص/الخلاصة في Gmail لنظام iOS.
ليس لدي النطاق الترددي الآن لتحليل المقالة بأكملها وتحديد الحلول المناسبة، ولكن سيتعين عليّ تجربة شيء ما في النهاية. لقد تم فتح موضوع GitHub لنشر أمثلة Gmail منذ عام 2019، وتم اقتراح عدد من الحلول، ولكن لا يوجد مؤشر على تغيير السلوك الأساسي.
آمل أن يتمكن فريق Discourse من إجراء بعض التعديلات العامة لتوحيد المظهر عبر المنصات.
بناءً على البريد الإلكتروني الملخص الذي رأيته من موقعك، أفترض أن موقعك لديه مخطط ألوان داكن افتراضي. في هذه الحالة، يمكنك إصلاح المشكلة التي تحدث مع لون خلفية الرأس في تطبيق Gmail الخاص بنظام iOS عن طريق إضافة الكود التالي إلى علامة تبويب CSS في قسم المسؤول / تخصيص / نمط البريد الإلكتروني في موقعك:
لاحظ أن الألوان المضافة إلى linear-gradient يجب أن تكون متماثلة. يجب أن تتطابق مع القيمة المعينة لـ “لون خلفية الرأس” في لوحة ألوان المظهر الافتراضي الخاص بك:
