(function($) { function resetColorsToDefault() { // Define default values for your color settings const defaultColors = { 'background_color': '#ffffff', 'architecture_building_primary_color': '#fbb908', 'architecture_building_heading_color': '#042038', 'architecture_building_text_color': '#8b8b8b', 'architecture_building_primary_fade': '#fff9e8', 'architecture_building_footer_bg' :'#042038', 'architecture_building_post_bg': '#ffffff', }; // Iterate over each setting and set it to its default value for (let settingId in defaultColors) { wp.customize(settingId).set(defaultColors[settingId]); } // Optionally refresh the preview wp.customize.previewer.refresh(); } // Attach reset function to global scope window.resetColorsToDefault = resetColorsToDefault; $(document).ready(function() { $('.color-reset-btn').val('RESET'); // This adds the 'RESET' text inside the button }); })(jQuery);