Beberapa email client kini telah menerapkan tema Dark Mode di tampilan mereka. Di beberapa kasus, mungkin tampilan akan terlihat tidak sama seperti yang Anda inginkan karena dipengaruhi oleh tema Dark Mode. Disini Anda akan mempelajari bagaimana tema Dark Mode akan mempengaruhi tampilan email Anda.

Tentang Dark Mode

Tema Dark Mode pada email client memunculkan warna terbalik atau reversed pada gambar, teks, background dan lainnya. Umumnya, tema suatu device dibagi 2 yaitu light (Mengacu ke warna putih) dan dark (Mengacu ke warna hitam). Saat ini hampir seluruh email client telah menyesuaikan settingnya untuk tersedia dark mode.

Jadi, misalkan ketika Anda mengirimkan email dengan background atau teks berwarna putih, bisa jadi jika penerima email menggunakan Dark Mode, maka tampilan warna email yang Anda kirimkan akan berubah. Namun tidak akan secara utuh merubah tampilan, karena kejadian tersebut hanya terjadi pada email client dan device apa yang Anda gunakan untuk membuka email.

Email Client yang Support Dark Mode

Di beberapa email client telah support Dark Mode, namun ada juga email client yang belum support Dark Mode. Berikut adalah list email client yang support dengan tema Dark Mode dan efeknya yang terjadi jika menggunanakan tema Dark Mode:

Mobile Apps:

• iPhone Mail: Tidak ada perubahan warna.
• iPad Mail: Tidak ada perubahan warna.
• Gmail App (Android): Hanya beberapa warna yang berubah.
• Gmail App (iOS): Seluruh warna berubah.
• Outlook App (Android): Hanya beberapa warna yang berubah.
• Outlook App (iOS): Hanya beberapa warna yang berubah.

Desktop Clients:

• Apple Mail (MacOS): Tidak ada perubahan warna.
• Outlook 2019 (MacOS): Hanya beberapa warna yang berubah.
• Outlook 2019 (Windows): Seluruh warna berubah.

Web Clientss:

• Outlook.com: Hanya beberapa warna yang berubah.
• Gmail.com: Hanya beberapa warna yang berubah.

Meskipun beberapa email client yang disebutkan diatas sudah support dengan tema Dark Mode, tapi belum tentu mereka dapat menampilkan email dengan cara yang sama. Dalam artian, bisa saja di beberapa email masih ada tampilannya yang tidak sinkron dengan aslinya.

Apakah Akan Berpengaruh Ketika Saya Mengirimkan Email?

Jawabannya, ya. Seperti yang sudah disebutkan diatas, akan ada beberapa perubahan warna tergantung dari email client dari penerima email. Namun kami memiliki beberapa alternatif jika Anda berhadapan dengan penerima email yang menggunakan tema Dark Mode di email client mereka:

1. Mengabaikan kompatibilitas dark mode yang kontrolnya ada pada user. User yang merasa tidak nyaman membaca email bapak kemungkinan akan switch ke normal mode untuk melihat konten secara utuh/normal.

2. Force mode, Anda dapat menggunakan konten gambar utuh sebagai kesatuan elemen gambar beserta warna backgroudnya jika dikhawatirkan dark mode akan merusak tampilan email. Namun secara optimasi konten, penggunaan gambar yang terlalu banyak atau besar dapat juga berpengaruh pada performa email, seperti load time jika gambar besar, atau konten teks yang tidak responsive karena dilampirkan dalam gambar.

Poin yang Perlu Diperhatikan

Mengingat dark mode mampu mengubah warna secara otomatis, dan kita tidak bisa mengendalikan

Banyak sekali jenis konten email yang bisa kita kreasikan. Sedangkan issue dark mode ini tidak benar-benar bisa kita tangani seutuhnya, tapi kita masih bisa mengantisipasinya agar email yang kita kirim dapat tetap bisa mendapatkan hasil yang maksimal di dark mode.

Catatan, beberapa tips disini ditulis berdasarkan issue yang ada di Gmail (iOS). Di beberapa email client lainnya mungkin tidak mengalami hal ini, namun kurang lebih berikut adalah beberapa poin yang perlu diperhatikan terkait dark mode email.

1. Teks dan warna background

Jika teks berwarna light dan background color berwarna dark, maka warna di email client akan otomatis berganti menjadi warna sebaliknya. Misalkan di dark mode, warna teks yang light akan menjadi dark, dan warna background yang dark akan menjadi light.

Khusus apabila Anda menggunakan komponen Text. Apabila Anda menggunakan warna diluar light dan dark, maka background pada komponen Text akan berubah menjadi sedikit dark. Misal Anda memilih warna orange, maka saat terkena efek dark mode, warnanya akan berubah seperti contoh berikut

Pada contoh diatas, menggunakan warna orange sebagai warna background. Namun karena efek dark mode, maka warnanya akan menjadi gelap namun tetap dengan warna dasar aslinya.

1. Format image

Setidaknya ada 2 format gambar yang perlu diperhatikan, yaitu .jpg/.jpeg dan .png.

• .jpg/.jpeg Image dengan format ini tidak akan terpengaruh dengan adanya dark mode. Berlaku juga apabila gambar tersebut tidak full 100% (Misal ada lekukan atau area yang kosong). Jadi apabila Anda menggunakan image dengan format .jpg/.jpeg, warnanya tidak akan berganti di dark mode.

• .png Image dengan format ini akan terpengaruh oleh efek dark mode HANYA di area yang tidak memiliki background atau transparan. Apabila image .png Anda terdapat area yang transparan, maka area tersebut akan terkena efek dark mode. Seperti contoh berikut: