Dark Mode Chatbot
SleekAI reads prefers-color-scheme, your theme’s CSS variables, and any toggle you already ship, then renders the chat widget with the right palette automatically. Bring your own OpenAI, Anthropic, Google, or OpenRouter key.
Why a mismatched chat widget feels broken
A site with a careful dark theme is undermined the moment a glaring white chat widget pops in the corner. Visitors notice immediately, and the bot stops feeling like part of the site. Worse, third-party widgets often lock their colors so even theme owners cannot bring them in line without forking the script.
Features
Answers from your data
Map post titles, content, post meta, taxonomies or a WP_Query into the instruction, and the bot answers from what your site actually publishes.
Your model, your key
Use OpenAI, Anthropic, Google, OpenRouter or a compatible endpoint with your own API key. The provider bills you directly.
Shown where it fits
Display conditions scope each chatbot by post type, taxonomy term, post template, user role or logged-in state.
Where it helps
Editorial sites with dark themes
Long-form blogs and magazines often default to dark for evening reading. A white chat widget breaks the mood.
Developer documentation
Dev audiences read at night and tweak themes constantly.
Premium ecommerce
High-end shops curate every detail of the visual experience. A mismatched widget pulls focus from the product.
How it works
Map your data
Choose the posts, fields, taxonomies or users the bot should know and reference them in the instruction.
Pick a model
Store your OpenAI, Anthropic, Google or OpenRouter key once in the shared AI settings, or add a compatible endpoint, and choose the chatbot’s model.
Set display conditions
Decide which pages, post types, roles or logged-in states show the chatbot.
Review and refine
Turn on logs, read what visitors ask and tighten the instruction or the page behind it.
Why theme consistency is a trust signal
A chat widget that does not match the rest of your site does not feel like part of the site. Visitors register the mismatch instantly even if they cannot name what bothers them. The brands that succeed online treat the chat widget as part of the product, not an external service grafted on top.
Sites that ship a proper dark theme tend to be sites where someone is paying attention to detail. A white widget on a dark site undoes that work in one second. Visitors register that the site cares about the experience even in the small things, and the chat earns more attention as a result.
Frequently asked questions
How does the widget pick up brand colors?
Through CSS custom properties. By default the widget reads –sleek-bg, –sleek-fg, and –sleek-accent.
Can I disable dark mode for the widget entirely?
Yes. Set the chatbot palette to a fixed light or dark variant in the configuration.
Will the widget work without any CSS overrides?
Yes. The defaults are tuned to look clean on both light and dark backgrounds without any setup.
Is dark mode independent of the chatbot’s logic?
Completely. Dark mode is purely a presentation layer change. The same chatbot serves the same answers in light and dark with no logic differences.
Which AI providers does it support?
OpenAI, Anthropic, Google and OpenRouter, plus custom OpenAI-compatible endpoints. You bring your own API key and the provider bills you directly.
Where does the chatbot get its answers?
From the WordPress data you map into its instruction: post titles and content, post meta, ACF and Meta Box fields, taxonomies, terms, users and user meta, or a WP_Query. Values resolve on every request.
Can it act on a visitor’s behalf?
No. A chatbot answers questions. It does not submit forms, create bookings, open tickets or send email; put the links for those steps in its instruction so it can point visitors to them.
Can I control where the chatbot appears?
Yes. Display conditions cover post type, post, post status, post template, taxonomy, term, user role, logged-in state and WordPress conditional tags such as front page, archive, search and 404.
Related pages
Pricing
Explore our flexible licensing options tailored to your needs. Upgrade your license anytime to access more features, or opt for a lifetime license for ongoing value, including lifetime updates and lifetime support. Our hassle-free upgrade process ensures that our platform can grow with you, starting from whichever plan you choose.
…or get the Bundle Deal
and save €250
The Bundle (unlimited sites)
Pay once, own it forever
Elevate your WordPress site with our exclusive plugin bundle that includes all of our premium plugins in one package. Enjoy lifetime updates and lifetime support. Save significantly compared to buying plugins individually.
What’s included
SleekAI
SleekByte
SleekMotion
SleekPixel
SleekView
SleekRank
SleekTrack