editorGutter.itemBackground

Where editor gutter item background paints

This sample moves from #252526 to #1a5276, then back.

How to change editor gutter item background color in Visual Studio Code

{
  "workbench.colorCustomizations": {
    "editorGutter.itemBackground": "#1a5276"
  }
}

Other Editor colors

• editor.background

  Editor background color.

• editor.foreground

  Editor default foreground color.

• editorLineNumber.foreground

  Color of editor line numbers.

• editorLineNumber.activeForeground

  Color of the active editor line number.

• editorLineNumber.dimmedForeground

  Color of the final editor line when editor.renderFinalNewline is set to dimmed.

• editorCursor.background

  The background color of the editor cursor. Allows customizing the color of a character overlapped by a block cursor.

• editorCursor.foreground

  Color of the editor cursor.

• editorMultiCursor.primary.foreground

  Color of the primary editor cursor when multiple cursors are present.

• editorMultiCursor.primary.background

  The background color of the primary editor cursor when multiple cursors are present. Allows customizing the color of a character overlapped by a block cursor.

• editorMultiCursor.secondary.foreground

  Color of secondary editor cursors when multiple cursors are present.

• editorMultiCursor.secondary.background

  The background color of secondary editor cursors when multiple cursors are present. Allows customizing the color of a character overlapped by a block cursor.

• editor.placeholder.foreground

  Foreground color of the placeholder text in the editor.

• editor.compositionBorder

  The border color for an IME composition.

• editor.selectionBackground

  Color of the editor selection.

• editor.selectionForeground

  Color of the selected text for high contrast.

• editor.inactiveSelectionBackground

  Color of the selection in an inactive editor. The color must not be opaque so as not to hide underlying decorations.

• editor.selectionHighlightBackground

  Color for regions with the same content as the selection. The color must not be opaque so as not to hide underlying decorations.

• editor.selectionHighlightBorder

  Border color for regions with the same content as the selection.

• editor.wordHighlightBackground

  Background color of a symbol during read-access, for example when reading a variable. The color must not be opaque so as not to hide underlying decorations.

• editor.wordHighlightBorder

  Border color of a symbol during read-access, for example when reading a variable.

• editor.wordHighlightStrongBackground

  Background color of a symbol during write-access, for example when writing to a variable. The color must not be opaque so as not to hide underlying decorations.

• editor.wordHighlightStrongBorder

  Border color of a symbol during write-access, for example when writing to a variable.

• editor.wordHighlightTextBackground

  Background color of a textual occurrence for a symbol. The color must not be opaque so as not to hide underlying decorations.

• editor.wordHighlightTextBorder

  Border color of a textual occurrence for a symbol.

• editor.findMatchBackground

  Color of the current search match.

• editor.findMatchForeground

  Text color of the current search match.

• editor.findMatchHighlightForeground

  Foreground color of the other search matches.

• editor.findMatchHighlightBackground

  Color of the other search matches. The color must not be opaque so as not to hide underlying decorations.

• editor.findRangeHighlightBackground

  Color the range limiting the search (Enable 'Find in Selection' in the find widget). The color must not be opaque so as not to hide underlying decorations.

• editor.findMatchBorder

  Border color of the current search match.

• editor.findMatchHighlightBorder

  Border color of the other search matches.

• editor.findRangeHighlightBorder

  Border color the range limiting the search (Enable 'Find in Selection' in the find widget).

• search.resultsInfoForeground

  Color of the text in the search viewlet's completion message. For example, this color is used in the text that says "`{x} results in {y} files`".

• searchEditor.findMatchBackground

  Color of the editor's results.

• searchEditor.findMatchBorder

  Border color of the editor's results.

• searchEditor.textInputBorder

  Search editor text input box border.

• editor.hoverHighlightBackground

  Highlight below the word for which a hover is shown. The color must not be opaque so as not to hide underlying decorations.

• editor.lineHighlightBackground

  Background color for the highlight of line at the cursor position.

• editor.inactiveLineHighlightBackground

  Background color for the highlight of line at the cursor position when the editor is not focused.

• editor.lineHighlightBorder

  Background color for the border around the line at the cursor position.

• editorUnicodeHighlight.border

  Border color used to highlight unicode characters.

