Styles
Style the chat output.
The Python tool's page appearance lives in a separate stylesheet. The online converter can also generate inline or separate CSS. Change that file and every page the tool makes changes with it — the conversation content stays exactly the same.
How it works
The quickest way to change the look is the --theme switch,
which picks one of the built-in themes below:
python3 aichatprocess.py --theme dark --write-css overwriteFor a fully custom look, the tool also reads a template file. When it
writes its stylesheet it first looks for aichat-template.css;
if that exists it's copied in, otherwise the chosen theme (or the default)
is used. So you can start from a theme file, edit it, and pass it as your
template:
python3 aichatprocess.py --css-template my-theme.css --write-css overwriteBecause the styles are namespaced under .ai-chat-page, a
theme stays self-contained — you can drop the result into a larger site
without its styles leaking out. Full details are in the
reference.
Four looks, same chat
Each of these is the example conversation, rendered live with a different stylesheet. Nothing about the transcript changed — only the template.
example/themes/ as a starting point, change the colours and
fonts at the top, and pass it with --css-template. Each one
is a complete, self-contained stylesheet.
CSS files for site integration
If you want to paste generated chat HTML into an existing website, use the online converter with Separate file CSS and link one of these CSS files from your page. The chat styles are scoped under .ai-chat-page, so they are designed to style the chat without changing the rest of your site.
Example:
<link rel="stylesheet" href="css/aichat.css">The project repo also includes the same files in the top-level css/ folder for developers who want to copy them directly.