# Themes and your genie

> Pick a theme, including the animated showcase themes, match the genie to your theme, and generate your own custom mascot with idle, thinking and grant poses.

## Themes

RoGenie has **65 themes**, including **16 animated showcase themes**: Sunlit Marble, Prismatic Daydream, Blueprint Day, Midnight, Dark Matter, Tron Grid, Neon Magenta, Matrix, Cyberpunk, Synthwave 84, Laser Grid, Aurora Borealis, Volcanic, Nebula, Dracula and Midnight Purple. Every other theme has a still background. Open them with the **Themes** button in the top bar, or **Settings › Appearance**.

The [theme catalog](https://rogenie.ai/docs/themes-catalog) lists every theme with its category, its main colours, what its animation looks like and the genie's colours on it.

- **Search** by name, by category such as "Neon", or type "showcase" for the animated ones.
- The categories are Signature, Light, Dark, Neon, Nature, Color, Editor and Special. The gallery shows the showcase themes first, under **Showcase**, each with a **Live** badge.
- **Hover or focus** a showcase card to preview its animated effect.
- Click a theme to apply it. It applies across the app, and the [RoGenie Bridge](https://rogenie.ai/docs/bridge) window wears it too.

**RoGenie Classic** is the default theme. **RoGenie Night** is a still, dark Signature theme in the colours of the RoGenie website: deep indigo with the genie's own cyan, crimson and gold. Neither is a showcase theme, and both always show the official genie.

> **Tip**
> New chats show a small "Make RoGenie yours" tip with a preview of a few themes. You can dismiss it.

## Effects and sounds

In **Settings › Appearance › Effects and sounds**:

| Switch | What it does |
|---|---|
| **Glow effects** | Ambient glows and animated theme backgrounds. Always off when your device asks for reduced motion. |
| **Response sound** | Plays a short sound when RoGenie finishes a response. |
| **Connection toasts** | Shows notifications when Studio or the connection connects or disconnects. |

## Your genie

The genie beside the message box shows what RoGenie is doing: **idle** when it is ready, **thinking** while it works, and a **finger-snap** when your wish is granted. Click it to open the mascot studio.

The official genie has genie cyan skin (`#03A3DE`), crimson turban and vest (`#B51E2A`), gold trim (`#E8BE23`) and emerald gem (`#22D147`), with a near-black outline.

**Match the genie to the theme** (in Appearance, on by default) lets the genie take on your theme's colours wherever its own would clash. RoGenie Classic and RoGenie Night always show the official genie, and a custom mascot keeps its own colours. The [theme catalog](https://rogenie.ai/docs/themes-catalog#how-the-genie-matches-a-theme) explains how the genie is recoloured and lists its colours on every theme.

## Create a custom mascot

Custom mascots are available on paid plans. Each plan allows a number of mascot generations per 5-hour window: Starter 2, Builder 4, Pro 12, Studio 30, with a small hourly cap. The Free plan does not include mascot generation.

1. Open **Settings › Appearance** and scroll to the mascot studio (or click the genie).
2. Fill in **Create a mascot**:
   - **Mascot name** (up to 60 characters),
   - **Image model**: the model that draws it,
   - **Instructions** (optional, up to 1,200 characters): colour, outfit, accessories or style,
   - **Reference image** (optional): PNG, JPEG or WebP up to 8 MB. Click to choose, paste, or drop it in.
3. Optionally turn on **fit with theme** to keep the result close to your current theme's colours, and its stricter mode to follow them more closely. A theme-fitted mascot can still be used with any theme.
4. Click generate.

RoGenie makes three poses, **idle**, **thinking** and **grant**. Generation runs in the background: keep working, and RoGenie saves and activates the mascot when it is done. You can cancel a generation while it runs.

**About the reference image:** when the image model supports editing, RoGenie edits your reference into the idle pose. Otherwise a vision model reads the reference and folds a description of it into the prompt. The mascot studio tells you which applies to the model you picked.

## Your mascot library

All your mascots are listed in the mascot studio with their three poses. You can:

- **switch** to any mascot, including the built-in original,
- **filter** by whether they were fitted to a theme,
- **delete** a mascot and its poses.

## Limits

- The mascot studio shows how many generations you have left in the current 5-hour window and when the next one frees up.
- If you hit the limit, RoGenie says when you can generate again. See [Plans and limits](https://rogenie.ai/docs/plans).
- If no image model is available, the studio says so. Image generation may be temporarily unavailable, or you may need an image-capable [provider key](https://rogenie.ai/docs/own-api-keys).