Update Global Colors is a WordPress ability from The Plus Addons for Elementor — usable via Easy MCP AI, which connects Claude, ChatGPT, and any AI assistant to your site.
Install Free Plugin →Update Global Colors
WriteUpdates the site-wide color palette in the Elementor kit.
Requires the The Plus Addons for Elementor plugin (which registers under the 'tpae' ability category) on WordPress 6.9+, with Elementor active. Every ability requires the current user to have the 'edit_posts' capability (and 'edit_post' for the specific post being modified); abilities that create or edit content also verify Elementor and, where relevant, the target The Plus widget are available. A subset of abilities (theme templates, template conditions, dynamic tags, popups, and some custom-code abilities) only register when Elementor Pro is active, and many widget abilities load only in the free plugin when the Pro add-on is inactive.
What it does
Loads the active Elementor kit and its current settings. For each provided color object it sanitizes the _id, title, and hex color, then merges it into the kit's existing custom_colors array — replacing the entry with a matching _id or appending a new one — before saving the merged array back via kit->update_settings.
See it in action
You ask your AI assistant
"Update the global 'primary' brand color to #FF5733."
Inputs
| Name | Type | Required | Description |
|---|---|---|---|
| colors | array | Yes | Array of color definitions, each an object with _id (unique color ID), title (human-readable title), and color (hex value, e.g. "#FF5733"). |
Returns
Returns a success boolean.
Permission
check_manage_permission requires the manage_options capability.
More The Plus Addons for Elementor abilities
Accordion
Adds The Plus Addons "Accordion" widget (tp-accordion) to an Elementor container.
Add Code Snippet
Creates a site-wide Custom Code snippet using Elementor Pro, injecting CSS/JS/meta into the head or body on all pages.
Add Container
Adds a new Elementor flex container to a page or nests it inside another existing container.
Add Container
Adds a flex or grid container to a page, optionally nested inside a parent container.
Add Custom CSS
Adds custom CSS to a specific element or to the entire page (requires Elementor Pro).
Add Custom JavaScript
Adds a custom JavaScript snippet to a page by inserting an HTML widget containing a <script> tag; works with free Elementor.