REDROOM

Edit File Size: 2.47 KB

/home/jambtst2015/public_html/qasandra.com/wp-content/themes/twentytwentyone/assets/js/customize-preview.js

Text Base64

/* global twentytwentyoneGetHexLum, jQuery */
( function() {
	// Add listener for the "background_color" control.
	wp.customize( 'background_color', function( value ) {
		value.bind( function( to ) {
			var lum = twentytwentyoneGetHexLum( to ),
				isDark = 127 > lum,
				textColor = ! isDark ? 'var(--global--color-dark-gray)' : 'var(--global--color-light-gray)',
				tableColor = ! isDark ? 'var(--global--color-light-gray)' : 'var(--global--color-dark-gray)',
				stylesheetID = 'twentytwentyone-customizer-inline-styles',
				stylesheet,
				styles;

// Modify the html & body classes depending on whether this is a dark background or not.
			if ( isDark ) {
				document.body.classList.add( 'is-dark-theme' );
				document.documentElement.classList.add( 'is-dark-theme' );
				document.body.classList.remove( 'is-light-theme' );
				document.documentElement.classList.remove( 'is-light-theme' );
				document.documentElement.classList.remove( 'respect-color-scheme-preference' );
			} else {
				document.body.classList.remove( 'is-dark-theme' );
				document.documentElement.classList.remove( 'is-dark-theme' );
				document.body.classList.add( 'is-light-theme' );
				document.documentElement.classList.add( 'is-light-theme' );
				if ( wp.customize( 'respect_user_color_preference' ).get() ) {
					document.documentElement.classList.add( 'respect-color-scheme-preference' );
				}
			}

// Toggle the white background class.
			if ( 225 <= lum ) {
				document.body.classList.add( 'has-background-white' );
			} else {
				document.body.classList.remove( 'has-background-white' );
			}

stylesheet = jQuery( '#' + stylesheetID );
			styles = '';
			// If the stylesheet doesn't exist, create it and append it to <head>.
			if ( ! stylesheet.length ) {
				jQuery( '#twenty-twenty-one-style-inline-css' ).after( '<style id="' + stylesheetID + '"></style>' );
				stylesheet = jQuery( '#' + stylesheetID );
			}

// Generate the styles.
			styles += '--global--color-primary:' + textColor + ';';
			styles += '--global--color-secondary:' + textColor + ';';
			styles += '--global--color-background:' + to + ';';

styles += '--button--color-background:' + textColor + ';';
			styles += '--button--color-text:' + to + ';';
			styles += '--button--color-text-hover:' + textColor + ';';

styles += '--table--stripes-border-color:' + tableColor + ';';
			styles += '--table--stripes-background-color:' + tableColor + ';';

// Add the styles.
			stylesheet.html( ':root{' + styles + '}' );
		} );
	} );
}() );

Exit & Reset Text mode: syntax highlighting auto-detects file type.

Name	Size	Perms	Modified	Actions
.htaccess	123 B	lrw-r--r--	2024-11-22 17:53:25	Edit Download recursive recursive
customize-helpers.js	1.01 KB	lrw-r--r--	2024-11-22 17:53:25	Edit Download recursive recursive
customize-preview.js	2.47 KB	lrw-r--r--	2024-11-22 17:53:25	Edit Download recursive recursive
customize.js	1.00 KB	lrw-r--r--	2024-11-22 17:53:25	Edit Download recursive recursive
dark-mode-toggler.js	2.19 KB	lrw-r--r--	2024-11-22 17:53:25	Edit Download recursive recursive
editor-dark-mode-support.js	1.21 KB	lrw-r--r--	2024-11-22 17:53:25	Edit Download recursive recursive
editor.js	921 B	lrw-r--r--	2024-11-22 17:53:25	Edit Download recursive recursive
palette-colorpicker.js	1.52 KB	lrw-r--r--	2024-11-22 17:53:25	Edit Download recursive recursive
polyfills.js	1.03 KB	lrw-r--r--	2024-11-22 17:53:25	Edit Download recursive recursive
primary-navigation.js	5.57 KB	lrw-r--r--	2024-11-22 17:53:25	Edit Download recursive recursive
responsive-embeds.js	1.10 KB	lrw-r--r--	2024-11-22 17:53:25	Edit Download recursive recursive
skip-link-focus-fix.js	797 B	lrw-r--r--	2024-11-22 17:53:25	Edit Download recursive recursive

Directory Contents