Customizer::filter_accent_color_css( string $template )

Handle accent color customizations for Event Tickets.


Parameters

$template

(string) (Required) The original CSS template.


Top ↑

Return

(string) $template The resulting CSS template.


Top ↑

Source

File: src/Tribe/Service_Providers/Customizer.php

	public function filter_accent_color_css( $template ) {
		$customizer              = Tribe__Customizer::instance();
		$global_elements_section = tribe( 'tec.customizer.global-elements' );
		$settings                = $customizer->get_option( [ $global_elements_section->ID ] );

		if ( $customizer->has_option( $global_elements_section->ID, 'accent_color' ) ) {
			$accent_color     = new Tribe__Utils__Color( $settings['accent_color'] );
			$accent_color_rgb = $accent_color::hexToRgb( $settings['accent_color'] );
			$accent_css_rgb   = $accent_color_rgb['R'] . ',' . $accent_color_rgb['G'] . ',' . $accent_color_rgb['B'];

			$accent_color_hover      = 'rgba(' . $accent_css_rgb . ',0.8)';
			$accent_color_active     = 'rgba(' . $accent_css_rgb . ',0.9)';
			$accent_color_background = 'rgba(' . $accent_css_rgb . ',0.07)';

			$template .= '
				.tribe-common.event-tickets .tribe-tickets__rsvp-actions-success-going-check-icon,
				.tribe-common.event-tickets .tribe-common-c-btn:disabled {
					background-color: <%= global_elements.accent_color %>;
				}
			';

			$template .= '
				.tribe-common.event-tickets .tribe-tickets__rsvp-message {
					background-color: ' . $accent_color_background . ';
				}
			';

			$template .= '
				.tribe-common.event-tickets .tribe-tickets__rsvp-message-link {
					color: <%= global_elements.accent_color %>;
				}
			';

			/**
			 * Overrides from TEC when V2 is not active.
			 */

			// overrides for common base/full/typography/_ctas.pcss.
			$template .= '
				.tribe-common.event-tickets .tribe-common-cta--alt,
				.tribe-common.event-tickets .tribe-common-cta--alt:active,
				.tribe-common.event-tickets .tribe-common-cta--alt:hover,
				.tribe-common.event-tickets .tribe-common-cta--alt:focus,
				.tribe-common.event-tickets .tribe-common-cta--thin-alt,
				.tribe-common.event-tickets .tribe-common-cta--thin-alt:active,
				.tribe-common.event-tickets .tribe-common-cta--thin-alt:focus,
				.tribe-common.event-tickets .tribe-common-cta--thin-alt:hover {
					border-bottom-color: <%= global_elements.accent_color %>;
				}
			';

			$template .= '
				.tribe-common.event-tickets .tribe-common-cta--alt:active,
				.tribe-common.event-tickets .tribe-common-cta--alt:hover,
				.tribe-common.event-tickets .tribe-common-cta--alt:focus,
				.tribe-common.event-tickets .tribe-common-cta--thin-alt:active,
				.tribe-common.event-tickets .tribe-common-cta--thin-alt:hover,
				.tribe-common.event-tickets .tribe-common-cta--thin-alt:focus,
				.tribe-theme-twentyseventeen .tribe-common.event-tickets .tribe-common-cta--alt:hover,
				.tribe-theme-twentyseventeen .tribe-common.event-tickets .tribe-common-cta--alt:focus,
				.tribe-theme-twentyseventeen .tribe-common.event-tickets .tribe-common-cta--thin-alt:hover,
				.tribe-theme-twentyseventeen .tribe-common.event-tickets .tribe-common-cta--thin-alt:focus {
					color: <%= global_elements.accent_color %>;
				}
			';

			// overrides for common components/full/buttons/_solid.pcss.
			$template .= '
				.tribe-common.event-tickets .tribe-common-c-btn,
				.tribe-common.event-tickets a.tribe-common-c-btn {
					background-color: <%= global_elements.accent_color %>;
				}
			';

			$template .= '
				.tribe-common.event-tickets .tribe-common-c-btn:focus,
				.tribe-common.event-tickets .tribe-common-c-btn:hover,
				.tribe-common.event-tickets a.tribe-common-c-btn:focus,
				.tribe-common.event-tickets a.tribe-common-c-btn:hover {
					background-color: ' . $accent_color_hover . ';
				}
			';

			$template .= '
				.tribe-common.event-tickets .tribe-common-c-btn:active,
				.tribe-common.event-tickets a.tribe-common-c-btn:active {
					background-color: ' . $accent_color_active . ';
				}
			';

			$template .= '
				.tribe-common.event-tickets .tribe-common-c-btn:disabled,
				.tribe-common.event-tickets a.tribe-common-c-btn:disabled {
					background-color: <%= global_elements.accent_color %>;
				}
			';

			$template .= '
				.tribe-theme-twentytwenty .tribe-common.event-tickets .tribe-common-c-btn {
					background-color: <%= global_elements.accent_color %>;
				}
			';

			$template .= '
				.tribe-theme-twentyseventeen .tribe-common.event-tickets .tribe-common-c-btn:hover,
				.tribe-theme-twentyseventeen .tribe-common.event-tickets .tribe-common-c-btn:focus,
				.tribe-theme-twentytwenty .tribe-common.event-tickets .tribe-common-c-btn:hover,
				.tribe-theme-twentytwenty .tribe-common.event-tickets .tribe-common-c-btn:focus {
					background-color: ' . $accent_color_hover . ';
				}
			';

			// overrides for common components/full/_loader.pcss.
			$template .= '
				@keyframes tribe-common-c-loader-bounce {
					0% {}
					50% { background-color: <%= global_elements.accent_color %>; }
					100% {}
				}
			';
		}

		return $template;
	}

Top ↑

Changelog

Changelog
Version Description
4.12.3 Introduced.