import { Callout } from "nextra-theme-docs";
import Image from "next/image";

import blue from "../../../assets/blue_theme.png";
import gray from "../../../assets/gray_theme.png";

# Theme

<Callout emoji="⚠️">
This configuration option is only for the server
</Callout>

Cup initially had a blue theme which looked like this:

<Image alt="Screenshot of blue theme" src={blue} />

This was replaced by a more neutral theme which is now the default:

<Image alt="Screenshot of neutral theme" src={gray} />

However, you can get the old theme back by adding the `theme` key to your `cup.json`
Available values are `default` and `blue`.

Here's an example:

```json
{
    "theme": "blue",
    // Other options
}
```