The Appearance Tab – Email Love

The Appearance tab under the Email Love plugin interface enables you to customize how your email renders in dark mode on Apple devices and apply font styling across all of the components in your email. These features help you stay consistent and on-brand across every component in your Frame.

Layers that Support Appearance Styling

Frame: Apply dark mode and font styling to all of the components inside of your frame.

mj-wrapper: Apply dark mode and font styling to an individual wrapper component.

Using the Appearance Tab

Select the entire email frame or a wrapper within the frame.

Click the Appearance Tab in the plugin interface.

To override the default dark mode settings on Apple devices, customize the following:

Background Color: Set a specific background color that will appear in dark mode.

Content Color: Define the color for the main content area.

Text Colors: Choose colors for the text that will be displayed in dark mode.

Link Colors: Customize the color of hyperlinks to ensure they are visible and match your design theme.

To apply a consistent set of text styles across your entire email template, select a standard font, e.g. Arial, that will be applied to all text components in your email. This selection updates every text element in your design to the chosen font. In addition, select a fallback font that ensures your email displays correctly in different email clients.

Individually style various text elements such as headings (H1 through H5), paragraph tags, links, buttons, and footer styles. For example, to style your H1 heading:

Select the H1 element in the Appearance Tab.

Customize the font, font size, letter case, and text decoration, e.g., underline and bold.

These changes will automatically apply to all H1 components in your email design.

The Appearance Tab also allows you to update the logo that appears in dark mode. This ensures your brand logo is visible and looks great on dark backgrounds.

Benefits of Using the Appearance Tab

Consistency: Apply uniform styles across your email design, ensuring a cohesive look and feel.

Accessibility: Customize dark mode settings to enhance readability and accessibility on devices that support dark mode.

Efficiency: Quickly update text styles and global fonts from a single location, saving time and effort.

Customization: Fine-tune the appearance of various text elements to match your brand’s aesthetic.