* Compact style template.
* This template can be overridden by copying it to yourtheme/wpforms/emails/compact-style.php.
* @var string $email_background_color Background color for the email.
* @var string $email_body_color Background color for the email content body.
* @var string $email_text_color Text color for the email content.
* @var string $email_links_color Color for links in the email content.
* @var string $email_typography Preferred typography font-family for email content.
* @var string $header_image_max_width Maximum width for the header image.
* @var string $header_image_max_height Maximum height for the header image.
if ( ! defined( 'ABSPATH' ) ) {
require WPFORMS_PLUGIN_DIR . '/assets/css/emails/compact.min.css';
$border_color = wpforms_generate_contrasting_color( $email_text_color, 86, 72 );
background-color: <?php echo sanitize_hex_color( $email_background_color ); ?>;
background-color: <?php echo sanitize_hex_color( $email_body_color ); ?>;
border: 1px solid <?php echo sanitize_hex_color( wpforms_generate_contrasting_color( $email_text_color, 72, 63 ) ); ?>;
body, table.body, h1, h2, h3, h4, h5, h6, p, td, th, a {
color: <?php echo sanitize_hex_color( $email_text_color ); ?>;
font-family: <?php echo esc_attr( $email_typography ); ?>;
color: <?php echo sanitize_hex_color( $email_links_color ); ?>;
background-color: <?php echo sanitize_hex_color( $email_links_color ); ?>;
border: 1px solid <?php echo sanitize_hex_color( $email_links_color ); ?>;
color: <?php echo sanitize_hex_color( $email_body_color ); ?>;
border-bottom: 1px solid <?php echo sanitize_hex_color( $border_color ); ?>;
color: <?php echo sanitize_hex_color( wpforms_generate_contrasting_color( $email_text_color, 50, 45 ) ); ?>;
table.wpforms-order-summary-preview {
border: 1px solid <?php echo sanitize_hex_color( $border_color ); ?>;
table.wpforms-order-summary-preview td {
border-top: 1px solid <?php echo sanitize_hex_color( $border_color ); ?>;
<?php if ( ! empty( $header_image_max_width ) && ! empty( $header_image_max_height ) ) : ?>
max-width: <?php echo esc_attr( $header_image_max_width ); ?>px;
max-height: <?php echo esc_attr( $header_image_max_height ); ?>px;