It's the day before your POC, and the embedded analytics demo still looks like it belongs to someone else.
Your designer handed over a brand guide last week. Your developer has been buried in CSS variables ever since: cross-referencing token names, mapping changes across components, reloading the page after every tweak to see what broke. The UI is almost right. The nav color is close. The typography still isn't matching, but there's no time left.
This is the hidden cost of embedded analytics customization. The styling system is powerful: ThoughtSpot exposes granular CSS variables, allowing you to style individual components with precision. But translating brand intent into working theme variables typically requires deep product knowledge, patient iteration, and more time than anyone budgets for. Getting it exactly right often means looping in a sales engineer, extending timelines, or shipping a POC that doesn't quite look the part.
AI Mode in Theme Builder is built to close that gap.
From brand assets to a production-ready theme
Instead of manually looking up which variable controls the top nav background, or which variable governs the active state of a filter chip, you describe what you want—or just hand over your brand assets—and AI Mode maps it to the right theme variables for you.
What this looks like:
Uploading your brand guideline PDF and letting AI Mode extract the palette, typography, and apply them across the embedded UI
Pasting a screenshot of your application and saying, "match this screenshot"
Typing "dark top nav, high contrast, minimal use of color" and seeing it rendered immediately
The result is a first draft that covers the full embedded surface: navigation, charts, filters, data labels, tooltips—all in a consistent, brand-aligned theme. What previously took days of CSS work arrives in minutes.
Why general AI tools can't do this
If you've tried prompting Cursor, GitHub Copilot, or a general-purpose AI assistant to help with embedded analytics theming, you already know the problem: the output looks plausible, but it doesn't actually work.
General AI tools generate CSS code without understanding how the entire UI hangs together. You end up guessing which tokens map to which elements, applying changes, reloading, and trying again. The iteration loop that AI was supposed to eliminate becomes the iteration loop you're stuck in.
Our Theme Builder’s AI Mode operates with full awareness of ThoughtSpot's design system. It understands which variables are safe to modify, how they cascade across components, and how to maintain layout integrity throughout. Changes stay within supported design variables— which means no layout breakage, no overriding CSS that comes back to haunt you in production, and no need to understand the full design schema before you can make progress.
It's the difference between code that might work and a theme that actually does.
Fine-tune what matters, skip what doesn’t
AI Mode handles the broad strokes; Manual Mode is there for everything else.
Once you have your AI-generated first draft, you can switch to Manual Mode to click directly on any component in the UI and adjust its styling with precision. Want to tighten the contrast on the dashboard background? Adjust the hover state on a filter pill? Change the border weight on a data table? Manual Mode surfaces exactly what you need, without requiring you to know its name in advance.
This combination matters. AI gets you to a coherent, branded starting point in minutes. Manual Mode puts precise control in the hands of developers and designers who want to fine-tune without memorizing the design hierarchy first.
A new way of working for everyone
Developers building embedded deployments no longer need to begin every new project with a multi-day CSS archaeology session. AI Mode gives you a solid, themed starting point on day one: something you can put in front of a customer or stakeholder immediately, then refine from there.
Design teams and product managers who own UX consistency can now participate directly in the theming process. Uploading a brand guide, describing a look, or reacting to a preview doesn't require CSS expertise. The feedback loop between design intent and the live embedded UI becomes something anyone on the team can drive.
POC and pre-sales teams can arrive at a customer meeting with an embedded experience that looks genuinely finished, without needing to get your sales engineers to configure it.
The embedded experience your users see should feel like it was built by your product team. Now, getting it there is the fast part.
Ready to try AI Mode in Theme Builder? Get started in your ThoughtSpot Embedded environment or schedule a demo.
