Appearance & Themes
Restroom ships with 11 built-in colour palettes and, for Pro users, a fully customisable theme editor.
Choosing a palette
Go to Settings → Global → Appearance. Palettes are grouped into three families:
Light — Light, Warm, Rose, Teal Dark — Dark, Ember, Forest, Purple, Midnight High Contrast — HC Light, HC Dark
Click any swatch to apply it immediately. The preview card shows a miniature representation of each palette's colours.
Custom theme (Pro)
Click the Custom palette card to enter custom theme mode. Two controls appear:
Base preset
Pick any built-in palette as the starting point. All colours default to the base preset — you only override the ones you want to change.
Colour overrides
Six variables can be customised:
| Variable | Affects |
|---|---|
| Accent | Buttons, links, active states, highlights |
| Accent Hover | Hover state of accent elements |
| Background | The main surface behind content |
| Surface Alt | Secondary surfaces — sidebars, input backgrounds |
| Border | Lines, dividers, input borders |
| Text | Primary body text |
Click the colour swatch to open the native macOS colour picker. The hex value is shown alongside. Click the × next to a swatch to reset that variable back to the base preset.
Reset all clears every override and returns to the unmodified base preset.
Custom themes are saved locally and persist across restarts.
Animations
Control animation behaviour in Settings → Global → Appearance:
| Setting | Effect |
|---|---|
| Auto | Respects your macOS Reduce Motion setting |
| Full | Animations always on, regardless of system setting |
| Off | All animations and transitions disabled |
Font & display
In Settings → Global → Font & Display:
- Monospace font — choose from Geist Mono (default), JetBrains Mono, Fira Code, IBM Plex Mono, Cascadia Code, Courier New, or the system default
- Font size — adjust the monospace size used in code editors and response bodies (10–18px)
- UI scale — scale the entire interface up or down (90%, 100%, 110%, 125%)