How to refresh Theme Customizer after change color inside wpColorPicker?

Try using the existing WordPress function to modify color palette like:

function my_mce4_options( $init ) {
    $default_colours="
        "000000", "Black",
        "993300", "Burnt orange",
        "333300", "Dark olive",
        "003300", "Dark green",
        "003366", "Dark azure",
        "000080", "Navy Blue",
        "333399", "Indigo",
        "333333", "Very dark gray",
        "800000", "Maroon",
        "FF6600", "Orange",
        "808000", "Olive",
        "008000", "Green",
        "008080", "Teal",
        "0000FF", "Blue",
        "666699", "Grayish blue",
        "808080", "Gray",
        "FF0000", "Red",
        "FF9900", "Amber",
        "99CC00", "Yellow green",
        "339966", "Sea green",
        "33CCCC", "Turquoise",
        "3366FF", "Royal blue",
        "800080", "Purple",
        "999999", "Medium gray",
        "FF00FF", "Magenta",
        "FFCC00", "Gold",
        "FFFF00", "Yellow",
        "00FF00", "Lime",
        "00FFFF", "Aqua",
        "00CCFF", "Sky blue",
        "993366", "Brown",
        "C0C0C0", "Silver",
        "FF99CC", "Pink",
        "FFCC99", "Peach",
        "FFFF99", "Light yellow",
        "CCFFCC", "Pale green",
        "CCFFFF", "Pale cyan",
        "99CCFF", "Light sky blue",
        "CC99FF", "Plum",
        "FFFFFF", "White"
        ";
    $custom_colours="
        "e14d43", "Color 1 Name",
        "d83131", "Color 2 Name",
        "ed1c24", "Color 3 Name",
        "f99b1c", "Color 4 Name",
        "50b848", "Color 5 Name",
        "00a859", "Color 6 Name",
        "00aae7", "Color 7 Name",
        "282828", "Color 8 Name"
        ";
    $init['textcolor_map'] = '['.$default_colours.','.$custom_colours.']';
    $init['textcolor_rows'] = 6; // expand colour grid to 6 rows
    return $init;
}
add_filter('tiny_mce_before_init', 'my_mce4_options');

I hope this helps you out!

Related Posts:

  1. How to determine the number of widgets contained in a sidebar via customizer JS
  2. Color picker in widget appears twice when added via the Customizer
  3. Executing Javascript When a Widget is Added in the Backend
  4. Loading scripts only if a particular shortcode or widget is present
  5. Can a widget in the Customizer be “single-use” (i.e. disabled after 1 instance has been added)?
  6. Changes in widget customizer not triggering ‘save and publish’
  7. Widgets not displaying in theme customizer
  8. How to add color picker to widgets?
  9. Where to get the unsaved list of widgets in customizer?
  10. iris color picker in widget – click event doesn’t fire when initially when widget is first created
  11. Elegantly using JavaScript on widget admin forms
  12. How to enable “shift-click to edit this widget” functionality on a custom widget?
  13. Remove the widgets tab from theme customizer
  14. Color Picker Showing Twice When Widget Added to Sidebar
  15. Run JS after widget settings are saved?
  16. AJAX Contact Form Issue
  17. Widget code is not working on WordPress.com Hosted Blogs
  18. Wp Customizer event for when a new widget has been added
  19. Include chat (HTML, js, css) in all pages of WordPress
  20. Sidebar not show customizer!
  21. jQuery UI inside widget on admin page
  22. WP_enqueue_script() loads them always in wp_footer()?
  23. Can’t see widget areas in my customizer
  24. Adding widgets with Featured Image via the Customizer run hundreds of queries
  25. Widget changes in customizer ajax error to many options?
  26. How do I pass the id of my widget to javascript in the form function?
  27. Access Customizer widget instance form
  28. Unable to load “wpColorPicker” on theme customize page
  29. WordPress Edit Button not appearing for widget in customizer
  30. Make single widget area top level in 4.0 Customize Panel
  31. Widget not appearing in customizer
  32. How do I enable the admin form for a custom widget that is called in a sidebar template, not to widget area?
  33. How to move widget area to another section in WordPress Customizer
  34. Render repeatable widget fields properly with Backbone.js
  35. Widget outputting JS as plain text
  36. Force update widget customizer using js
  37. Add Control in Widgets Sub-Panel in Customizer
  38. Simple SCript Not Displayed in WIdth
  39. Add Social Media icon widget to customizer
  40. Loading scripts only if a particular shortcode or widget is present
  41. Use customizer or sidebar for header settings?
  42. Widget Admin page and Javascript enqueuing
  43. Using javascript on the new widget preview / customizer page
  44. List.js inside WordPress widget
  45. Add text to Text Widget using Javascript
  46. How to delete cached transients from a widget instance properly?
  47. What is this instance variable doing in the Widgets class
  48. Unregistering a Sidebar in Child Theme
  49. Problems with the sidebar args and wp_list_bookmarks
  50. Ban certain widgets from certain sidebars
  51. How could a Widget behave differently depending on sidebar
  52. Custom widget using get_categories select menu dropdown
  53. Find if widget block is active
  54. Multiple users editting widgets
  55. How do I add a widget from an Android phone?
  56. Error gets thrown when calling require_once on widget.php
  57. How to activate or install the Gallery Widget?
  58. Getting a div wrapped around two widgets
  59. How to create a widget that accepts html input?
  60. Widgets not adding div on before and after title
  61. Dynamically add content to an existing widget area
  62. Simple widget causing whitescreen
  63. How to stop comments widget conflicting with theme comments
  64. How do I create a widget to embed the code for a sign up form, so that the sign up form appears on every page?
  65. Tabs and Category Widget
  66. How to change the default class for the widget title?
  67. How to add the same widget twice?
  68. Adding Code into Theme Customizer Header
  69. How to hide widget if current category has no posts assigned to it?
  70. Undefined Variable in my widget
  71. Update widget form after drag-and-drop “only specific plugin”
  72. Placing a widget with $wpdb query
  73. Ampersand breaking Widget title
  74. How to allow editing of text in sidebar?
  75. Shortcode into widget
  76. Want to add more option in “Sexy Login”
  77. How to show avatar of current logged in user in a widget
  78. Got a problem with a widget
  79. Widget control – putting a slideshow in the widget area
  80. How to update a widget data?
  81. Recently changed domain name. Home page widgets are now not in the customize menu yet still being on the page
  82. Get a default customizeAction text for a section using Customizer JS API
  83. I accidentally added a widget area called sidebar 1
  84. wp_registered_widgets doesn’t contains my widgets
  85. How can I write this code snippet so that it echo’s the response when submitting empty fields?
  86. What is the difference between widget object and widget instance?
  87. My plugin works in home page, but doesn’t work in post page
  88. Widget text color change
  89. How to create another widgets.php page
  90. widget that will do shortcodes that user inputs
  91. Disable wordpress widget automatically on error
  92. Widget dynamically add new input field
  93. WordPress function breaks widget’s markup?
  94. Registering multiple copies of a widget
  95. How do I stop out of stock items from appearing on my WooCommerce site when using the Layered Nav widget [closed]
  96. Subpages menu on sidebar plus widgets
  97. Widgets in PHP files?
  98. Text Widget Not Working
  99. Sample widget code which get data(1-5 record) from Wp_Admin panel and display to Homepage(WordPress Custom Theme)
  100. Widget block editor: Unable to collect checkbox values inside widget update() method

Leave a Comment