White Label End User Guide
Markdown FilesDeveloper DocsDeveloper Login
  • Quick Start Guide for Content Builder
  • Builders
    • Design Builder Overview
    • Page Builder
      • Internal Links for Page Navigation
  • Manage Files
    • File Manager
      • How to Move Files
  • Design Tools
    • Undo, Redo, and History
    • Mobile Optimization Options
    • Mobile Design Mode
    • Configuring Settings
    • Borders
    • Padding
    • Hover Effect for Buttons
    • Content Area Padding
    • Line Height
  • Dynamic Content
    • Display Conditions
  • Content Blocks
    • Table
    • Forms
      • Form Layout Customization
    • Video
    • Icons
    • GIF Animations and Animated Stickers
    • Custom HTML
    • Paragraph and List Content Blocks
    • Titles
    • Menus
    • Images
    • Dividers and Spacers
    • Letter and Paragraph Spacing
  • Reuse Content
    • Saved Rows
    • Hosted Saved Rows
      • Glossary of Common Terms
    • Synced Rows
  • Structure Content
    • Row vs. Content Block Selection
    • Row Properties
    • Column Management
  • Design for any Language
    • Multi-language Templates
  • Preview Options
    • Preview Designs
    • Dark Mode Preview
  • Team Collaboration
    • Co-editing in the Builder
    • Content Locking
  • AI Tools for Content Creation
    • Apply a Brand Tone
    • AI-Generated Images
    • AI-Generated Metadata
    • Bulk Generate Alt Text with AI
    • AI Writing Assistant
    • Automatic Translations
Powered by GitBook

GitHub

  • Edit on GitHub
On this page

Was this helpful?

Export as PDF
  1. Preview Options

Dark Mode Preview

Last updated 1 year ago

Was this helpful?

Overview

The email builder's "Dark Mode Preview" toggle in Preview mode lets you simulate how your email designs will look on devices with dark mode activated. Given the variety in dark mode behavior across different email clients, this feature provides a general approximation of the dark mode experience for end-users.

Utility and Limitations

Although the Dark Mode Preview is a useful tool for initial design checks, it shouldn't replace in-depth testing across multiple email clients. It's tested rigorously with standard content blocks but may give different outcomes for custom HTML blocks. Also, note that the builder does not automatically optimize designs for dark mode at this time. Different email clients have varied ways of interpreting dark mode, and many don't yet support methods for overriding these settings.

How Dark Mode Affects Your Emails

  • Nothing Changes: Generally applies to Yahoo Mail and Gmail's webmail. The email content remains the same; only the client's UI changes.

  • Partial Color Inversion: Observed in outlook.com, where only the light-colored sections get inverted.

  • Full-Color Inversion: Seen in Gmail's mobile app and iOS 13 platforms. This mode entirely inverts colors and is often the most challenging for designers. Our preview tool is primarily focused on simulating this experience.