Themes

Customize the visual appearance of Tabnine CLI with built-in themes.

Customize the visual appearance of Tabnine CLI with built-in themes.

Available Themes

Tabnine CLI includes the following built-in themes:

• Dark themes:

  • ANSI

  • Atom One

  • Ayu

  • Default

  • Dracula

  • GitHub

  • Holiday

  • Shades Of Purple

  • Solarized Dark

• Light themes:

  • ANSI Light

  • Ayu Light

  • Default Light

  • GitHub Light

  • Google Code

  • Solarized Light

  • Xcode

Theme Persistence: Your theme selection is saved to .tabnine/agent/settings.json and persists across sessions.

Changing Themes

You can switch between themes in two ways, either by using the /theme command or via /settings.

/theme

1

Command

Type the /theme command. This will open an interactive theme selector.

/theme

2

Navigate

Use arrow keys or J/K.

3

Preview

Preview the theme in real-time.

4

Apply

Press Enter to apply.

The /theme dialog lets you choose which scope to save to (User, Workspace, or System) using the Tab key. If ui.theme is set at multiple scopes, the highest-precedence scope wins at runtime: Workspace overrides User, and System overrides both

/settings

Custom Themes

Defining a custom theme in settings.json

Add a customThemes section to your settings.json file (user, project, or system level). Each custom theme is an object keyed by a unique name.

Required properties:

• name — must match the key in customThemes and be a non-empty string (max 50 characters)

• type — must be the string "custom"

Optional properties:

Group	Property	Description
text	primary	Default text color
	secondary	Less prominent text
	link	URLs and links
	accent	Highlights and emphasis
background	primary	Main background color
	diff.added	Background for added lines in diffs
	diff.removed	Background for removed lines in diffs
border	default	Standard border color
	focused	Border color when an element is focused
ui	comment	Color for code comments
	symbol	Color for code symbols and operators
	gradient	Array of colors for gradient effects
status	success	Color for successful operations
	warning	Color for warnings
	error	Color for errors

Use hex codes (e.g., #FF0000) or CSS color names (e.g., coral, teal).

Example:

{
  "ui": {
    "customThemes": {
      "MyCustomTheme": {
        "name": "MyCustomTheme",
        "type": "custom",
        "background": {
          "primary": "#181818"
        },
        "text": {
          "primary": "#f0f0f0",
          "secondary": "#a0a0a0",
          "link": "#5599ff",
          "accent": "#cc99ff"
        },
        "status": {
          "error": "#ff4444",
          "success": "#44ff44",
          "warning": "#ffaa00"
        }
      }
    }
  }
}

You can define multiple custom themes by adding more entries to the customThemes object.

Loading a theme from a file

You can also load a theme directly from a JSON file by setting the "theme" property to an absolute file path:

{
  "ui": {
    "theme": "/Users/yourname/.config/my-theme.json"
  }
}

The theme file must be located inside your home directory. Files outside your home directory are rejected for security reasons.

The file must be a valid JSON file following the same structure as a custom theme defined in settings.json. Example my-theme.json:

{
  "name": "My File Theme",
  "type": "custom",
  "background": {
    "primary": "#282828"
  },
  "text": {
    "primary": "#ebdbb2",
    "secondary": "#a89984"
  }
}

See Also

• Commands

• Settings