• editorUnicodeHighlight.background

  Background color used to highlight unicode characters.

• editorLink.activeForeground

  Color of active links.

• editor.rangeHighlightBackground

  Background color of highlighted ranges, used by Quick Open, Symbol in File and Find features. The color must not be opaque so as not to hide underlying decorations.

• editor.rangeHighlightBorder

  Background color of the border around highlighted ranges.

• editor.symbolHighlightBackground

  Background color of highlighted symbol. The color must not be opaque so as not to hide underlying decorations.

• editor.symbolHighlightBorder

  Background color of the border around highlighted symbols.

• editorWhitespace.foreground

  Color of whitespace characters in the editor.

• editorIndentGuide.background

  Color of the editor indentation guides.

• editorIndentGuide.background1

  Color of the editor indentation guides (1).

• editorIndentGuide.background2

  Color of the editor indentation guides (2).

• editorIndentGuide.background3

  Color of the editor indentation guides (3).

• editorIndentGuide.background4

  Color of the editor indentation guides (4).

• editorIndentGuide.background5

  Color of the editor indentation guides (5).

• editorIndentGuide.background6

  Color of the editor indentation guides (6).

• editorIndentGuide.activeBackground

  Color of the active editor indentation guide.

• editorIndentGuide.activeBackground1

  Color of the active editor indentation guides (1).

• editorIndentGuide.activeBackground2

  Color of the active editor indentation guides (2).

• editorIndentGuide.activeBackground3

  Color of the active editor indentation guides (3).

• editorIndentGuide.activeBackground4

  Color of the active editor indentation guides (4).

• editorIndentGuide.activeBackground5

  Color of the active editor indentation guides (5).

• editorIndentGuide.activeBackground6

  Color of the active editor indentation guides (6).

• editorInlayHint.background

  Background color of inline hints.

• editorInlayHint.foreground

  Foreground color of inline hints.

• editorInlayHint.typeForeground

  Foreground color of inline hints for types

• editorInlayHint.typeBackground

  Background color of inline hints for types

• editorInlayHint.parameterForeground

  Foreground color of inline hints for parameters

• editorInlayHint.parameterBackground

  Background color of inline hints for parameters

• editorRuler.foreground

  Color of the editor rulers.

• editor.linkedEditingBackground

  Background color when the editor is in linked editing mode.

• editorCodeLens.foreground

  Foreground color of an editor CodeLens.

• editorLightBulb.foreground

  The color used for the lightbulb actions icon.

• editorLightBulbAutoFix.foreground

  The color used for the lightbulb auto fix actions icon.

• editorLightBulbAi.foreground

  The color used for the lightbulb AI icon.

• editorBracketMatch.background

  Background color behind matching brackets.

• editorBracketMatch.border

  Color for matching brackets boxes.

• editorBracketMatch.foreground

  Foreground color for matching brackets.

• editorBracketHighlight.foreground1

  Foreground color of brackets (1). Requires enabling bracket pair colorization.

• editorBracketHighlight.foreground2

  Foreground color of brackets (2). Requires enabling bracket pair colorization.

• editorBracketHighlight.foreground3

  Foreground color of brackets (3). Requires enabling bracket pair colorization.

• editorBracketHighlight.foreground4

  Foreground color of brackets (4). Requires enabling bracket pair colorization.

• editorBracketHighlight.foreground5

  Foreground color of brackets (5). Requires enabling bracket pair colorization.

• editorBracketHighlight.foreground6

  Foreground color of brackets (6). Requires enabling bracket pair colorization.

• editorBracketHighlight.unexpectedBracket.foreground

  Foreground color of unexpected brackets.

• editorBracketPairGuide.activeBackground1

  Background color of active bracket pair guides (1). Requires enabling bracket pair guides.

• editorBracketPairGuide.activeBackground2

  Background color of active bracket pair guides (2). Requires enabling bracket pair guides.

• editorBracketPairGuide.activeBackground3

  Background color of active bracket pair guides (3). Requires enabling bracket pair guides.

• editorBracketPairGuide.activeBackground4

  Background color of active bracket pair guides (4). Requires enabling bracket pair guides.

• editorBracketPairGuide.activeBackground5

  Background color of active bracket pair guides (5). Requires enabling bracket pair guides.

