Skip to main content
Display settings control how the Git Graph visualizes your repository history, including date formats, colors, graph styles, and UI elements.

​
Date and Time Display

​
dateFormat

​
neo-git-graph.dateFormat
string
default:"Date & Time"
Specifies the date format to be used in the date column of Git Graph.Available options:
  • "Date & Time" - Show the date and time, for example “19 Mar 2019 21:34”
  • "Date Only" - Show the date only, for example “19 Mar 2019”
  • "Relative" - Show relative times, for example “5 minutes ago”
Example: 
{
  "neo-git-graph.dateFormat": "Relative"
}

​
dateType

​
neo-git-graph.dateType
string
default:"Author Date"
Specifies the date type to be displayed throughout Git Graph.Available options:
  • "Author Date" - Use the author date of a commit (when the changes were originally made)
  • "Commit Date" - Use the committer date of a commit (when the commit was applied to the branch)
Example: 
{
  "neo-git-graph.dateType": "Commit Date"
}
The difference between author and commit dates is important when commits are rebased or cherry-picked. The author date preserves the original creation time, while the commit date reflects when the commit was applied.

​
Graph Appearance

​
graphColours

​
neo-git-graph.graphColours
array
default:"[12 predefined colors]"
Specifies the colours used on the graph for different branches. Colors must be specified in HEX or RGB format.Default colors:
[
  "#0085d9",
  "#d9008f",
  "#00d90a",
  "#d98500",
  "#a300d9",
  "#ff0000",
  "#00d9cc",
  "#e138e8",
  "#85d900",
  "#dc5b23",
  "#6f24d6",
  "#ffcc00"
]
Example with custom colors: 
{
  "neo-git-graph.graphColours": [
    "#FF6B6B",
    "#4ECDC4",
    "#45B7D1",
    "#FFA07A",
    "#98D8C8"
  ]
}
You can use any valid CSS color format including HEX (#RRGGBB), HEX with alpha (#RRGGBBAA), or RGB (rgb(r, g, b)).

​
graphStyle

​
neo-git-graph.graphStyle
string
default:"rounded"
Specifies the style of the graph when transitioning between branches.Available options:
  • "rounded" - Use smooth curves when transitioning between branches
  • "angular" - Use angular lines when transitioning between branches
Example: 
{
  "neo-git-graph.graphStyle": "angular"
}

​
UI Elements

​
tabIconColourTheme

​
neo-git-graph.tabIconColourTheme
string
default:"colour"
Specifies the colour theme of the icon displayed on the Git Graph tab.Available options:
  • "colour" - Show a colour icon which suits most Visual Studio Code colour themes
  • "grey" - Show a grey icon which suits Visual Studio Code colour themes that are predominantly grayscale
Example: 
{
  "neo-git-graph.tabIconColourTheme": "grey"
}

​
autoCenterCommitDetailsView

​
neo-git-graph.autoCenterCommitDetailsView
boolean
default:"true"
Automatically center the commit details view when it is opened.When enabled, the graph will automatically scroll to center the selected commit when you click on it to view its details.
Example: 
{
  "neo-git-graph.autoCenterCommitDetailsView": false
}

​
showStatusBarItem

​
neo-git-graph.showStatusBarItem
boolean
default:"true"
Show a Status Bar item which opens Git Graph when clicked.When enabled, a clickable item appears in the VS Code status bar (bottom of the window) that provides quick access to open the Git Graph view.
Example: 
{
  "neo-git-graph.showStatusBarItem": false
}

​
showCurrentBranchByDefault

​
neo-git-graph.showCurrentBranchByDefault
boolean
default:"false"
Show the current branch by default when Git Graph is opened.When enabled, the graph will automatically filter to show only the current branch when you first open Git Graph. When disabled (default), all branches are shown.
Example: 
{
  "neo-git-graph.showCurrentBranchByDefault": true
}

​
Example Configuration

Here’s a complete example combining multiple display settings: 
{
  "neo-git-graph.dateFormat": "Relative",
  "neo-git-graph.dateType": "Author Date",
  "neo-git-graph.graphStyle": "angular",
  "neo-git-graph.graphColours": [
    "#FF6B6B",
    "#4ECDC4",
    "#45B7D1"
  ],
  "neo-git-graph.tabIconColourTheme": "grey",
  "neo-git-graph.autoCenterCommitDetailsView": true,
  "neo-git-graph.showStatusBarItem": true,
  "neo-git-graph.showCurrentBranchByDefault": false
}

Build docs developers (and LLMs) love

Get started for freeTalk to us