| Server IP : 178.128.106.170 / Your IP : 216.73.217.12 Web Server : nginx/1.18.0 System : Linux Live-Team 5.10.0-44-amd64 #1 SMP Debian 5.10.257-1 (2026-05-27) x86_64 User : ( 1000) PHP Version : 7.3.33-14+0~20230902.114+debian11~1.gbp764b27 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals, MySQL : OFF | cURL : OFF | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /var/www/gocon.live/wp-content/themes/twentytwentyone/assets/js/ |
Upload File : |
/* 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 + '}' );
} );
} );
}() );