add focusHighlightForeground to demo

[connerleverett]

https://github.com/Microsoft/monaco-editor/blob/main/test/playground.generated/customizing-the-appearence-exposed-colors.html is missing 'editorSuggestWidget.focusHighlightForeground': // Color of the match highlights in the suggest widget when an item is focused. which can be found at https://code.visualstudio.com/api/references/theme-color#editor-widget-colors

[alexdima]

We are adding new colors every month, but there is no automated process of keeping that comment up-to-date.

[mofux]

Here's a complete list of available theme colors as of monaco-editor@0.27.0

foreground: Overall foreground color. This color is only used if not overridden by a component.
errorForeground: Overall foreground color for error messages. This color is only used if not overridden by a component.
icon.foreground: The default color for icons in the workbench.
focusBorder: Overall border color for focused elements. This color is only used if not overridden by a component.
contrastBorder: An extra border around elements to separate them from others for greater contrast.
contrastActiveBorder: An extra border around active elements to separate them from others for greater contrast.
textLink.foreground: Foreground color for links in text.
textLink.activeForeground: Foreground color for links in text when clicked on and on mouse hover.
textCodeBlock.background: Background color for code blocks in text.
widget.shadow: Shadow color of widgets such as find/replace inside the editor.
input.background: Input box background.
input.foreground: Input box foreground.
input.border: Input box border.
inputOption.activeBorder: Border color of activated options in input fields.
inputOption.activeBackground: Background color of activated options in input fields.
inputOption.activeForeground: Foreground color of activated options in input fields.
inputValidation.infoBackground: Input validation background color for information severity.
inputValidation.infoForeground: Input validation foreground color for information severity.
inputValidation.infoBorder: Input validation border color for information severity.
inputValidation.warningBackground: Input validation background color for warning severity.
inputValidation.warningForeground: Input validation foreground color for warning severity.
inputValidation.warningBorder: Input validation border color for warning severity.
inputValidation.errorBackground: Input validation background color for error severity.
inputValidation.errorForeground: Input validation foreground color for error severity.
inputValidation.errorBorder: Input validation border color for error severity.
dropdown.background: Dropdown background.
dropdown.foreground: Dropdown foreground.
button.foreground: Button foreground color.
button.background: Button background color.
button.hoverBackground: Button background color when hovering.
badge.background: Badge background color. Badges are small information labels, e.g. for search results count.
badge.foreground: Badge foreground color. Badges are small information labels, e.g. for search results count.
scrollbar.shadow: Scrollbar shadow to indicate that the view is scrolled.
scrollbarSlider.background: Scrollbar slider background color.
scrollbarSlider.hoverBackground: Scrollbar slider background color when hovering.
scrollbarSlider.activeBackground: Scrollbar slider background color when clicked on.
progressBar.background: Background color of the progress bar that can show for long running operations.
editorError.background: Background color of error text in the editor. The color must not be opaque so as not to hide underlying decorations.
editorError.foreground: Foreground color of error squigglies in the editor.
editorError.border: Border color of error 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.
editorWarning.foreground: Foreground color of warning squigglies in the editor.
editorWarning.border: Border color of warning 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.
editorInfo.foreground: Foreground color of info squigglies in the editor.
editorInfo.border: Border color of info boxes in the editor.
editorHint.foreground: Foreground color of hint squigglies in the editor.
editorHint.border: Border color of hint boxes in the editor.
editor.background: Editor background color.
editor.foreground: Editor default foreground color.
editorWidget.background: Background color of editor widgets, such as find/replace.
editorWidget.foreground: Foreground color of editor widgets, such as find/replace.
editorWidget.border: Border color of editor widgets. The color is only used if the widget chooses to have a border and if the color is not overridden by a widget.
editorWidget.resizeBorder: Border color of the resize bar of editor widgets. The color is only used if the widget chooses to have a resize border and if the color is not overridden by a widget.
quickInput.background: Quick picker background color. The quick picker widget is the container for pickers like the command palette.
quickInput.foreground: Quick picker foreground color. The quick picker widget is the container for pickers like the command palette.
quickInputTitle.background: Quick picker title background color. The quick picker widget is the container for pickers like the command palette.
pickerGroup.foreground: Quick picker color for grouping labels.
pickerGroup.border: Quick picker color for grouping borders.
keybindingLabel.background: Keybinding label background color. The keybinding label is used to represent a keyboard shortcut.
keybindingLabel.foreground: Keybinding label foreground color. The keybinding label is used to represent a keyboard shortcut.
keybindingLabel.border: Keybinding label border color. The keybinding label is used to represent a keyboard shortcut.
keybindingLabel.bottomBorder: Keybinding label border bottom color. The keybinding label is used to represent a keyboard shortcut.
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.findMatchBackground: Color of the current search match.
editor.findMatchHighlightBackground: Color of the other search matches. The color must not be opaque so as not to hide underlying decorations.
editor.findRangeHighlightBackground: Color of the range limiting the search. 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 of the range limiting the search. The color must not be opaque so as not to hide underlying decorations.
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.
editorHoverWidget.background: Background color of the editor hover.
editorHoverWidget.foreground: Foreground color of the editor hover.
editorHoverWidget.border: Border color of the editor hover.
editorHoverWidget.statusBarBackground: Background color of the editor hover status bar.
editorLink.activeForeground: Color of active links.
editorInlayHint.foreground: Foreground color of inline hints
editorInlayHint.background: Background color of inline hints
editorLightBulb.foreground: The color used for the lightbulb actions icon.
editorLightBulbAutoFix.foreground: The color used for the lightbulb auto fix actions icon.
diffEditor.insertedTextBackground: Background color for text that got inserted. The color must not be opaque so as not to hide underlying decorations.
diffEditor.removedTextBackground: Background color for text that got removed. The color must not be opaque so as not to hide underlying decorations.
diffEditor.insertedTextBorder: Outline color for the text that got inserted.
diffEditor.removedTextBorder: Outline color for text that got removed.
diffEditor.border: Border color between the two text editors.
diffEditor.diagonalFill: Color of the diff editor's diagonal fill. The diagonal fill is used in side-by-side diff views.
list.focusBackground: List/Tree background color for the focused item when the list/tree is active. An active list/tree has keyboard focus, an inactive does not.
list.focusForeground: List/Tree foreground color for the focused item when the list/tree is active. An active list/tree has keyboard focus, an inactive does not.
list.focusOutline: List/Tree outline color for the focused item when the list/tree is active. An active list/tree has keyboard focus, an inactive does not.
list.activeSelectionBackground: List/Tree background color for the selected item when the list/tree is active. An active list/tree has keyboard focus, an inactive does not.
list.activeSelectionForeground: List/Tree foreground color for the selected item when the list/tree is active. An active list/tree has keyboard focus, an inactive does not.
list.activeSelectionIconForeground: List/Tree icon foreground color for the selected item when the list/tree is active. An active list/tree has keyboard focus, an inactive does not.
list.inactiveSelectionBackground: List/Tree background color for the selected item when the list/tree is inactive. An active list/tree has keyboard focus, an inactive does not.
list.inactiveSelectionForeground: List/Tree foreground color for the selected item when the list/tree is inactive. An active list/tree has keyboard focus, an inactive does not.
list.inactiveSelectionIconForeground: List/Tree icon foreground color for the selected item when the list/tree is inactive. An active list/tree has keyboard focus, an inactive does not.
list.inactiveFocusBackground: List/Tree background color for the focused item when the list/tree is inactive. An active list/tree has keyboard focus, an inactive does not.
list.inactiveFocusOutline: List/Tree outline color for the focused item when the list/tree is inactive. An active list/tree has keyboard focus, an inactive does not.
list.hoverBackground: List/Tree background when hovering over items using the mouse.
list.hoverForeground: List/Tree foreground when hovering over items using the mouse.
list.dropBackground: List/Tree drag and drop background when moving items around using the mouse.
list.highlightForeground: List/Tree foreground color of the match highlights when searching inside the list/tree.
list.focusHighlightForeground: List/Tree foreground color of the match highlights on actively focused items when searching inside the list/tree.
listFilterWidget.background: Background color of the type filter widget in lists and trees.
listFilterWidget.outline: Outline color of the type filter widget in lists and trees.
listFilterWidget.noMatchesOutline: Outline color of the type filter widget in lists and trees, when there are no matches.
tree.indentGuidesStroke: Tree stroke color for the indentation guides.
tree.tableColumnsBorder: Tree stroke color for the indentation guides.
quickInput.list.focusBackground: 
quickInputList.focusForeground: Quick picker foreground color for the focused item.
quickInputList.focusIconForeground: Quick picker icon foreground color for the focused item.
quickInputList.focusBackground: Quick picker background color for the focused item.
menu.border: Border color of menus.
menu.foreground: Foreground color of menu items.
menu.background: Background color of menu items.
menu.selectionForeground: Foreground color of the selected menu item in menus.
menu.selectionBackground: Background color of the selected menu item in menus.
menu.selectionBorder: Border color of the selected menu item in menus.
menu.separatorBackground: Color of a separator menu item in menus.
editor.snippetTabstopHighlightBackground: Highlight background color of a snippet tabstop.
editor.snippetTabstopHighlightBorder: Highlight border color of a snippet tabstop.
editor.snippetFinalTabstopHighlightBackground: Highlight background color of the final tabstop of a snippet.
editor.snippetFinalTabstopHighlightBorder: Highlight border color of the final tabstop of a snippet.
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.
minimap.findMatchHighlight: Minimap marker color for find matches.
minimap.selectionHighlight: Minimap marker color for the editor selection.
minimap.errorHighlight: Minimap marker color for errors.
minimap.warningHighlight: Minimap marker color for warnings.
minimap.background: Minimap background color.
minimapSlider.background: Minimap slider background color.
minimapSlider.hoverBackground: Minimap slider background color when hovering.
minimapSlider.activeBackground: Minimap slider background color when clicked on.
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.
editor.lineHighlightBackground: Background color for the highlight of line at the cursor position.
editor.lineHighlightBorder: Background color for the border around the line at the cursor position.
editor.rangeHighlightBackground: Background color of highlighted ranges, like by quick open 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, like for go to definition or go next/previous symbol. The color must not be opaque so as not to hide underlying decorations.
editor.symbolHighlightBorder: Background color of the border around highlighted symbols.
editorCursor.foreground: Color of the editor cursor.
editorCursor.background: The background color of the editor cursor. Allows customizing the color of a character overlapped by a block cursor.
editorWhitespace.foreground: Color of whitespace characters in the editor.
editorIndentGuide.background: Color of the editor indentation guides.
editorIndentGuide.activeBackground: Color of the active editor indentation guides.
editorLineNumber.foreground: Color of editor line numbers.
editorActiveLineNumber.foreground: Color of editor active line number
editorLineNumber.activeForeground: Color of editor active line number
editorRuler.foreground: Color of the editor rulers.
editorCodeLens.foreground: Foreground color of editor CodeLens
editorBracketMatch.background: Background color behind matching brackets
editorBracketMatch.border: Color for matching brackets boxes
editorOverviewRuler.border: Color of the overview ruler border.
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.
editorGutter.background: Background color of the editor gutter. The gutter contains the glyph margins and the line numbers.
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.
editorGhostText.border: Border color of ghost text in the editor.
editorGhostText.foreground: Foreground color of the ghost text in the editor.
editorOverviewRuler.rangeHighlightForeground: Overview ruler marker color for range highlights. The color must not be opaque so as not to hide underlying decorations.
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.
peekViewTitle.background: Background color of the peek view title area.
peekViewTitleLabel.foreground: Color of the peek view title.
peekViewTitleDescription.foreground: Color of the peek view title info.
peekView.border: Color of the peek view borders and arrow.
peekViewResult.background: Background color of the peek view result list.
peekViewResult.lineForeground: Foreground color for line nodes in the peek view result list.
peekViewResult.fileForeground: Foreground color for file nodes in the peek view result list.
peekViewResult.selectionBackground: Background color of the selected entry in the peek view result list.
peekViewResult.selectionForeground: Foreground color of the selected entry in the peek view result list.
peekViewEditor.background: Background color of the peek view editor.
peekViewEditorGutter.background: Background color of the gutter in the peek view editor.
peekViewResult.matchHighlightBackground: Match highlight color in the peek view result list.
peekViewEditor.matchHighlightBackground: Match highlight color in the peek view editor.
peekViewEditor.matchHighlightBorder: Match highlight border in the peek view editor.
editorMarkerNavigationError.background: Editor marker navigation widget error color.
editorMarkerNavigationWarning.background: Editor marker navigation widget warning color.
editorMarkerNavigationInfo.background: Editor marker navigation widget info color.
editorMarkerNavigation.background: Editor marker navigation widget background.
symbolIcon.arrayForeground: The foreground color for array symbols. These symbols appear in the outline, breadcrumb, and suggest widget.
symbolIcon.booleanForeground: The foreground color for boolean symbols. These symbols appear in the outline, breadcrumb, and suggest widget.
symbolIcon.classForeground: The foreground color for class symbols. These symbols appear in the outline, breadcrumb, and suggest widget.
symbolIcon.colorForeground: The foreground color for color symbols. These symbols appear in the outline, breadcrumb, and suggest widget.
symbolIcon.constantForeground: The foreground color for constant symbols. These symbols appear in the outline, breadcrumb, and suggest widget.
symbolIcon.constructorForeground: The foreground color for constructor symbols. These symbols appear in the outline, breadcrumb, and suggest widget.
symbolIcon.enumeratorForeground: The foreground color for enumerator symbols. These symbols appear in the outline, breadcrumb, and suggest widget.
symbolIcon.enumeratorMemberForeground: The foreground color for enumerator member symbols. These symbols appear in the outline, breadcrumb, and suggest widget.
symbolIcon.eventForeground: The foreground color for event symbols. These symbols appear in the outline, breadcrumb, and suggest widget.
symbolIcon.fieldForeground: The foreground color for field symbols. These symbols appear in the outline, breadcrumb, and suggest widget.
symbolIcon.fileForeground: The foreground color for file symbols. These symbols appear in the outline, breadcrumb, and suggest widget.
symbolIcon.folderForeground: The foreground color for folder symbols. These symbols appear in the outline, breadcrumb, and suggest widget.
symbolIcon.functionForeground: The foreground color for function symbols. These symbols appear in the outline, breadcrumb, and suggest widget.
symbolIcon.interfaceForeground: The foreground color for interface symbols. These symbols appear in the outline, breadcrumb, and suggest widget.
symbolIcon.keyForeground: The foreground color for key symbols. These symbols appear in the outline, breadcrumb, and suggest widget.
symbolIcon.keywordForeground: The foreground color for keyword symbols. These symbols appear in the outline, breadcrumb, and suggest widget.
symbolIcon.methodForeground: The foreground color for method symbols. These symbols appear in the outline, breadcrumb, and suggest widget.
symbolIcon.moduleForeground: The foreground color for module symbols. These symbols appear in the outline, breadcrumb, and suggest widget.
symbolIcon.namespaceForeground: The foreground color for namespace symbols. These symbols appear in the outline, breadcrumb, and suggest widget.
symbolIcon.nullForeground: The foreground color for null symbols. These symbols appear in the outline, breadcrumb, and suggest widget.
symbolIcon.numberForeground: The foreground color for number symbols. These symbols appear in the outline, breadcrumb, and suggest widget.
symbolIcon.objectForeground: The foreground color for object symbols. These symbols appear in the outline, breadcrumb, and suggest widget.
symbolIcon.operatorForeground: The foreground color for operator symbols. These symbols appear in the outline, breadcrumb, and suggest widget.
symbolIcon.packageForeground: The foreground color for package symbols. These symbols appear in the outline, breadcrumb, and suggest widget.
symbolIcon.propertyForeground: The foreground color for property symbols. These symbols appear in the outline, breadcrumb, and suggest widget.
symbolIcon.referenceForeground: The foreground color for reference symbols. These symbols appear in the outline, breadcrumb, and suggest widget.
symbolIcon.snippetForeground: The foreground color for snippet symbols. These symbols appear in the outline, breadcrumb, and suggest widget.
symbolIcon.stringForeground: The foreground color for string symbols. These symbols appear in the outline, breadcrumb, and suggest widget.
symbolIcon.structForeground: The foreground color for struct symbols. These symbols appear in the outline, breadcrumb, and suggest widget.
symbolIcon.textForeground: The foreground color for text symbols. These symbols appear in the outline, breadcrumb, and suggest widget.
symbolIcon.typeParameterForeground: The foreground color for type parameter symbols. These symbols appear in the outline, breadcrumb, and suggest widget.
symbolIcon.unitForeground: The foreground color for unit symbols. These symbols appear in the outline, breadcrumb, and suggest widget.
symbolIcon.variableForeground: The foreground color for variable symbols. These symbols appear in the outline, breadcrumb, and suggest widget.
editorSuggestWidget.background: Background color of the suggest widget.
editorSuggestWidget.border: Border color of the suggest widget.
editorSuggestWidget.foreground: Foreground color of the suggest widget.
editorSuggestWidget.selectedForeground: Foreground color of the selected entry in the suggest widget.
editorSuggestWidget.selectedIconForeground: Icon foreground color of the selected entry in the suggest widget.
editorSuggestWidget.selectedBackground: Background color of the selected entry in the suggest widget.
editorSuggestWidget.highlightForeground: Color of the match highlights in the suggest widget.
editorSuggestWidget.focusHighlightForeground: Color of the match highlights in the suggest widget when an item is focused.
editor.foldBackground: Background color behind folded ranges. The color must not be opaque so as not to hide underlying decorations.
editorGutter.foldingControlForeground: Color of the folding control in the editor gutter.
editor.linkedEditingBackground: Background color when the editor auto renames on type.
editor.wordHighlightBackground: Background color of a symbol during read-access, like reading a variable. The color must not be opaque so as not to hide underlying decorations.
editor.wordHighlightStrongBackground: Background color of a symbol during write-access, like writing to 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, like reading a variable.
editor.wordHighlightStrongBorder: Border color of a symbol during write-access, like writing to a variable.
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.