Skip to content

Appearance Customizations

RecurseChat offers several options to customize its appearance to match your preferences and workflow needs.

Appearance Settings

RecurseChat’s appearance settings panel allows you to customize themes, fonts, code color themes, and other visual preferences

Theme Options

You can customize the app’s theme in a few ways:

  1. Click the settings icon in the bottom left toolbar
  2. Select “Appearance” from the settings menu
  3. Choose from the following options:
    • Light theme
    • Dark theme
    • System theme (automatically matches your system preferences)

Font Size

To adjust the font size:

  1. Click the settings icon in the bottom left toolbar
  2. Select “Appearance” from the settings menu
  3. Use the font size slider to increase or decrease text size
  4. Changes are applied immediately across the app

Font Family

You can customize the font family used in the app:

  1. Click the settings icon in the bottom left toolbar
  2. Select “Appearance” from the settings menu
  3. Choose from the available font options
  4. The font changes are applied immediately throughout the application.

Chat Width

You can adjust the width of chat conversations:

  1. Click the settings icon in the bottom left toolbar
  2. Select “Appearance” from the settings menu
  3. Use the chat width slider to adjust the conversation width
  4. Changes take effect immediately

Animation Settings

Control various animation effects:

  1. Navigate to Settings > Appearance
  2. Under Animation Settings, you can toggle:
    • Stream chat completion responses
    • Message fade-in animations

Code Block Theme

Customize syntax highlighting for code blocks:

  1. Go to Settings > Appearance
  2. Under “Code Theme”, choose from:
    • Same as App Theme (matches your selected light/dark theme)
    • Always Dark
    • Always Light
  3. The selected theme will apply to all code blocks in chat messages.