Server IP : 85.214.239.14 / Your IP : 3.141.192.174 Web Server : Apache/2.4.62 (Debian) System : Linux h2886529.stratoserver.net 4.9.0 #1 SMP Tue Jan 9 19:45:01 MSK 2024 x86_64 User : www-data ( 33) PHP Version : 7.4.18 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,pcntl_unshare, MySQL : OFF | cURL : OFF | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : OFF Directory : /proc/self/root/var/www/wordpress/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 + '}' ); } ); } ); }() );