editorOverviewRuler.rangeHighlightForeground

Where editor overview ruler range highlight foreground paints

This sample moves from #cccccc to #f5d76e, then back.

How to change editor overview ruler range highlight foreground color in Visual Studio Code

{
  "workbench.colorCustomizations": {
    "editorOverviewRuler.rangeHighlightForeground": "#f5d76e"
  }
}

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.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.itemBackground

  Editor gutter decoration color for gutter item background. This color should be opaque.

• 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.