Themes

Customize the visual appearance with a 6-color system. Override specific colors in theme.json or install preset themes for complete visual styles.

Theme System

TorlyAI uses a 6-color system that makes it easy to customize the entire interface by changing just a few colors.

The 6 Colors

background

Main background color

foreground

Primary text color

accent

Highlights and interactive elements

info

Informational elements

success

Success states

destructive

Errors and dangerous actions

Theme Locations

Themes cascade from app-level to workspace-level:

  • App-level: ~/.torlyai/theme.json
  • Workspace: ~/.torlyai/workspaces/{id}/theme.json

Workspace themes override app-level themes for that workspace only.

Theme Format

{
  "name": "TorlyAI Green",
  "author": "TorlyAI",
  "version": "1.0.0",

  "colors": {
    "background": "#0a0a0a",
    "foreground": "#fafafa",
    "accent": "#22c55e",
    "info": "#3b82f6",
    "success": "#22c55e",
    "destructive": "#ef4444"
  },

  "dark": {
    "background": "#000000",
    "foreground": "#ffffff"
  }
}

Dark Mode

The dark section provides overrides for dark mode. If not specified, the main colors are used.

Preset Themes

TorlyAI comes with several preset themes you can use as starting points:

Default

Clean dark theme with green accents

Haze

Soft purple tones

Ocean

Deep blue color scheme

Creating Custom Themes

  1. Create a theme.json file
  2. Define your 6 colors
  3. Optionally add dark mode overrides
  4. Place in app or workspace themes folder