Rima modhi yakavambwa makore mashoma apfuura uye kubvumidzwa kuri kuramba kuchikura. Dark mode yave kuwanikwa pamacOS, iOS, uye Android pamwe nechero maapplication anosanganisira Microsoft Outlook, Safari, Reddit, Twitter, Youtube, Gmail, uye Reddit. Iko hakuna nguva dzose kutsigirwa kuzere kune imwe neimwe, zvakadaro.
Rima modhi inoderedza kushandiswa kwescreen simba uye inowedzera kutarisisa. Vamwe vashandisi vanotaurawo kuti vanonzwa kudzikiswa kwekutambudzika kweziso, asi ndizvo akabvunzwa.
Munguva pfupi yapfuura, isu takagadzira Yekushambadzira Cloud template iyo yaisanganisira Rima Mode mukodhi yayo iyo inonyatsoita kuti zvikamu zveemail zvakapesana zvinoshamisa zvichionekwa mumuteereri weemail. Iko kuyedza kunogona kutyaira kumwe kubatanidzwa uye tinya-kuburikidza nemitengo yevanyoreri vako.
Hazviwanzo kuti paine kufambira mberi muemail tekinoroji, saka zvakanaka kuona kugamuchirwa kweichi chiitiko kune iyo indasitiri. Kunzwisisa maitiro akanakisa, kodhi yekushandisa, pamwe nerutsigiro rwevatengi kwakakosha mukuita kwako kubudirira kwerima nzira. Nechikonzero ichocho, timu kuUpler yakaburitsa iri gwaro ku yerima modhi email rutsigiro.
Yakasviba Mode Email Kodhi
Nhanho 1: Sanganisira metadata yekugonesa rima modhi mune vatengi veemail - Nhanho yekutanga ndeyekugonesa rima modhi muemail kune vanyoreri vane yavo yakasviba modhi marongero akavhurwa Unogona kuzviita nekusanganisira iyi metadata mu tag.
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
Nhanho 2: Sanganisira yakasviba maitiro masitaera e @media (inosarudza-color-scheme: rima) - Nyora uyu mubvunzo wezvemidhiya mune yako yakadzika tags to customize the dark mode styles in Apple Mail, iOS, Outlook.
com, Outlook 2019 (macOS), uye Outlook App (iOS). Kana iwe usiri kuda yakatsanangurwa logo muemail yako, unogona kushandisa .dark-img uye .light-img makirasi sezvakaratidzwa pasi apa.
@media (prefers-color-scheme: dark ) {
.dark-mode-image { display:block !important; width: auto !important; overflow: visible !important; float: none !important; max-height:inherit !important; max-width:inherit !important; line-height: auto !important; margin-top:0px !important; visibility:inherit !important; }
.light-mode-image { display:none; display:none !important; }
}
Nhanho 3: Shandisa [data-ogsc] chivakamberi kuteedzera yakasviba modhi masitaira - Sanganisira makodhi aya eemail kuti aenderane nemamiriro erima muAptlook app yeApple.
[data-ogsc] .light-mode-image { display:none; display:none !important; }
[data-ogsc] .dark-mode-image { display:block !important; width: auto !important; overflow: visible !important; float: none !important; max-height:inherit !important; max-width:inherit !important; line-height: auto !important; margin-top:0px !important; visibility:inherit !important; }
Nhanho 3: Sanganisira yakasviba modhi-chete masitayera kumuviri HTML - Makiji ako eHTML anofanirwa kunge aine chaiwo erima kirasi makirasi.
<!-- Logo Section -->
<a href="http://email-uplers.com/" target="_blank" style="text-decoration: none;"><img src="https://campaigns.uplers.com/_email/_global/images/logo_icon-name-black.png" width="170" alt="Uplers" style="color: #333333; font-family:Arial, sans-serif; text-align:center; font-weight:bold; font-size:40px; line-height:45px; text-decoration: none;" border="0" class="light-mode-image"/>
<!-- This is the hidden Logo for dark mode with MSO conditional/Ghost Code --> <!--[if !mso]><! --><div class="dark-mode-image" style="display:none; overflow:hidden; float:left; width:0px; max-height:0px; max-width:0px; line-height:0px; visibility:hidden;" align="center"><img src="https://campaigns.uplers.com/_email/_global/images/logo_icon-name-white.png" width="170" alt="Uplers" style="color: #f1f1f1; font-family:Arial, sans-serif; text-align:center; font-weight:bold; font-size:40px; line-height:45px; text-decoration: none;" border="0" />
</div><!--<![endif]-->
</a>
<!-- //Logo Section -->
Email Rima Mode Matipi uye Zvimwe Zvekushandisa
Ndanga ndichishanda pa Martech Zone ezuva nezuva uye evhiki matsamba ekutsigira nzira yakasviba, ive shuwa ku nyora apa. Sezvo nekuwanda kwekunyora email, haisi nzira yakapusa nekuda kweakasiyana maemail vatengi uye yavo yekodhi yekodhi nzira. Imwe nyaya yandakamhanyira mairi yaive kunze ... semuenzaniso, iwe unoda chena zvinyorwa pabhatani zvisinei nerima nzira. Huwandu hwekodhi hunosekesa… Ini ndaifanira kuve nezvinotevera zvinotevera:
@media (prefers-color-scheme: dark ) {
.dark-mode-button {
color: #ffffff !important;
}
}
[data-ogsc] .dark-mode-button { color: #ffffff; color: #ffffff !important; }
Zvimwe zvekuwedzera zviwanikwa:
- Litmus - iro rekupedzisira gwara rerima nzira yevatengesi veemail.
- CampaignMonitor - ivo vanogadzira vanotungamira kune yakasviba modhi yeemail.
Wona Uplers Inopindirana Infographic