26 lines
1.0 KiB
JavaScript
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();
|
||
|
|
}
|
||
|
|
} );
|
||
|
|
} );
|
||
|
|
} );
|
||
|
|
}() );
|