36 Widget Themes to Match Your Brand

Alysium has 36 built-in widget themes, a custom hex color override, and full CSS access. Choose a theme that fits your brand without touching a line of code.

BrandonMarch 29, 20265 min read
TL;DR: Alysium has 36 built-in widget themes — from Light and Dark to Cyberpunk, Luxury, and Silk — plus a custom hex color override and full CSS access. All changes preview live before you publish. No coding required for themes; CSS is available when you need it.

Every Alysium agent widget has a visual appearance your visitors see when they interact with your AI on your website. The default is Alysium Fields. You have 36 options, and the right one depends entirely on your brand.

Changing themes takes about 30 seconds: open Widget Appearance, click Theme & Appearance, select from the grid. A live preview panel updates instantly — you see exactly what visitors will see before saving anything.

The 36 Themes

The full list: Alysium Fields (default), Light, Dark, Cupcake, Bumblebee, Emerald, Corporate, Synthwave, Retro, Cyberpunk, Valentine, Halloween, Garden, Forest, Aqua, Lo-Fi, Pastel, Fantasy, Wireframe, Black, Luxury, Dracula, CMYK, Autumn, Business, Acid, Lemonade, Night, Coffee, Winter, Dim, Nord, Sunset, Caramellatte, Abyss, Silk.

The variety is intentional. Pastel and Valentine skew warm and personal. Corporate and Business skew formal and minimal. Dark, Night, and Abyss suit technical or premium brands. Cyberpunk and Synthwave work for creator or gaming audiences.

Beyond the Theme: Custom Hex and CSS

If none of the 36 exactly match your brand, override the accent color with any hex value. Type your brand's hex code and the widget updates immediately — works on top of any theme.

For complete control: the custom CSS field lets you override any visual element of the widget. Not required for most creators, but available when brand standards demand exact fidelity.

Practical Guidance by Industry

Professional services: Corporate or Business with your brand color as the hex override.

Wellness and coaching: Pastel, Garden, or Cupcake. Warm themes reduce the clinical feeling some AI interfaces create.

Creative businesses: Luxury, Silk, or Abyss for premium positioning.

Technical audiences: Dark, Wireframe, or Dim — clean and minimal reads as competent.

Restaurants and hospitality: Lemonade, Aqua, or Forest. Light themes with warmth work better than stark dark for this audience.

Education: Light or Nord. Accessible and readable for diverse student populations.

The live preview means you can try all 36 in one session. Pick the one that makes your agent feel like it belongs on your site, not like an AI tool bolted on.

Try it now. Open your agent builder and click through the theme grid — the preview updates in real time.

The Chat Window Configuration

Beyond the theme itself, three Chat Window settings directly affect how visitors perceive the quality of your agent:

The header title is the first thing visitors see when they open the widget. "Chat with Us" is forgettable. "Ask About Our Menu," "Student Support," or "Coaching Companion" tells the visitor immediately what this agent does and what questions are welcome. The header title is a small detail that meaningfully affects whether first-time visitors engage or close the window.

The input placeholder text is the greyed-out prompt inside the chat field. The default generic placeholder ("Type a message...") communicates nothing about what to ask. Replacing it with something specific ("Ask about ingredients and allergens," "What are you working through?") gives visitors a mental nudge at exactly the moment when they're deciding whether to engage.

The agent avatar is a small visual cue that appears next to each agent message in the conversation. For coaches and consultants who have configured an About Profile, keeping the avatar on reinforces the connection between the AI and the human behind it. For more utility-focused agents, turning it off creates a slightly cleaner interface.

The Agent Menu: Four Optional Trust Signals

The four Agent Menu slots — Terms & Privacy, Help & Support, About Profile, and Contact Info — are each optional, but together they convert an anonymous widget into something that feels like a legitimate business tool.

Terms & Privacy is the one most business owners are understandably nervous about skipping. Paste the URL to your privacy policy and it appears as a menu link. Visitors who want to know what's collected before they type anything can check before engaging.

About Profile is the most underused. It's a full creator card: your name, bio, credentials, and links to your website, LinkedIn, booking page, and more. For coaches and consultants especially, this is the difference between "a chatbot" and "an AI built by someone with a 15-year methodology and a credential stack." First-time visitors often check the About Profile before they ask their first question.

Help & Support and Contact Info both provide escalation paths — what visitors can do when the agent doesn't know the answer. Configure at least one so there's always a next step beyond a dead end.

Why Live Preview Matters for Getting This Right

Every setting change in the Widget Appearance panel reflects instantly in the live preview — you see exactly what visitors will see. The practical value: try the 36 themes in sequence without saving anything. You'll quickly identify the three or four that work for your brand and can compare them side by side.

The live preview is also useful for testing your Chat Window text. It's easy to write a header title that looks good in isolation but feels odd in context of the full widget. The preview shows you the whole thing before it's live.

Configure yours now. Open your agent builder — Widget Appearance is in the left navigation.

A Few Themes Worth Calling Out Specifically

Nord deserves mention for educational institutions. It's clean, professional, and works well in contexts where accessibility and readability matter — lecture notes agents, course FAQ agents, department knowledge bases.

Luxury and Silk are both premium dark themes, but they're distinct. Luxury has more gold-accent energy — good for high-ticket consulting or premium brand positioning. Silk is softer and more refined — better for creative professionals and editorial brands.

Cyberpunk is genuinely fun for creator and community audiences, but use it intentionally. It signals a specific aesthetic that will feel exactly right for some audiences and out of place for others.

Garden and Forest are the two nature-themed options and they serve different vibes. Garden is floral and lighter; Forest is deeper green and earthier. For wellness practitioners and outdoor-adjacent brands, both are worth trying side by side before deciding.

The 36 themes cover more territory than most platforms offer, and the live preview makes exploring them fast. The only mistake is picking the first thing that looks reasonable — spend 10 minutes trying the unexpected options before committing.

The Short Version on Themes

Pick something that looks like it belongs on your site. Use the live preview — try 10 themes before settling on one. Override the accent color with your brand hex if needed. Use CSS if you have a developer and brand standards that require it. The goal is for the widget to feel native, not like a third-party tool that was bolted on.

One last thing: your theme choice doesn't affect performance, accuracy, or any functional aspect of the agent. It only affects how visitors perceive it before they engage. But perception is what determines whether someone types their first question or closes the window.

Frequently Asked Questions

Related Articles

Ready to build?

Turn your expertise into an AI agent — today.

No code. No engineers. Just your knowledge, packaged as an AI that works around the clock.

Get started free