WordPress/wp-content/themes/twentytwentyone/assets/js/customize.js

26 lines
1.0 KiB
JavaScript

/* global twentytwentyoneGetHexLum */
( function() {
// Wait until the customizer has finished loading.
wp.customize.bind( 'ready', function() {
// Hide the "respect_user_color_preference" setting if the background-color is dark.
if ( 127 > twentytwentyoneGetHexLum( wp.customize( 'background_color' ).get() ) ) {
wp.customize.control( 'respect_user_color_preference' ).deactivate();
wp.customize.control( 'respect_user_color_preference_notice' ).deactivate();
}
// Handle changes to the background-color.
wp.customize( 'background_color', function( setting ) {
setting.bind( function( value ) {
if ( 127 > twentytwentyoneGetHexLum( value ) ) {
wp.customize.control( 'respect_user_color_preference' ).deactivate();
wp.customize.control( 'respect_user_color_preference_notice' ).activate();
} else {
wp.customize.control( 'respect_user_color_preference' ).activate();
wp.customize.control( 'respect_user_color_preference_notice' ).deactivate();
}
} );
} );
} );
}() );