• editorBracketPairGuide.activeBackground6

  Background color of active bracket pair guides (6). Requires enabling bracket pair guides.

• editorBracketPairGuide.background1

  Background color of inactive bracket pair guides (1). Requires enabling bracket pair guides.

• editorBracketPairGuide.background2

  Background color of inactive bracket pair guides (2). Requires enabling bracket pair guides.

• editorBracketPairGuide.background3

  Background color of inactive bracket pair guides (3). Requires enabling bracket pair guides.

• editorBracketPairGuide.background4

  Background color of inactive bracket pair guides (4). Requires enabling bracket pair guides.

• editorBracketPairGuide.background5

  Background color of inactive bracket pair guides (5). Requires enabling bracket pair guides.

• editorBracketPairGuide.background6

  Background color of inactive bracket pair guides (6). Requires enabling bracket pair guides.

• editor.foldBackground

  Background color for folded ranges. The color must not be opaque so as not to hide underlying decorations.

• editor.foldPlaceholderForeground

  Color of the collapsed text after the first line of a folded range.

• editorOverviewRuler.background

  Background color of the editor overview ruler. Only used when the minimap is enabled and placed on the right side of the editor.

• editorOverviewRuler.border

  Color of the overview ruler border.

• editorOverviewRuler.findMatchForeground

  Overview ruler marker color for find matches. The color must not be opaque so as not to hide underlying decorations.

• editorOverviewRuler.rangeHighlightForeground

  Overview ruler marker color for highlighted ranges, like by the Quick Open, Symbol in File and Find features. The color must not be opaque so as not to hide underlying decorations.

• editorOverviewRuler.selectionHighlightForeground

  Overview ruler marker color for selection highlights. The color must not be opaque so as not to hide underlying decorations.

• editorOverviewRuler.wordHighlightForeground

  Overview ruler marker color for symbol highlights. The color must not be opaque so as not to hide underlying decorations.

• editorOverviewRuler.wordHighlightStrongForeground

  Overview ruler marker color for write-access symbol highlights. The color must not be opaque so as not to hide underlying decorations.

• editorOverviewRuler.wordHighlightTextForeground

  Overview ruler marker color of a textual occurrence for a symbol. The color must not be opaque so as not to hide underlying decorations.

• editorOverviewRuler.modifiedForeground

  Overview ruler marker color for modified content.

• editorOverviewRuler.addedForeground

  Overview ruler marker color for added content.

• editorOverviewRuler.deletedForeground

  Overview ruler marker color for deleted content.

• editorOverviewRuler.errorForeground

  Overview ruler marker color for errors.

• editorOverviewRuler.warningForeground

  Overview ruler marker color for warnings.

• editorOverviewRuler.infoForeground

  Overview ruler marker color for infos.

• editorOverviewRuler.bracketMatchForeground

  Overview ruler marker color for matching brackets.

• editorOverviewRuler.inlineChatInserted

  Overview ruler marker color for inline chat inserted content.

• editorOverviewRuler.inlineChatRemoved

  Overview ruler marker color for inline chat removed content.

• editorOverviewRuler.commentDraftForeground

  Editor overview ruler decoration color for comment threads with draft comments. This color should be opaque.

• editorError.foreground

  Foreground color of error squiggles in the editor.

• editorError.border

  Border color of error boxes in the editor.

• editorError.background

  Background color of error text in the editor. The color must not be opaque so as not to hide underlying decorations.

• editorWarning.foreground

  Foreground color of warning squiggles in the editor.

• editorWarning.border

  Border color of warning boxes in the editor.

• editorWarning.background

  Background color of warning text in the editor. The color must not be opaque so as not to hide underlying decorations.

• editorInfo.foreground

  Foreground color of info squiggles in the editor.

• editorInfo.border

  Border color of info boxes in the editor.

• editorInfo.background

  Background color of info text in the editor. The color must not be opaque so as not to hide underlying decorations.

• editorHint.foreground

  Foreground color of hints in the editor.

• editorHint.border

  Border color of hint boxes in the editor.

• problemsErrorIcon.foreground

  The color used for the problems error icon.

• problemsWarningIcon.foreground

  The color used for the problems warning icon.

