← All add-ons

MxChat Chatbot Themes

Version 2.1.2 · Updated 6 days ago

Design your chatbot from a sentence. Describe the look you want in plain English — "dark purple with gold accents" — and the AI generates production-ready CSS instantly, with manual color pickers and a live preview for fine-tuning.

Features

  • AI Theme Generator — describe your ideal look in natural language ("modern blue with rounded corners") and get instant custom CSS. Works with Claude 4, GPT-5, Gemini 2.5, Grok 4, DeepSeek, and more.
  • Live preview — every change renders in real-time inside the editor, no page refreshes, no guesswork.
  • Manual color picker controls — fine-tune every color, gradient, and accent by hand when you want pixel-level precision.
  • Save + organize multiple themes — build a library of looks, switch between them with one click, export/import configurations across sites.
  • CSS code viewer + editor — inspect, copy, and hand-edit any generated CSS with syntax highlighting.
  • Custom icon upload — swap the chatbot button and title-bar icons for your own branded PNGs.
  • Security validation — every AI-generated CSS rule passes a multi-layer sanitizer that strips unsafe properties before applying.
  • Built for agencies — perfect for managing brand consistency across multiple client sites with rapid theme prototyping.

What's new

Version 2.1.2

  • New A "Reset to Defaults" button on the Color Settings page restores every chatbot color to the original out-of-the-box look in one click, matching a fresh install (the dark header and matching defaults). It asks for confirmation first so you can't wipe a carefully built palette by accident.
  • Improved The AI Theme Generator's model picker now stays in sync with the main MxChat model list automatically. Newly added models, and the latest Claude, GPT, and Gemini versions, now appear here without waiting for an add-on update, and a current model is never rejected when you save your selection.
  • Fixed The Theme Customizer's admin navigation now displays correctly on right-to-left language sites (Arabic, Hebrew, Persian, Urdu, and others). Previously the in-page sidebar menu could sit behind WordPress's own admin menu on RTL locales; it now mirrors cleanly alongside it.
  • Fixed The AI Theme Generator now works with Claude Opus 4.7, Opus 4.8, and Claude Fable 5. Generating a theme (or its name) with one of these newer Claude models selected previously failed outright; it now works.
  • Fixed The admin live preview now updates instantly when you change the Chatbot Background, Input Container Background and Border, Chat Input Font, and Send Button colors. Previously these specific color selectors changed the live chatbot but not the in-admin preview, so it looked like nothing happened while you were customizing. All color controls now reflect in the preview as you pick them.