'section', 'id' => self::SECTION_ID, 'title' => __( 'Store Notices', 'brandy' ), 'panel' => WooCommercePanel::PANEL_ID, 'type' => 'brandy-section', 'description_hidden' => true, ); $configurations[] = array( 'configuration_type' => 'control', 'id' => self::SECTION_ID, 'label' => __( 'Store Notices', 'brandy' ), 'section' => self::SECTION_ID, 'type' => 'brandy_settings', 'input_attrs' => array( 'value' => '', 'style' => 'display:none;', ), 'partial' => false, 'default' => self::get_default_value(), 'transport' => 'postMessage', ); return $configurations; } public static function get_default_value() { return array( 'information' => array( 'text_color' => array( 'normal' => 'var(--wp--preset--color--brandy-primary-black)', 'hover' => 'var(--wp--preset--color--brandy-primary-black)', ), 'background' => array( 'normal' => '#f4f4f4', ), 'border' => array( 'color' => array( 'normal' => '#cbcbcb', ), 'width' => array( 'value' => 0, 'min' => 0, 'max' => 10, 'unit' => 'px', ), ), 'icon_background' => array( 'normal' => '#4ab866', ), ), 'success' => array( 'text_color' => array( 'normal' => 'var(--wp--preset--color--brandy-primary-black)', 'hover' => 'var(--wp--preset--color--brandy-primary-black)', ), 'background' => array( 'normal' => '#f4fff7', ), 'border' => array( 'color' => array( 'normal' => '#4ab866', ), 'width' => array( 'value' => 0, 'min' => 0, 'max' => 10, 'unit' => 'px', ), ), 'icon_background' => array( 'normal' => '#4ab866', ), ), 'error' => array( 'text_color' => array( 'normal' => 'var(--wp--preset--color--brandy-primary-black)', 'hover' => 'var(--wp--preset--color--brandy-primary-black)', ), 'background' => array( 'normal' => '#fff0f0', ), 'border' => array( 'color' => array( 'normal' => '#cc1818', ), 'width' => array( 'value' => 0, 'min' => 0, 'max' => 10, 'unit' => 'px', ), ), 'icon_background' => array( 'normal' => '#cc1818', ), ), ); } public static function print_dynamic_css() { $settings = get_theme_mod( self::SECTION_ID ); $settings = empty( $settings ) ? self::get_default_value() : $settings; $css = ''; $variables = array(); foreach ( $settings as $section => $data ) { $variables[] = "--wc-$section-text_color-normal:" . $data['text_color']['normal']; $variables[] = "--wc-$section-text_color-hover:" . $data['text_color']['hover']; $variables[] = "--wc-$section-background-normal:" . $data['background']['normal']; $variables[] = "--wc-$section-border-color-normal:" . $data['border']['color']['normal']; $variables[] = "--wc-$section-border-width:" . StylesDataHelpers::get_dimension_css( $data['border']['width'] ); } $css .= 'body{' . implode( ';', $variables ) . '}'; echo wp_kses_post( $css ); } }