• problemsInfoIcon.foreground

  The color used for the problems info icon.

• editorUnnecessaryCode.border

  Border color of unnecessary (unused) source code in the editor.

• editorUnnecessaryCode.opacity

  Opacity of unnecessary (unused) source code in the editor. For example, `"#000000c0"` will render the code with 75% opacity. For high contrast themes, use the `"editorUnnecessaryCode.border"` theme color to underline unnecessary code instead of fading it out.

• editorGutter.background

  Background color of the editor gutter. The gutter contains the glyph margins and the line numbers.

• editorGutter.modifiedBackground

  Editor gutter background color for lines that are modified.

• editorGutter.modifiedSecondaryBackground

  Editor gutter secondary background color for lines that are modified.

• editorGutter.addedBackground

  Editor gutter background color for lines that are added.

• editorGutter.addedSecondaryBackground

  Editor gutter secondary background color for lines that are added.

• editorGutter.deletedBackground

  Editor gutter background color for lines that are deleted.

• editorGutter.deletedSecondaryBackground

  Editor gutter secondary background color for lines that are deleted.

• editorGutter.commentRangeForeground

  Editor gutter decoration color for commenting ranges.

• editorGutter.commentGlyphForeground

  Editor gutter decoration color for commenting glyphs.

• editorGutter.commentUnresolvedGlyphForeground

  Editor gutter decoration color for commenting glyphs for unresolved comment threads.

• editorGutter.foldingControlForeground

  Color of the folding control in the editor gutter.

• editorGutter.itemGlyphForeground

  Editor gutter decoration color for gutter item glyphs.

• editorGutter.commentDraftGlyphForeground

  Editor gutter decoration color for commenting glyphs for comment threads with draft comments.

• editorCommentsWidget.resolvedBorder

  Color of borders and arrow for resolved comments.

• editorCommentsWidget.unresolvedBorder

  Color of borders and arrow for unresolved comments.

• editorCommentsWidget.rangeBackground

  Color of background for comment ranges.

• editorCommentsWidget.rangeActiveBackground

  Color of background for currently selected or hovered comment range.

• editorCommentsWidget.replyInputBackground

  Background color for comment reply input box.

• inlineEdit.gutterIndicator.primaryBorder

  Border color for the primary inline edit gutter indicator.

• inlineEdit.gutterIndicator.primaryForeground

  Foreground color for the primary inline edit gutter indicator.

• inlineEdit.gutterIndicator.primaryBackground

  Background color for the primary inline edit gutter indicator.

• inlineEdit.gutterIndicator.secondaryBorder

  Border color for the secondary inline edit gutter indicator.

• inlineEdit.gutterIndicator.secondaryForeground

  Foreground color for the secondary inline edit gutter indicator.

• inlineEdit.gutterIndicator.secondaryBackground

  Background color for the secondary inline edit gutter indicator.

• inlineEdit.gutterIndicator.successfulBorder

  Border color for the successful inline edit gutter indicator.

• inlineEdit.gutterIndicator.successfulForeground

  Foreground color for the successful inline edit gutter indicator.

• inlineEdit.gutterIndicator.successfulBackground

  Background color for the successful inline edit gutter indicator.

• inlineEdit.gutterIndicator.background

  Background color for the inline edit gutter indicator.

• inlineEdit.originalBackground

  Background color for the original text in inline edits.

• inlineEdit.modifiedBackground

  Background color for the modified text in inline edits.

• inlineEdit.originalChangedLineBackground

  Background color for the changed lines in the original text of inline edits.

• inlineEdit.originalChangedTextBackground

  Overlay color for the changed text in the original text of inline edits.

• inlineEdit.modifiedChangedLineBackground

  Background color for the changed lines in the modified text of inline edits.

• inlineEdit.modifiedChangedTextBackground

  Overlay color for the changed text in the modified text of inline edits.

• inlineEdit.originalBorder

  Border color for the original text in inline edits.

• inlineEdit.modifiedBorder

  Border color for the modified text in inline edits.

• inlineEdit.tabWillAcceptModifiedBorder

  Modified border color for the inline edits widget when tab will accept it.

• inlineEdit.tabWillAcceptOriginalBorder

  Original border color for the inline edits widget over the original text when tab will accept it.