Edit File by line

<?php

[0] Fix | Delete

/**

[1] Fix | Delete

* Compact media queries style template.

[2] Fix | Delete

[3] Fix | Delete

* This template can be overridden by copying it to yourtheme/wpforms/emails/compact-queries.php.

[4] Fix | Delete

[5] Fix | Delete

* Note: To override the existing styles of the template in this file, ensure that all

[6] Fix | Delete

* overriding styles are declared as !important to take precedence over the default styles.

[7] Fix | Delete

[8] Fix | Delete

* @since 1.8.5

[9] Fix | Delete

* @since 1.8.6 Added dark mode variables.

[10] Fix | Delete

[11] Fix | Delete

* @var string $email_background_color_dark Background color for the email.

[12] Fix | Delete

* @var string $email_body_color_dark Background color for the email content body.

[13] Fix | Delete

* @var string $email_text_color_dark Text color for the email content.

[14] Fix | Delete

* @var string $email_links_color_dark Color for links in the email content.

[15] Fix | Delete

* @var string $email_typography_dark Preferred typography font-family for email content.

[16] Fix | Delete

* @var string $header_image_max_width_dark Maximum width for the header image.

[17] Fix | Delete

* @var string $header_image_max_height_dark Maximum height for the header image.

[18] Fix | Delete

[19] Fix | Delete

[20] Fix | Delete

if ( ! defined( 'ABSPATH' ) ) {

[21] Fix | Delete

exit;

[22] Fix | Delete

}

[23] Fix | Delete

[24] Fix | Delete

require WPFORMS_PLUGIN_DIR . 'assets/css/emails/partials/compact_media_queries.css';

[25] Fix | Delete

[26] Fix | Delete

// Reuse border-color.

[27] Fix | Delete

$border_color_dark = wpforms_generate_contrasting_color( $email_text_color_dark, 86, 72 );

[28] Fix | Delete

[29] Fix | Delete

[30] Fix | Delete

[31] Fix | Delete

@media (prefers-color-scheme: dark) {

[32] Fix | Delete

body, .body {

[33] Fix | Delete

background-color: <?php echo sanitize_hex_color( $email_background_color_dark ); ?> !important;

[34] Fix | Delete

}

[35] Fix | Delete

[36] Fix | Delete

.wrapper-inner {

[37] Fix | Delete

background-color: <?php echo sanitize_hex_color( $email_body_color_dark ); ?> !important;

[38] Fix | Delete

border: 1px solid <?php echo sanitize_hex_color( wpforms_generate_contrasting_color( $email_text_color_dark, 72, 63 ) ); ?> !important;

[39] Fix | Delete

}

[40] Fix | Delete

[41] Fix | Delete

body, table.body, h1, h2, h3, h4, h5, h6, p, td, th, a {

[42] Fix | Delete

color: <?php echo sanitize_hex_color( $email_text_color_dark ); ?> !important;

[43] Fix | Delete

font-family: <?php echo esc_attr( $email_typography_dark ); ?> !important;

[44] Fix | Delete

}

[45] Fix | Delete

[46] Fix | Delete

a, a:visited,

[47] Fix | Delete

a:hover, a:active,

[48] Fix | Delete

h1 a, h1 a:visited,

[49] Fix | Delete

h2 a, h2 a:visited,

[50] Fix | Delete

h3 a, h3 a:visited,

[51] Fix | Delete

h4 a, h4 a:visited,

[52] Fix | Delete

h5 a, h5 a:visited,

[53] Fix | Delete

h6 a, h6 a:visited {

[54] Fix | Delete

color: <?php echo sanitize_hex_color( $email_links_color_dark ); ?> !important;

[55] Fix | Delete

}

[56] Fix | Delete

[57] Fix | Delete

a.button-link {

[58] Fix | Delete

background-color: <?php echo sanitize_hex_color( $email_body_color_dark ); ?> !important;

[59] Fix | Delete

border: 1px solid <?php echo sanitize_hex_color( $email_links_color_dark ); ?> !important;

[60] Fix | Delete

color: <?php echo sanitize_hex_color( $email_links_color_dark ); ?> !important;

[61] Fix | Delete

}

[62] Fix | Delete

[63] Fix | Delete

.content td {

[64] Fix | Delete

border-bottom: 1px solid <?php echo sanitize_hex_color( $border_color_dark ); ?> !important;

[65] Fix | Delete

}

[66] Fix | Delete

[67] Fix | Delete

.footer, .footer a {

[68] Fix | Delete

color: <?php echo sanitize_hex_color( wpforms_generate_contrasting_color( $email_text_color_dark, 50, 45 ) ); ?> !important;

[69] Fix | Delete

}

[70] Fix | Delete

[71] Fix | Delete

table.wpforms-order-summary-preview {

[72] Fix | Delete

border: 1px solid <?php echo sanitize_hex_color( $border_color_dark ); ?> !important;

[73] Fix | Delete

}

[74] Fix | Delete

[75] Fix | Delete

table.wpforms-order-summary-preview td {

[76] Fix | Delete

border-top: 1px solid <?php echo sanitize_hex_color( $border_color_dark ); ?> !important;

[77] Fix | Delete

}

[78] Fix | Delete

[79] Fix | Delete

<?php if ( ! empty( $header_image_max_width_dark ) && ! empty( $header_image_max_height_dark ) ) : ?>

[80] Fix | Delete

.dark-mode .header-image {

[81] Fix | Delete

max-width: <?php echo esc_attr( $header_image_max_width_dark ); ?>px !important;

[82] Fix | Delete

}

[83] Fix | Delete

.dark-mode .header-image img {

[84] Fix | Delete

max-height: <?php echo esc_attr( $header_image_max_height_dark ); ?>px !important;

[85] Fix | Delete

}

[86] Fix | Delete

<?php endif; ?>

[87] Fix | Delete

}

[88] Fix | Delete

[89] Fix | Delete