Themes

10 built-in themes

Midnight, Dracula, Nord, Catppuccin Mocha, Monokai, Sunset, Ocean, Forest, Light, Default.

CSS variables

Themes use the --btt-* variables: --btt-bg, --btt-fg, --btt-accent, --btt-border, --btt-card, --btt-muted, --btt-input-bg, --btt-danger, --btt-success. Applied to the whole page including the chat (bubbles, header, composer).

JSON format

{
  "name": "My Theme",
  "author": "me",
  "vars": {
    "--btt-bg": "#0f172a",
    "--btt-fg": "#e2e8f0",
    "--btt-accent": "#38bdf8"
  }
}

Import / export

Settings → Themes → Import (file) or paste JSON. Export produces a downloadable JSON. Themes are stored in BTTStore under themes.

Custom CSS

Separate from themes: Settings → CSS for arbitrary CSS. Applied on top of the theme. Persisted.