ইমেল ভাঙ্গা থেকে আইওএস 13 ডার্ক মোডকে কীভাবে প্রতিরোধ করবেন


10

আমাদের কাছে একটি ই-কমার্স অ্যাপ্লিকেশন রয়েছে যা কোনও ক্রয় হয়ে গেলে অর্ডার বিশদ পাঠায় এবং আমরা কেবলমাত্র ইমেল টেমপ্লেটটি নতুন করে ডিজাইন করেছি। আমরা গত কয়েকদিন ধরে কিছু গ্রাহকের ইমেলের অর্ধেক পাঠ্য অনুপস্থিত থাকার প্রতিবেদন পেয়েছি।

শেষ পর্যন্ত স্ক্রিনশট পাওয়ার পরে, আমরা শিখেছি যে আইফোনগুলিতে ডার্ক মোড ব্যবহার করে সমস্যাটি ঘটছে। এখনও অবধি তারা সকলেই মেল অ্যাপ্লিকেশন বা সাফারি (উভয়েই একই সমস্যা রয়েছে) এর সাথে Gmail ব্যবহার করে গ্রাহক। আমি নিশ্চিত না যে জিমেইল ফ্যাক্টরটি প্রাসঙ্গিক বা কাকতালীয়।

আমাদের ইমেলটি সহজ - এটির একটি সাদা ব্যাকগ্রাউন্ড, ধূসর শিরোনাম এবং কালো বডি টেক্সট রয়েছে। গাark় মোড সাদা ব্যাকগ্রাউন্ড এবং ধূসর শিরোনামগুলি ছোঁয়া ছাড়ছে, তবে দেহের পাঠ্যটি কালো থেকে সাদাতে পরিবর্তন করা হচ্ছে। সাদা ব্যাকগ্রাউন্ডে, সাদা পাঠ্যটি স্পষ্টতই অদৃশ্য এবং ইমেলটি দেখে মনে হচ্ছে এটিতে প্রচুর পরিমাণে সামগ্রী অনুপস্থিত।

আমাদের পাঠ্যকে কালো থেকে সাদা থেকে পরিবর্তন করতে ডার্ক মোড প্রতিরোধের জন্য কি এমন কিছু করা যেতে পারে?

আমার অবশ্যই লক্ষ্য করা উচিত যে ইমেলের মধ্যে আমাদের একটি কিউআর কোড এম্বেড রয়েছে, সুতরাং আমি এমন সমাধানগুলি সম্পর্কে উদ্বিগ্ন যা ডার্ক মোডকে আমাদের সম্পূর্ণ ইমেলটি পুনরায় পুনঃস্থাপনের ক্ষেত্রে এগিয়ে যেতে দেয়, কারণ আমি বিশ্বাস করি যে এটি কিউআর কোডটি স্বীকৃত করা আরও শক্ত করে তুলবে ।

সম্পাদনা করুন: এটি কোনও অ্যাপ কোডের সাথে সম্পর্কিত নয়, তাই ডার্ক মোডের জন্য আইওএস বিকাশের দিকনির্দেশগুলি প্রয়োগ হয় না। অন্ধকার মোডে আইওএস 13 এ অ্যাপলের মেল অ্যাপ্লিকেশনটি কীভাবে এইচটিএমএল ইমেল প্রদর্শন করছে তা কেবল এটিই একটি সমস্যা।



আপনি যদি ফন্টের রঙটি স্পষ্টভাবে সেট করেন তবে কী হবে? আমি ধরে নিয়েছি অন্ধকার মোড কেবলমাত্র ফন্টটিকে সাদা রঙে পরিবর্তন করে যদি এটি ডিফল্ট রঙের সাথে ছেড়ে যায়।
ফ্রাঙ্ক শ্লেগেল


@ প্রতীকসোধ যে প্রশ্নটি আইওএস অ্যাপসের সাথে সম্পর্কিত, আমি কেবল ডার্ক মোডে অ্যাপলের মেল অ্যাপে প্রদর্শিত একটি এইচটিএমএল ইমেলের কথা বলছি।
জেসিকা 19

@ ফ্র্যাঙ্কচ্লেজেল রঙ এবং পটভূমি বর্ণটি সর্বত্র স্পষ্টভাবে সেট করা হয়েছিল এবং এখনও স্থানান্তরিত হচ্ছে। আপনার প্রদত্ত লিঙ্কটির উত্তর ছিল, আমাকে color-scheme: light onlyসমস্ত উপাদান সেট করতে হয়েছিল। তোমাকে অনেক ধন্যবাদ.
জেসিকা

উত্তর:


10

আপনি জোর করে অ্যাপল ডিভাইসগুলিতে এটি সরাতে পারেন, তবে এখন এগুলিকে থামানোর কোনও উপায় ছাড়াই আমাদের কাছে ম্যাকের Gmail এবং আউটলুক রয়েছে।

সহজভাবে এটিতে <head>:

<meta name="color-scheme" content="only">

"কেবলমাত্র" কেবল "হালকা" এর জন্য সংক্ষিপ্ত (এটি এখনও কার্যকর হয়)

এটি আইফোন ডার্ক মোড এবং অ্যাপল মেলের জন্য ঠিক করবে তবে ম্যাক বা জিমেইলে আউটলুক নয়

আপনি বর্তমানে ম্যাকের আউটলুককে ওভাররাইড করতে পারেন, তবে Gmail এর জন্য কোনও হ্যাক নেই।

এখানে ম্যাক থেকে আউটলুকের জন্য কীভাবে ওভাররাইড করা যায় তা এখানে:

<style type="text/css">
.body, .darkmode, .darkmode div { /* With class body on the body tag, and all elements represented here that have a background color */
    background-image: linear-gradient(#ffffff,#ffffff) !important;
}
.darkmode p { /* Add other selectors for other text elements */
    -webkit-text-fill-color: #000000 !important;
}
</style>

এই জন্য লিটমাস ফোরামে ব্রায়ান থিজ এইচটি


তবে আপনার গ্রাহকরা যে কার্যকারিতা (ডার্ক মোড) চান তা মুছে ফেলার পরিবর্তে মূল সমস্যাটি সমাধান করার চেষ্টা করা ভাল।

অ্যাপল এর সাথে একটি উপায় সরবরাহ করেছে <head>:

<meta name="color-scheme" content="light dark">
<style type="text/css">
@media (prefers-color-scheme: dark) {
        .darkmode { background-color: #1e1e1e !important; }
        .darkmode p { color: #ffffff !important; }
}
</style>

এছাড়াও, ব্যাকগ্রাউন্ড রঙের সাথে আপনার বহিরাগত উপাদানটির ক্লাস "ডার্কমোড" রয়েছে, যেমন নিশ্চিত করুন

 <table width="100%" cellpadding="0" cellspacing="0" border="0">
        <tr>
            <td align="center" class="darkmode" bgcolor="#ffffff" valign="top" style="padding: 0px 15px;">

সুতরাং ডিফল্টরূপে, আপনার সাদা পটভূমি, কালো পাঠ্য থাকবে; এবং গা dark় মোডে এটি হালকা পাঠ্যের সাথে একটি অন্ধকার পটভূমি হবে।

(দয়া করে আরও যে কোনও প্রশ্নের জন্য কোড সরবরাহ করুন))


আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.