Rashid Lab
Publisher: Rashid FarhadThemes in package: 5
Real logos for the languages and frameworks you use, on coloured folders, with five colour schemes to put them on.
Color themes
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.activeBackground#2FD4C714
- activityBar.activeBorder#2FD4C7
- activityBar.background#0E1117
- activityBar.border#0E1117
- activityBar.foreground#C6CEDC
- activityBar.inactiveForeground#5A657A
- activityBarBadge.background#2FD4C7
- activityBarBadge.foreground#0E1117
- activityBarTop.activeBorder#2FD4C7
- activityBarTop.foreground#C6CEDC
- activityBarTop.inactiveForeground#5A657A
- badge.background#2FD4C7
- badge.foreground#0E1117
- banner.background#212936
- banner.foreground#C6CEDC
- banner.iconForeground#2FD4C7
- breadcrumb.activeSelectionForeground#2FD4C7
- breadcrumb.background#12151C
- breadcrumb.focusForeground#C6CEDC
- breadcrumb.foreground#5A657A
- breadcrumbPicker.background#181D26
- button.background#2FD4C7
- button.border#00000000
- button.foreground#0E1117
- button.hoverBackground#48d9ce
- button.secondaryBackground#212936
- button.secondaryForeground#C6CEDC
- button.secondaryHoverBackground#353d4a
- charts.blue#4B8CFF
- charts.foreground#C6CEDC
- charts.green#42CE7C
- charts.lines#242C3A
- charts.orange#FF8B3C
- charts.purple#A75FFF
- charts.red#FF5B4D
- charts.yellow#FFC22E
- chat.requestBorder#242C3A
- chat.slashCommandBackground#2FD4C729
- chat.slashCommandForeground#2FD4C7
- checkbox.background#181D26
- checkbox.border#242C3A
- checkbox.foreground#2FD4C7
- commandCenter.activeBackground#212936
- commandCenter.activeForeground#C6CEDC
- commandCenter.background#181D26
- commandCenter.border#242C3A
- commandCenter.foreground#8B96A9
- debugConsole.errorForeground#FF5B4D
- debugConsole.infoForeground#4B8CFF
- debugConsole.sourceForeground#8B96A9
- debugConsole.warningForeground#FFC22E
- debugConsoleInputIcon.foreground#2FD4C7
- debugExceptionWidget.background#181D26
- debugExceptionWidget.border#FF5B4D
- debugIcon.breakpointCurrentStackframeForeground#FFC22E
- debugIcon.breakpointDisabledForeground#FF5B4D80
- debugIcon.breakpointForeground#FF5B4D
- debugIcon.continueForeground#42CE7C
- debugIcon.disconnectForeground#FF5B4D
- debugIcon.pauseForeground#FFC22E
- debugIcon.restartForeground#42CE7C
- debugIcon.startForeground#42CE7C
- debugIcon.stepIntoForeground#4B8CFF
- debugIcon.stepOutForeground#4B8CFF
- debugIcon.stepOverForeground#4B8CFF
- debugIcon.stopForeground#FF5B4D
- debugToolBar.background#181D26
- debugToolBar.border#242C3A
- debugView.stateLabelBackground#212936
- debugView.stateLabelForeground#C6CEDC
- debugView.valueChangedHighlight#2FD4C766
- descriptionForeground#8B96A9
- diffEditor.border#242C3A
- diffEditor.diagonalFill#242C3A
- diffEditor.insertedLineBackground#42CE7C17
- diffEditor.insertedTextBackground#42CE7C24
- diffEditor.removedLineBackground#FF5B4D17
- diffEditor.removedTextBackground#FF5B4D24
- disabledForeground#5A657A
- dropdown.background#181D26
- dropdown.border#242C3A
- dropdown.foreground#C6CEDC
- dropdown.listBackground#181D26
- editor.background#12151C
- editor.findMatchBackground#FFC22E5C
- editor.findMatchHighlightBackground#FFC22E33
- editor.findRangeHighlightBackground#2FD4C71A
- editor.focusedStackFrameHighlightBackground#42CE7C29
- editor.foreground#C6CEDC
- editor.hoverHighlightBackground#2FD4C71F
- editor.inactiveSelectionBackground#2FD4C71F
- editor.lineHighlightBackground#181c23
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#2FD4C714
- editor.selectionBackground#2FD4C738
- editor.selectionHighlightBackground#2FD4C724
- editor.selectionHighlightBorder#2FD4C700
- editor.stackFrameHighlightBackground#FFC22E29
- editor.wordHighlightBackground#4B8CFF29
- editor.wordHighlightStrongBackground#42CE7C29
- editorBracketHighlight.foreground1#FFC22E
- editorBracketHighlight.foreground2#2FD4C7
- editorBracketHighlight.foreground3#A75FFF
- editorBracketHighlight.foreground4#FF5F8C
- editorBracketHighlight.foreground5#59C4FF
- editorBracketHighlight.foreground6#42CE7C
- editorBracketHighlight.unexpectedBracket.foreground#FF5B4D
- editorBracketMatch.background#2FD4C72E
- editorBracketMatch.border#2FD4C780
- editorCodeLens.foreground#5A657A
- editorCursor.background#12151C
- editorCursor.foreground#2FD4C7
- editorError.foreground#FF5B4D
- editorGhostText.foreground#5A657A
- editorGroup.border#242C3A
- editorGroup.dropBackground#2FD4C724
- editorGroupHeader.noTabsBackground#0E1117
- editorGroupHeader.tabsBackground#0E1117
- editorGroupHeader.tabsBorder#242C3A
- editorGutter.addedBackground#42CE7C
- editorGutter.background#12151C
- editorGutter.commentRangeForeground#5A657A
- editorGutter.deletedBackground#FF5B4D
- editorGutter.foldingControlForeground#8B96A9
- editorGutter.modifiedBackground#4B8CFF
- editorHint.foreground#2FD4C7
- editorHoverWidget.background#181D26
- editorHoverWidget.border#242C3A
- editorHoverWidget.foreground#C6CEDC
- editorHoverWidget.statusBarBackground#212936
- editorIndentGuide.activeBackground1#1e6160
- editorIndentGuide.background1#24282f
- editorInfo.foreground#4B8CFF
- editorInlayHint.background#2FD4C71A
- editorInlayHint.foreground#8B96A9
- editorLightBulb.foreground#FFC22E
- editorLightBulbAutoFix.foreground#2FD4C7
- editorLineNumber.activeForeground#2FD4C7
- editorLineNumber.foreground#5A657A
- editorLink.activeForeground#2FD4C7
- editorMarkerNavigation.background#181D26
- editorMarkerNavigationError.background#FF5B4D
- editorMarkerNavigationInfo.background#4B8CFF
- editorMarkerNavigationWarning.background#FFC22E
- editorOverviewRuler.addedForeground#42CE7C
- editorOverviewRuler.border#00000000
- editorOverviewRuler.bracketMatchForeground#2FD4C780
- editorOverviewRuler.deletedForeground#FF5B4D
- editorOverviewRuler.errorForeground#FF5B4D
- editorOverviewRuler.findMatchForeground#FFC22E99
- editorOverviewRuler.infoForeground#4B8CFF
- editorOverviewRuler.modifiedForeground#4B8CFF
- editorOverviewRuler.selectionHighlightForeground#2FD4C766
- editorOverviewRuler.warningForeground#FFC22E
- editorOverviewRuler.wordHighlightForeground#4B8CFF66
- editorPane.background#12151C
- editorRuler.foreground#282b33
- editorSuggestWidget.background#181D26
- editorSuggestWidget.border#242C3A
- editorSuggestWidget.focusHighlightForeground#2FD4C7
- editorSuggestWidget.foreground#C6CEDC
- editorSuggestWidget.highlightForeground#2FD4C7
- editorSuggestWidget.selectedBackground#212936
- editorSuggestWidget.selectedForeground#C6CEDC
- editorUnnecessaryCode.opacity#00000080
- editorWarning.foreground#FFC22E
- editorWhitespace.foreground#363a42
- editorWidget.background#181D26
- editorWidget.border#242C3A
- editorWidget.foreground#C6CEDC
- errorForeground#FF5B4D
- extensionBadge.remoteBackground#2FD4C7
- extensionBadge.remoteForeground#0E1117
- extensionButton.prominentBackground#2FD4C7
- extensionButton.prominentForeground#0E1117
- extensionButton.prominentHoverBackground#48d9ce
- extensionIcon.preReleaseForeground#A75FFF
- extensionIcon.sponsorForeground#FF5F8C
- extensionIcon.starForeground#FFC22E
- extensionIcon.verifiedForeground#42CE7C
- focusBorder#2FD4C7B3
- foreground#C6CEDC
- gauge.background#2FD4C7
- gauge.border#242C3A
- gauge.foreground#2FD4C740
- gitDecoration.addedResourceForeground#42CE7C
- gitDecoration.conflictingResourceForeground#FFC22E
- gitDecoration.deletedResourceForeground#FF5B4D
- gitDecoration.ignoredResourceForeground#5A657A
- gitDecoration.modifiedResourceForeground#4B8CFF
- gitDecoration.renamedResourceForeground#2FD4C7
- gitDecoration.stageDeletedResourceForeground#FF5B4D
- gitDecoration.stageModifiedResourceForeground#4B8CFF
- gitDecoration.submoduleResourceForeground#FFC22E
- gitDecoration.untrackedResourceForeground#42CE7C
- icon.foreground#8B96A9
- inlineChat.background#181D26
- inlineChat.border#2FD4C7
- inlineChatInput.background#0E1117
- inlineChatInput.border#242C3A
- input.background#181D26
- input.border#242C3A
- input.foreground#C6CEDC
- input.placeholderForeground#5A657A
- inputOption.activeBackground#2FD4C73D
- inputOption.activeBorder#2FD4C7
- inputOption.activeForeground#C6CEDC
- inputValidation.errorBackground#181D26
- inputValidation.errorBorder#FF5B4D
- inputValidation.infoBackground#181D26
- inputValidation.infoBorder#4B8CFF
- inputValidation.warningBackground#181D26
- inputValidation.warningBorder#FFC22E
- keybindingLabel.background#212936
- keybindingLabel.border#242C3A
- keybindingLabel.bottomBorder#242C3A
- keybindingLabel.foreground#C6CEDC
- list.activeSelectionBackground#212936
- list.activeSelectionForeground#C6CEDC
- list.activeSelectionIconForeground#2FD4C7
- list.dropBackground#2FD4C729
- list.errorForeground#FF5B4D
- list.focusBackground#212936
- list.focusForeground#C6CEDC
- list.focusHighlightForeground#2FD4C7
- list.focusOutline#2FD4C780
- list.highlightForeground#2FD4C7
- list.hoverBackground#1a1d24
- list.hoverForeground#C6CEDC
- list.inactiveSelectionBackground#1d2028
- list.inactiveSelectionForeground#C6CEDC
- list.warningForeground#FFC22E
- listFilterWidget.background#181D26
- listFilterWidget.noMatchesOutline#FF5B4D
- listFilterWidget.outline#2FD4C7
- menu.background#181D26
- menu.border#242C3A
- menu.foreground#C6CEDC
- menu.selectionBackground#212936
- menu.selectionForeground#C6CEDC
- menu.separatorBackground#242C3A
- menubar.selectionBackground#212936
- menubar.selectionForeground#C6CEDC
- merge.border#242C3A
- merge.commonContentBackground#5A657A24
- merge.commonHeaderBackground#5A657A4D
- merge.currentContentBackground#4B8CFF24
- merge.currentHeaderBackground#4B8CFF4D
- merge.incomingContentBackground#42CE7C24
- merge.incomingHeaderBackground#42CE7C4D
- mergeEditor.change.background#42CE7C1F
- mergeEditor.conflict.unhandledFocused.border#FF5B4D
- mergeEditor.conflict.unhandledUnfocused.border#FFC22E
- minimap.background#12151C
- minimap.errorHighlight#FF5B4D
- minimap.findMatchHighlight#FFC22E99
- minimap.selectionHighlight#2FD4C766
- minimap.warningHighlight#FFC22E
- minimapGutter.addedBackground#42CE7C
- minimapGutter.deletedBackground#FF5B4D
- minimapGutter.modifiedBackground#4B8CFF
- minimapSlider.activeBackground#2FD4C747
- minimapSlider.background#8B96A91F
- minimapSlider.hoverBackground#8B96A933
- notebook.cellBorderColor#242C3A
- notebook.cellEditorBackground#0E1117
- notebook.cellHoverBackground#161921
- notebook.editorBackground#12151C
- notebook.focusedCellBorder#2FD4C7
- notebook.focusedEditorBorder#2FD4C7
- notebook.inactiveFocusedCellBorder#242C3A
- notebook.selectedCellBackground#181c23
- notebookStatusErrorIcon.foreground#FF5B4D
- notebookStatusRunningIcon.foreground#2FD4C7
- notebookStatusSuccessIcon.foreground#42CE7C
- notificationCenter.border#242C3A
- notificationCenterHeader.background#181D26
- notificationCenterHeader.foreground#C6CEDC
- notificationLink.foreground#2FD4C7
- notifications.background#181D26
- notifications.border#242C3A
- notifications.foreground#C6CEDC
- notificationsErrorIcon.foreground#FF5B4D
- notificationsInfoIcon.foreground#4B8CFF
- notificationsWarningIcon.foreground#FFC22E
- panel.background#0E1117
- panel.border#242C3A
- panel.dropBorder#2FD4C7
- panelSection.border#242C3A
- panelSectionHeader.background#0E1117
- panelSectionHeader.foreground#C6CEDC
- panelTitle.activeBorder#2FD4C7
- panelTitle.activeForeground#C6CEDC
- panelTitle.inactiveForeground#5A657A
- peekView.border#2FD4C7
- peekViewEditor.background#181D26
- peekViewEditor.matchHighlightBackground#FFC22E4D
- peekViewResult.background#0E1117
- peekViewResult.fileForeground#8B96A9
- peekViewResult.lineForeground#C6CEDC
- peekViewResult.matchHighlightBackground#FFC22E4D
- peekViewResult.selectionBackground#212936
- peekViewResult.selectionForeground#C6CEDC
- peekViewTitle.background#181D26
- peekViewTitleDescription.foreground#8B96A9
- peekViewTitleLabel.foreground#C6CEDC
- pickerGroup.border#242C3A
- pickerGroup.foreground#2FD4C7
- ports.iconRunningProcessForeground#2FD4C7
- problemsErrorIcon.foreground#FF5B4D
- problemsInfoIcon.foreground#4B8CFF
- problemsWarningIcon.foreground#FFC22E
- progressBar.background#2FD4C7
- quickInput.background#181D26
- quickInput.foreground#C6CEDC
- quickInputList.focusBackground#212936
- quickInputList.focusForeground#C6CEDC
- quickInputTitle.background#181D26
- sash.hoverBorder#2FD4C7
- scmGraph.historyItemBaseRefColor#FFC22E
- scmGraph.historyItemRefColor#2FD4C7
- scmGraph.historyItemRemoteRefColor#4B8CFF
- scrollbar.shadow#00000059
- scrollbarSlider.activeBackground#2FD4C766
- scrollbarSlider.background#8B96A933
- scrollbarSlider.hoverBackground#8B96A952
- selection.background#2FD4C738
- settings.checkboxBackground#181D26
- settings.checkboxBorder#242C3A
- settings.dropdownBackground#181D26
- settings.dropdownBorder#242C3A
- settings.focusedRowBackground#171b22
- settings.focusedRowBorder#2FD4C766
- settings.headerForeground#C6CEDC
- settings.modifiedItemIndicator#2FD4C7
- settings.numberInputBackground#181D26
- settings.numberInputBorder#242C3A
- settings.rowHoverBackground#15181f
- settings.textInputBackground#181D26
- settings.textInputBorder#242C3A
- sideBar.background#0E1117
- sideBar.border#242C3A
- sideBar.foreground#8B96A9
- sideBarActivityBarTop.border#242C3A
- sideBarSectionHeader.background#0E1117
- sideBarSectionHeader.border#242C3A
- sideBarSectionHeader.foreground#C6CEDC
- sideBarTitle.foreground#C6CEDC
- statusBar.background#0E1117
- statusBar.border#242C3A
- statusBar.debuggingBackground#FFC22E
- statusBar.debuggingForeground#0E1117
- statusBar.foreground#8B96A9
- statusBar.noFolderBackground#0E1117
- statusBar.noFolderForeground#8B96A9
- statusBarItem.activeBackground#C6CEDC24
- statusBarItem.errorBackground#FF5B4D
- statusBarItem.errorForeground#FFFFFF
- statusBarItem.hoverBackground#C6CEDC14
- statusBarItem.prominentBackground#212936
- statusBarItem.prominentForeground#C6CEDC
- statusBarItem.remoteBackground#2FD4C7
- statusBarItem.remoteForeground#0E1117
- statusBarItem.warningBackground#FFC22E
- statusBarItem.warningForeground#0E1117
- symbolIcon.arrayForeground#FF8B3C
- symbolIcon.booleanForeground#FF6C9F
- symbolIcon.classForeground#2FD4C7
- symbolIcon.colorForeground#FF5F8C
- symbolIcon.constantForeground#FFC22E
- symbolIcon.constructorForeground#59C4FF
- symbolIcon.enumeratorForeground#FFC22E
- symbolIcon.enumeratorMemberForeground#FFC22E
- symbolIcon.eventForeground#A75FFF
- symbolIcon.fieldForeground#A9B7CE
- symbolIcon.fileForeground#8B96A9
- symbolIcon.folderForeground#8B96A9
- symbolIcon.functionForeground#59C4FF
- symbolIcon.interfaceForeground#22BFA4
- symbolIcon.keyForeground#A9B7CE
- symbolIcon.keywordForeground#FF6C9F
- symbolIcon.methodForeground#59C4FF
- symbolIcon.moduleForeground#22BFA4
- symbolIcon.namespaceForeground#22BFA4
- symbolIcon.nullForeground#FF6C9F
- symbolIcon.numberForeground#FFC22E
- symbolIcon.objectForeground#2FD4C7
- symbolIcon.operatorForeground#82A2C4
- symbolIcon.propertyForeground#A9B7CE
- symbolIcon.referenceForeground#C6CEDC
- symbolIcon.snippetForeground#2FD4C7
- symbolIcon.stringForeground#A9DC3A
- symbolIcon.structForeground#2FD4C7
- symbolIcon.textForeground#C6CEDC
- symbolIcon.typeParameterForeground#22BFA4
- symbolIcon.unitForeground#FFC22E
- symbolIcon.variableForeground#C6CEDC
- tab.activeBackground#12151C
- tab.activeBorder#12151C
- tab.activeBorderTop#2FD4C7
- tab.activeForeground#C6CEDC
- tab.border#242C3A
- tab.hoverBackground#181D26
- tab.hoverForeground#C6CEDC
- tab.inactiveBackground#0E1117
- tab.inactiveForeground#5A657A
- tab.lastPinnedBorder#2FD4C7
- tab.unfocusedActiveBorderTop#2FD4C766
- tab.unfocusedActiveForeground#8B96A9
- tab.unfocusedInactiveForeground#5A657A
- terminal.ansiBlack#212936
- terminal.ansiBlue#4B8CFF
- terminal.ansiBrightBlack#5A657A
- terminal.ansiBrightBlue#74a6ff
- terminal.ansiBrightCyan#51dbd0
- terminal.ansiBrightGreen#62d692
- terminal.ansiBrightMagenta#bd88ff
- terminal.ansiBrightRed#ff8176
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#ffce57
- terminal.ansiCyan#2FD4C7
- terminal.ansiGreen#42CE7C
- terminal.ansiMagenta#A75FFF
- terminal.ansiRed#FF5B4D
- terminal.ansiWhite#C6CEDC
- terminal.ansiYellow#FFC22E
- terminal.background#0E1117
- terminal.border#242C3A
- terminal.foreground#C6CEDC
- terminal.selectionBackground#2FD4C738
- terminalCursor.background#0E1117
- terminalCursor.foreground#2FD4C7
- testing.iconErrored#FF5B4D
- testing.iconFailed#FF5B4D
- testing.iconPassed#42CE7C
- testing.iconQueued#FFC22E
- testing.iconSkipped#5A657A
- testing.iconUnset#5A657A
- testing.message.error.decorationForeground#FF5B4D
- testing.message.info.decorationForeground#4B8CFF
- testing.runAction#42CE7C
- textBlockQuote.background#181D26
- textBlockQuote.border#2FD4C7
- textCodeBlock.background#181D26
- textLink.activeForeground#51dbd0
- textLink.foreground#2FD4C7
- textPreformat.background#FFC22E1F
- textPreformat.foreground#FFC22E
- textSeparator.foreground#242C3A
- titleBar.activeBackground#0E1117
- titleBar.activeForeground#C6CEDC
- titleBar.border#242C3A
- titleBar.inactiveBackground#0E1117
- titleBar.inactiveForeground#5A657A
- tree.inactiveIndentGuidesStroke#24282f
- tree.indentGuidesStroke#32363f
- walkThrough.embeddedEditorBackground#0E1117
- welcomePage.background#12151C
- welcomePage.progress.background#212936
- welcomePage.progress.foreground#2FD4C7
- welcomePage.tileBackground#181D26
- welcomePage.tileHoverBackground#212936
- widget.border#242C3A
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #556279 | italic |
| comment.block.documentation | #556279 | italic |
| keyword, keyword.control, keyword.other | #FF6C9F | — |
| keyword.operator.expression, keyword.operator.new, keyword.operator.logical | #FF6C9F | — |
| storage, storage.type, storage.modifier | #FF6C9F | — |
| string, string.quoted, string.template | #A9DC3A | — |
| string.regexp | #42CE7C | — |
| constant.character.escape, constant.other.placeholder | #A75FFF | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float | #FFC22E | — |
| constant.language, constant.language.boolean, constant.language.null | #FFC22E | — |
| constant.other, variable.other.constant, entity.name.constant | #FFC22E | — |
| entity.name.function, support.function, meta.function-call.generic | #59C4FF | — |
| entity.name.method, meta.function.method | #59C4FF | — |
| entity.name.type, entity.name.class, support.class, support.type | #2FD4C7 | — |
| entity.other.inherited-class | #2FD4C7 | italic |
| entity.name.type.interface, entity.name.type.parameter | #22BFA4 | — |
| entity.name.namespace, entity.name.module, entity.name.scope-resolution | #22BFA4 | — |
| variable, variable.other.readwrite, meta.definition.variable | #C6CEDC | — |
| variable.other.property, support.variable.property, meta.object-literal.key | #A9B7CE | — |
| variable.parameter, meta.parameter | #FF8B3C | italic |
| variable.language, variable.language.this, variable.language.self | #FF6C9F | italic |
| keyword.operator, punctuation.accessor | #82A2C4 | — |
| punctuation, meta.brace, punctuation.separator, punctuation.terminator | #6E7C93 | — |
| entity.name.tag, meta.tag.sgml | #FF5F8C | — |
| entity.other.attribute-name | #FFC22E | italic |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #59C4FF | — |
| support.type.property-name.css, support.type.vendored.property-name | #A9B7CE | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #A75FFF | — |
| support.type.property-name.json, support.type.property-name.toml | #A9B7CE | — |
| entity.name.tag.yaml, entity.name.tag.toml | #FF5F8C | — |
| markup.heading, entity.name.section | #59C4FF | bold |
| markup.bold | #FFC22E | bold |
| markup.italic | #FF6C9F | italic |
| markup.underline.link, string.other.link | #2FD4C7 | underline |
| markup.inline.raw, markup.fenced_code.block | #A9DC3A | — |
| markup.quote | #556279 | italic |
| markup.list punctuation.definition.list, markup.list.numbered | #FF6C9F | — |
| markup.inserted, meta.diff.header.to-file | #42CE7C | — |
| markup.deleted, meta.diff.header.from-file | #FF5B4D | — |
| markup.changed | #4B8CFF | — |
| meta.diff.range | #A75FFF | — |
| invalid, invalid.illegal | #FF5B4D | — |
| invalid.deprecated | #FF5B4D | strikethrough |
| entity.name.label, meta.preprocessor | #A75FFF | — |
| support.constant, support.other.namespace | #FFC22E | — |
| string.unquoted.plain.out.yaml | #A9DC3A | — |
| source.shell variable.other | #A9B7CE | — |
| text.html.markdown meta.paragraph | #C6CEDC | — |
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.activeBackground#2FD4C714
- activityBar.activeBorder#2FD4C7
- activityBar.background#070809
- activityBar.border#070809
- activityBar.foreground#D3D9E2
- activityBar.inactiveForeground#565E6B
- activityBarBadge.background#2FD4C7
- activityBarBadge.foreground#070809
- activityBarTop.activeBorder#2FD4C7
- activityBarTop.foreground#D3D9E2
- activityBarTop.inactiveForeground#565E6B
- badge.background#2FD4C7
- badge.foreground#070809
- banner.background#191D24
- banner.foreground#D3D9E2
- banner.iconForeground#2FD4C7
- breadcrumb.activeSelectionForeground#2FD4C7
- breadcrumb.background#0B0D11
- breadcrumb.focusForeground#D3D9E2
- breadcrumb.foreground#565E6B
- breadcrumbPicker.background#111419
- button.background#2FD4C7
- button.border#00000000
- button.foreground#070809
- button.hoverBackground#48d9ce
- button.secondaryBackground#191D24
- button.secondaryForeground#D3D9E2
- button.secondaryHoverBackground#2f343b
- charts.blue#8AA9C9
- charts.foreground#D3D9E2
- charts.green#7FCF9B
- charts.lines#1B1F26
- charts.orange#8A93A0
- charts.purple#8A93A0
- charts.red#E8756A
- charts.yellow#D9C07A
- chat.requestBorder#1B1F26
- chat.slashCommandBackground#2FD4C729
- chat.slashCommandForeground#2FD4C7
- checkbox.background#111419
- checkbox.border#1B1F26
- checkbox.foreground#2FD4C7
- commandCenter.activeBackground#191D24
- commandCenter.activeForeground#D3D9E2
- commandCenter.background#111419
- commandCenter.border#1B1F26
- commandCenter.foreground#8A93A0
- debugConsole.errorForeground#E8756A
- debugConsole.infoForeground#8AA9C9
- debugConsole.sourceForeground#8A93A0
- debugConsole.warningForeground#D9C07A
- debugConsoleInputIcon.foreground#2FD4C7
- debugExceptionWidget.background#111419
- debugExceptionWidget.border#E8756A
- debugIcon.breakpointCurrentStackframeForeground#E6EAF2
- debugIcon.breakpointDisabledForeground#E8756A80
- debugIcon.breakpointForeground#E8756A
- debugIcon.continueForeground#7FCF9B
- debugIcon.disconnectForeground#E8756A
- debugIcon.pauseForeground#D9C07A
- debugIcon.restartForeground#7FCF9B
- debugIcon.startForeground#7FCF9B
- debugIcon.stepIntoForeground#8AA9C9
- debugIcon.stepOutForeground#8AA9C9
- debugIcon.stepOverForeground#8AA9C9
- debugIcon.stopForeground#E8756A
- debugToolBar.background#111419
- debugToolBar.border#1B1F26
- debugView.stateLabelBackground#191D24
- debugView.stateLabelForeground#D3D9E2
- debugView.valueChangedHighlight#2FD4C766
- descriptionForeground#8A93A0
- diffEditor.border#1B1F26
- diffEditor.diagonalFill#1B1F26
- diffEditor.insertedLineBackground#7FCF9B17
- diffEditor.insertedTextBackground#7FCF9B24
- diffEditor.removedLineBackground#E8756A17
- diffEditor.removedTextBackground#E8756A24
- disabledForeground#565E6B
- dropdown.background#111419
- dropdown.border#1B1F26
- dropdown.foreground#D3D9E2
- dropdown.listBackground#111419
- editor.background#0B0D11
- editor.findMatchBackground#E6EAF25C
- editor.findMatchHighlightBackground#E6EAF233
- editor.findRangeHighlightBackground#2FD4C71A
- editor.focusedStackFrameHighlightBackground#7FCF9B29
- editor.foreground#D3D9E2
- editor.hoverHighlightBackground#2FD4C71F
- editor.inactiveSelectionBackground#2FD4C71F
- editor.lineHighlightBackground#121419
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#2FD4C714
- editor.selectionBackground#2FD4C738
- editor.selectionHighlightBackground#2FD4C724
- editor.selectionHighlightBorder#2FD4C700
- editor.stackFrameHighlightBackground#E6EAF229
- editor.wordHighlightBackground#8AA9C929
- editor.wordHighlightStrongBackground#7FCF9B29
- editorBracketHighlight.foreground1#E6EAF2
- editorBracketHighlight.foreground2#2FD4C7
- editorBracketHighlight.foreground3#8A93A0
- editorBracketHighlight.foreground4#E6EAF2
- editorBracketHighlight.foreground5#FFFFFF
- editorBracketHighlight.foreground6#2FD4C7
- editorBracketHighlight.unexpectedBracket.foreground#E8756A
- editorBracketMatch.background#2FD4C72E
- editorBracketMatch.border#2FD4C780
- editorCodeLens.foreground#565E6B
- editorCursor.background#0B0D11
- editorCursor.foreground#2FD4C7
- editorError.foreground#E8756A
- editorGhostText.foreground#565E6B
- editorGroup.border#1B1F26
- editorGroup.dropBackground#2FD4C724
- editorGroupHeader.noTabsBackground#070809
- editorGroupHeader.tabsBackground#070809
- editorGroupHeader.tabsBorder#1B1F26
- editorGutter.addedBackground#7FCF9B
- editorGutter.background#0B0D11
- editorGutter.commentRangeForeground#565E6B
- editorGutter.deletedBackground#E8756A
- editorGutter.foldingControlForeground#8A93A0
- editorGutter.modifiedBackground#8AA9C9
- editorHint.foreground#2FD4C7
- editorHoverWidget.background#111419
- editorHoverWidget.border#1B1F26
- editorHoverWidget.foreground#D3D9E2
- editorHoverWidget.statusBarBackground#191D24
- editorIndentGuide.activeBackground1#195d5a
- editorIndentGuide.background1#1f2126
- editorInfo.foreground#8AA9C9
- editorInlayHint.background#2FD4C71A
- editorInlayHint.foreground#8A93A0
- editorLightBulb.foreground#D9C07A
- editorLightBulbAutoFix.foreground#2FD4C7
- editorLineNumber.activeForeground#2FD4C7
- editorLineNumber.foreground#565E6B
- editorLink.activeForeground#2FD4C7
- editorMarkerNavigation.background#111419
- editorMarkerNavigationError.background#E8756A
- editorMarkerNavigationInfo.background#8AA9C9
- editorMarkerNavigationWarning.background#D9C07A
- editorOverviewRuler.addedForeground#7FCF9B
- editorOverviewRuler.border#00000000
- editorOverviewRuler.bracketMatchForeground#2FD4C780
- editorOverviewRuler.deletedForeground#E8756A
- editorOverviewRuler.errorForeground#E8756A
- editorOverviewRuler.findMatchForeground#E6EAF299
- editorOverviewRuler.infoForeground#8AA9C9
- editorOverviewRuler.modifiedForeground#8AA9C9
- editorOverviewRuler.selectionHighlightForeground#2FD4C766
- editorOverviewRuler.warningForeground#D9C07A
- editorOverviewRuler.wordHighlightForeground#8AA9C966
- editorPane.background#0B0D11
- editorRuler.foreground#23252a
- editorSuggestWidget.background#111419
- editorSuggestWidget.border#1B1F26
- editorSuggestWidget.focusHighlightForeground#2FD4C7
- editorSuggestWidget.foreground#D3D9E2
- editorSuggestWidget.highlightForeground#2FD4C7
- editorSuggestWidget.selectedBackground#191D24
- editorSuggestWidget.selectedForeground#D3D9E2
- editorUnnecessaryCode.opacity#00000080
- editorWarning.foreground#D9C07A
- editorWhitespace.foreground#33363b
- editorWidget.background#111419
- editorWidget.border#1B1F26
- editorWidget.foreground#D3D9E2
- errorForeground#E8756A
- extensionBadge.remoteBackground#2FD4C7
- extensionBadge.remoteForeground#070809
- extensionButton.prominentBackground#2FD4C7
- extensionButton.prominentForeground#070809
- extensionButton.prominentHoverBackground#48d9ce
- extensionIcon.preReleaseForeground#8A93A0
- extensionIcon.sponsorForeground#E6EAF2
- extensionIcon.starForeground#E6EAF2
- extensionIcon.verifiedForeground#7FCF9B
- focusBorder#2FD4C7B3
- foreground#D3D9E2
- gauge.background#2FD4C7
- gauge.border#1B1F26
- gauge.foreground#2FD4C740
- gitDecoration.addedResourceForeground#7FCF9B
- gitDecoration.conflictingResourceForeground#D9C07A
- gitDecoration.deletedResourceForeground#E8756A
- gitDecoration.ignoredResourceForeground#565E6B
- gitDecoration.modifiedResourceForeground#8AA9C9
- gitDecoration.renamedResourceForeground#2FD4C7
- gitDecoration.stageDeletedResourceForeground#E8756A
- gitDecoration.stageModifiedResourceForeground#8AA9C9
- gitDecoration.submoduleResourceForeground#E6EAF2
- gitDecoration.untrackedResourceForeground#7FCF9B
- icon.foreground#8A93A0
- inlineChat.background#111419
- inlineChat.border#2FD4C7
- inlineChatInput.background#070809
- inlineChatInput.border#1B1F26
- input.background#111419
- input.border#1B1F26
- input.foreground#D3D9E2
- input.placeholderForeground#565E6B
- inputOption.activeBackground#2FD4C73D
- inputOption.activeBorder#2FD4C7
- inputOption.activeForeground#D3D9E2
- inputValidation.errorBackground#111419
- inputValidation.errorBorder#E8756A
- inputValidation.infoBackground#111419
- inputValidation.infoBorder#8AA9C9
- inputValidation.warningBackground#111419
- inputValidation.warningBorder#D9C07A
- keybindingLabel.background#191D24
- keybindingLabel.border#1B1F26
- keybindingLabel.bottomBorder#1B1F26
- keybindingLabel.foreground#D3D9E2
- list.activeSelectionBackground#191D24
- list.activeSelectionForeground#D3D9E2
- list.activeSelectionIconForeground#2FD4C7
- list.dropBackground#2FD4C729
- list.errorForeground#E8756A
- list.focusBackground#191D24
- list.focusForeground#D3D9E2
- list.focusHighlightForeground#2FD4C7
- list.focusOutline#2FD4C780
- list.highlightForeground#2FD4C7
- list.hoverBackground#13161a
- list.hoverForeground#D3D9E2
- list.inactiveSelectionBackground#17191e
- list.inactiveSelectionForeground#D3D9E2
- list.warningForeground#D9C07A
- listFilterWidget.background#111419
- listFilterWidget.noMatchesOutline#E8756A
- listFilterWidget.outline#2FD4C7
- menu.background#111419
- menu.border#1B1F26
- menu.foreground#D3D9E2
- menu.selectionBackground#191D24
- menu.selectionForeground#D3D9E2
- menu.separatorBackground#1B1F26
- menubar.selectionBackground#191D24
- menubar.selectionForeground#D3D9E2
- merge.border#1B1F26
- merge.commonContentBackground#565E6B24
- merge.commonHeaderBackground#565E6B4D
- merge.currentContentBackground#8AA9C924
- merge.currentHeaderBackground#8AA9C94D
- merge.incomingContentBackground#7FCF9B24
- merge.incomingHeaderBackground#7FCF9B4D
- mergeEditor.change.background#7FCF9B1F
- mergeEditor.conflict.unhandledFocused.border#E8756A
- mergeEditor.conflict.unhandledUnfocused.border#D9C07A
- minimap.background#0B0D11
- minimap.errorHighlight#E8756A
- minimap.findMatchHighlight#E6EAF299
- minimap.selectionHighlight#2FD4C766
- minimap.warningHighlight#D9C07A
- minimapGutter.addedBackground#7FCF9B
- minimapGutter.deletedBackground#E8756A
- minimapGutter.modifiedBackground#8AA9C9
- minimapSlider.activeBackground#2FD4C747
- minimapSlider.background#8A93A01F
- minimapSlider.hoverBackground#8A93A033
- notebook.cellBorderColor#1B1F26
- notebook.cellEditorBackground#070809
- notebook.cellHoverBackground#101216
- notebook.editorBackground#0B0D11
- notebook.focusedCellBorder#2FD4C7
- notebook.focusedEditorBorder#2FD4C7
- notebook.inactiveFocusedCellBorder#1B1F26
- notebook.selectedCellBackground#121419
- notebookStatusErrorIcon.foreground#E8756A
- notebookStatusRunningIcon.foreground#2FD4C7
- notebookStatusSuccessIcon.foreground#7FCF9B
- notificationCenter.border#1B1F26
- notificationCenterHeader.background#111419
- notificationCenterHeader.foreground#D3D9E2
- notificationLink.foreground#2FD4C7
- notifications.background#111419
- notifications.border#1B1F26
- notifications.foreground#D3D9E2
- notificationsErrorIcon.foreground#E8756A
- notificationsInfoIcon.foreground#8AA9C9
- notificationsWarningIcon.foreground#D9C07A
- panel.background#070809
- panel.border#1B1F26
- panel.dropBorder#2FD4C7
- panelSection.border#1B1F26
- panelSectionHeader.background#070809
- panelSectionHeader.foreground#D3D9E2
- panelTitle.activeBorder#2FD4C7
- panelTitle.activeForeground#D3D9E2
- panelTitle.inactiveForeground#565E6B
- peekView.border#2FD4C7
- peekViewEditor.background#111419
- peekViewEditor.matchHighlightBackground#E6EAF24D
- peekViewResult.background#070809
- peekViewResult.fileForeground#8A93A0
- peekViewResult.lineForeground#D3D9E2
- peekViewResult.matchHighlightBackground#E6EAF24D
- peekViewResult.selectionBackground#191D24
- peekViewResult.selectionForeground#D3D9E2
- peekViewTitle.background#111419
- peekViewTitleDescription.foreground#8A93A0
- peekViewTitleLabel.foreground#D3D9E2
- pickerGroup.border#1B1F26
- pickerGroup.foreground#2FD4C7
- ports.iconRunningProcessForeground#2FD4C7
- problemsErrorIcon.foreground#E8756A
- problemsInfoIcon.foreground#8AA9C9
- problemsWarningIcon.foreground#D9C07A
- progressBar.background#2FD4C7
- quickInput.background#111419
- quickInput.foreground#D3D9E2
- quickInputList.focusBackground#191D24
- quickInputList.focusForeground#D3D9E2
- quickInputTitle.background#111419
- sash.hoverBorder#2FD4C7
- scmGraph.historyItemBaseRefColor#E6EAF2
- scmGraph.historyItemRefColor#2FD4C7
- scmGraph.historyItemRemoteRefColor#8AA9C9
- scrollbar.shadow#00000059
- scrollbarSlider.activeBackground#2FD4C766
- scrollbarSlider.background#8A93A033
- scrollbarSlider.hoverBackground#8A93A052
- selection.background#2FD4C738
- settings.checkboxBackground#111419
- settings.checkboxBorder#1B1F26
- settings.dropdownBackground#111419
- settings.dropdownBorder#1B1F26
- settings.focusedRowBackground#111317
- settings.focusedRowBorder#2FD4C766
- settings.headerForeground#D3D9E2
- settings.modifiedItemIndicator#2FD4C7
- settings.numberInputBackground#111419
- settings.numberInputBorder#1B1F26
- settings.rowHoverBackground#0f1115
- settings.textInputBackground#111419
- settings.textInputBorder#1B1F26
- sideBar.background#070809
- sideBar.border#1B1F26
- sideBar.foreground#8A93A0
- sideBarActivityBarTop.border#1B1F26
- sideBarSectionHeader.background#070809
- sideBarSectionHeader.border#1B1F26
- sideBarSectionHeader.foreground#D3D9E2
- sideBarTitle.foreground#D3D9E2
- statusBar.background#070809
- statusBar.border#1B1F26
- statusBar.debuggingBackground#E6EAF2
- statusBar.debuggingForeground#070809
- statusBar.foreground#8A93A0
- statusBar.noFolderBackground#070809
- statusBar.noFolderForeground#8A93A0
- statusBarItem.activeBackground#D3D9E224
- statusBarItem.errorBackground#E8756A
- statusBarItem.errorForeground#FFFFFF
- statusBarItem.hoverBackground#D3D9E214
- statusBarItem.prominentBackground#191D24
- statusBarItem.prominentForeground#D3D9E2
- statusBarItem.remoteBackground#2FD4C7
- statusBarItem.remoteForeground#070809
- statusBarItem.warningBackground#D9C07A
- statusBarItem.warningForeground#070809
- symbolIcon.arrayForeground#8A93A0
- symbolIcon.booleanForeground#F2F5FA
- symbolIcon.classForeground#C3CCD9
- symbolIcon.colorForeground#E6EAF2
- symbolIcon.constantForeground#2FD4C7
- symbolIcon.constructorForeground#FFFFFF
- symbolIcon.enumeratorForeground#2FD4C7
- symbolIcon.enumeratorMemberForeground#2FD4C7
- symbolIcon.eventForeground#8A93A0
- symbolIcon.fieldForeground#AAB3C0
- symbolIcon.fileForeground#8A93A0
- symbolIcon.folderForeground#8A93A0
- symbolIcon.functionForeground#FFFFFF
- symbolIcon.interfaceForeground#B3BCCA
- symbolIcon.keyForeground#AAB3C0
- symbolIcon.keywordForeground#F2F5FA
- symbolIcon.methodForeground#FFFFFF
- symbolIcon.moduleForeground#B3BCCA
- symbolIcon.namespaceForeground#B3BCCA
- symbolIcon.nullForeground#F2F5FA
- symbolIcon.numberForeground#2FD4C7
- symbolIcon.objectForeground#C3CCD9
- symbolIcon.operatorForeground#79828F
- symbolIcon.propertyForeground#AAB3C0
- symbolIcon.referenceForeground#D3D9E2
- symbolIcon.snippetForeground#2FD4C7
- symbolIcon.stringForeground#9CA9BB
- symbolIcon.structForeground#C3CCD9
- symbolIcon.textForeground#D3D9E2
- symbolIcon.typeParameterForeground#B3BCCA
- symbolIcon.unitForeground#2FD4C7
- symbolIcon.variableForeground#D3D9E2
- tab.activeBackground#0B0D11
- tab.activeBorder#0B0D11
- tab.activeBorderTop#2FD4C7
- tab.activeForeground#D3D9E2
- tab.border#1B1F26
- tab.hoverBackground#111419
- tab.hoverForeground#D3D9E2
- tab.inactiveBackground#070809
- tab.inactiveForeground#565E6B
- tab.lastPinnedBorder#2FD4C7
- tab.unfocusedActiveBorderTop#2FD4C766
- tab.unfocusedActiveForeground#8A93A0
- tab.unfocusedInactiveForeground#565E6B
- terminal.ansiBlack#191D24
- terminal.ansiBlue#8AA9C9
- terminal.ansiBrightBlack#565E6B
- terminal.ansiBrightBlue#a6bed6
- terminal.ansiBrightCyan#51dbd0
- terminal.ansiBrightGreen#9ddab2
- terminal.ansiBrightMagenta#a1a8b2
- terminal.ansiBrightRed#ed968d
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#e2cf9a
- terminal.ansiCyan#2FD4C7
- terminal.ansiGreen#7FCF9B
- terminal.ansiMagenta#8A93A0
- terminal.ansiRed#E8756A
- terminal.ansiWhite#D3D9E2
- terminal.ansiYellow#D9C07A
- terminal.background#070809
- terminal.border#1B1F26
- terminal.foreground#D3D9E2
- terminal.selectionBackground#2FD4C738
- terminalCursor.background#070809
- terminalCursor.foreground#2FD4C7
- testing.iconErrored#E8756A
- testing.iconFailed#E8756A
- testing.iconPassed#7FCF9B
- testing.iconQueued#D9C07A
- testing.iconSkipped#565E6B
- testing.iconUnset#565E6B
- testing.message.error.decorationForeground#E8756A
- testing.message.info.decorationForeground#8AA9C9
- testing.runAction#7FCF9B
- textBlockQuote.background#111419
- textBlockQuote.border#2FD4C7
- textCodeBlock.background#111419
- textLink.activeForeground#51dbd0
- textLink.foreground#2FD4C7
- textPreformat.background#E6EAF21F
- textPreformat.foreground#E6EAF2
- textSeparator.foreground#1B1F26
- titleBar.activeBackground#070809
- titleBar.activeForeground#D3D9E2
- titleBar.border#1B1F26
- titleBar.inactiveBackground#070809
- titleBar.inactiveForeground#565E6B
- tree.inactiveIndentGuidesStroke#1f2126
- tree.indentGuidesStroke#2f3237
- walkThrough.embeddedEditorBackground#070809
- welcomePage.background#0B0D11
- welcomePage.progress.background#191D24
- welcomePage.progress.foreground#2FD4C7
- welcomePage.tileBackground#111419
- welcomePage.tileHoverBackground#191D24
- widget.border#1B1F26
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #59626F | italic |
| comment.block.documentation | #59626F | italic |
| keyword, keyword.control, keyword.other | #F2F5FA | — |
| keyword.operator.expression, keyword.operator.new, keyword.operator.logical | #F2F5FA | — |
| storage, storage.type, storage.modifier | #F2F5FA | — |
| string, string.quoted, string.template | #9CA9BB | — |
| string.regexp | #2FD4C7 | — |
| constant.character.escape, constant.other.placeholder | #2FD4C7 | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float | #2FD4C7 | — |
| constant.language, constant.language.boolean, constant.language.null | #2FD4C7 | — |
| constant.other, variable.other.constant, entity.name.constant | #2FD4C7 | — |
| entity.name.function, support.function, meta.function-call.generic | #FFFFFF | — |
| entity.name.method, meta.function.method | #FFFFFF | — |
| entity.name.type, entity.name.class, support.class, support.type | #C3CCD9 | — |
| entity.other.inherited-class | #C3CCD9 | italic |
| entity.name.type.interface, entity.name.type.parameter | #B3BCCA | — |
| entity.name.namespace, entity.name.module, entity.name.scope-resolution | #B3BCCA | — |
| variable, variable.other.readwrite, meta.definition.variable | #D3D9E2 | — |
| variable.other.property, support.variable.property, meta.object-literal.key | #AAB3C0 | — |
| variable.parameter, meta.parameter | #8A93A0 | italic |
| variable.language, variable.language.this, variable.language.self | #F2F5FA | italic |
| keyword.operator, punctuation.accessor | #79828F | — |
| punctuation, meta.brace, punctuation.separator, punctuation.terminator | #5E6672 | — |
| entity.name.tag, meta.tag.sgml | #E6EAF2 | — |
| entity.other.attribute-name | #9CA9BB | italic |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #FFFFFF | — |
| support.type.property-name.css, support.type.vendored.property-name | #AAB3C0 | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #8A93A0 | — |
| support.type.property-name.json, support.type.property-name.toml | #AAB3C0 | — |
| entity.name.tag.yaml, entity.name.tag.toml | #E6EAF2 | — |
| markup.heading, entity.name.section | #FFFFFF | bold |
| markup.bold | #9CA9BB | bold |
| markup.italic | #F2F5FA | italic |
| markup.underline.link, string.other.link | #2FD4C7 | underline |
| markup.inline.raw, markup.fenced_code.block | #9CA9BB | — |
| markup.quote | #59626F | italic |
| markup.list punctuation.definition.list, markup.list.numbered | #F2F5FA | — |
| markup.inserted, meta.diff.header.to-file | #7FCF9B | — |
| markup.deleted, meta.diff.header.from-file | #E8756A | — |
| markup.changed | #8AA9C9 | — |
| meta.diff.range | #8A93A0 | — |
| invalid, invalid.illegal | #E8756A | — |
| invalid.deprecated | #E8756A | strikethrough |
| entity.name.label, meta.preprocessor | #8A93A0 | — |
| support.constant, support.other.namespace | #2FD4C7 | — |
| string.unquoted.plain.out.yaml | #9CA9BB | — |
| source.shell variable.other | #AAB3C0 | — |
| text.html.markdown meta.paragraph | #D3D9E2 | — |
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.activeBackground#0E8F8614
- activityBar.activeBorder#0E8F86
- activityBar.background#F1F2F5
- activityBar.border#F1F2F5
- activityBar.foreground#2A2F3A
- activityBar.inactiveForeground#8A93A1
- activityBarBadge.background#0E8F86
- activityBarBadge.foreground#FFFFFF
- activityBarTop.activeBorder#0E8F86
- activityBarTop.foreground#2A2F3A
- activityBarTop.inactiveForeground#8A93A1
- badge.background#0E8F86
- badge.foreground#FFFFFF
- banner.background#E6E9EF
- banner.foreground#2A2F3A
- banner.iconForeground#0E8F86
- breadcrumb.activeSelectionForeground#0E8F86
- breadcrumb.background#FAFAFB
- breadcrumb.focusForeground#2A2F3A
- breadcrumb.foreground#8A93A1
- breadcrumbPicker.background#FFFFFF
- button.background#0E8F86
- button.border#00000000
- button.foreground#FFFFFF
- button.hoverBackground#0b736c
- button.secondaryBackground#E6E9EF
- button.secondaryForeground#2A2F3A
- button.secondaryHoverBackground#cfd3d9
- charts.blue#1F5FCB
- charts.foreground#2A2F3A
- charts.green#1E7B44
- charts.lines#DEE1E8
- charts.orange#B5551A
- charts.purple#7136C4
- charts.red#C63426
- charts.yellow#B26A00
- chat.requestBorder#DEE1E8
- chat.slashCommandBackground#0E8F8629
- chat.slashCommandForeground#0E8F86
- checkbox.background#FFFFFF
- checkbox.border#DEE1E8
- checkbox.foreground#0E8F86
- commandCenter.activeBackground#E6E9EF
- commandCenter.activeForeground#2A2F3A
- commandCenter.background#FFFFFF
- commandCenter.border#DEE1E8
- commandCenter.foreground#5E6675
- debugConsole.errorForeground#C63426
- debugConsole.infoForeground#1F5FCB
- debugConsole.sourceForeground#5E6675
- debugConsole.warningForeground#B26A00
- debugConsoleInputIcon.foreground#0E8F86
- debugExceptionWidget.background#FFFFFF
- debugExceptionWidget.border#C63426
- debugIcon.breakpointCurrentStackframeForeground#B26A00
- debugIcon.breakpointDisabledForeground#C6342680
- debugIcon.breakpointForeground#C63426
- debugIcon.continueForeground#1E7B44
- debugIcon.disconnectForeground#C63426
- debugIcon.pauseForeground#B26A00
- debugIcon.restartForeground#1E7B44
- debugIcon.startForeground#1E7B44
- debugIcon.stepIntoForeground#1F5FCB
- debugIcon.stepOutForeground#1F5FCB
- debugIcon.stepOverForeground#1F5FCB
- debugIcon.stopForeground#C63426
- debugToolBar.background#FFFFFF
- debugToolBar.border#DEE1E8
- debugView.stateLabelBackground#E6E9EF
- debugView.stateLabelForeground#2A2F3A
- debugView.valueChangedHighlight#0E8F8666
- descriptionForeground#5E6675
- diffEditor.border#DEE1E8
- diffEditor.diagonalFill#DEE1E8
- diffEditor.insertedLineBackground#1E7B4417
- diffEditor.insertedTextBackground#1E7B4424
- diffEditor.removedLineBackground#C6342617
- diffEditor.removedTextBackground#C6342624
- disabledForeground#8A93A1
- dropdown.background#FFFFFF
- dropdown.border#DEE1E8
- dropdown.foreground#2A2F3A
- dropdown.listBackground#FFFFFF
- editor.background#FAFAFB
- editor.findMatchBackground#B26A005C
- editor.findMatchHighlightBackground#B26A0033
- editor.findRangeHighlightBackground#0E8F861A
- editor.focusedStackFrameHighlightBackground#1E7B4429
- editor.foreground#2A2F3A
- editor.hoverHighlightBackground#0E8F861F
- editor.inactiveSelectionBackground#0E8F861F
- editor.lineHighlightBackground#f0f0f2
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#0E8F8614
- editor.selectionBackground#0E8F8638
- editor.selectionHighlightBackground#0E8F8624
- editor.selectionHighlightBorder#0E8F8600
- editor.stackFrameHighlightBackground#B26A0029
- editor.wordHighlightBackground#1F5FCB29
- editor.wordHighlightStrongBackground#1E7B4429
- editorBracketHighlight.foreground1#B26A00
- editorBracketHighlight.foreground2#0E8F86
- editorBracketHighlight.foreground3#7136C4
- editorBracketHighlight.foreground4#B3245F
- editorBracketHighlight.foreground5#1B58BE
- editorBracketHighlight.foreground6#1E7B44
- editorBracketHighlight.unexpectedBracket.foreground#C63426
- editorBracketMatch.background#0E8F862E
- editorBracketMatch.border#0E8F8680
- editorCodeLens.foreground#8A93A1
- editorCursor.background#FAFAFB
- editorCursor.foreground#0E8F86
- editorError.foreground#C63426
- editorGhostText.foreground#8A93A1
- editorGroup.border#DEE1E8
- editorGroup.dropBackground#0E8F8624
- editorGroupHeader.noTabsBackground#F1F2F5
- editorGroupHeader.tabsBackground#F1F2F5
- editorGroupHeader.tabsBorder#DEE1E8
- editorGutter.addedBackground#1E7B44
- editorGutter.background#FAFAFB
- editorGutter.commentRangeForeground#8A93A1
- editorGutter.deletedBackground#C63426
- editorGutter.foldingControlForeground#5E6675
- editorGutter.modifiedBackground#1F5FCB
- editorHint.foreground#0E8F86
- editorHoverWidget.background#FFFFFF
- editorHoverWidget.border#DEE1E8
- editorHoverWidget.foreground#2A2F3A
- editorHoverWidget.statusBarBackground#E6E9EF
- editorIndentGuide.activeBackground1#9ccfcc
- editorIndentGuide.background1#e5e6e8
- editorInfo.foreground#1F5FCB
- editorInlayHint.background#0E8F861A
- editorInlayHint.foreground#5E6675
- editorLightBulb.foreground#B26A00
- editorLightBulbAutoFix.foreground#0E8F86
- editorLineNumber.activeForeground#0E8F86
- editorLineNumber.foreground#8A93A1
- editorLink.activeForeground#0E8F86
- editorMarkerNavigation.background#FFFFFF
- editorMarkerNavigationError.background#C63426
- editorMarkerNavigationInfo.background#1F5FCB
- editorMarkerNavigationWarning.background#B26A00
- editorOverviewRuler.addedForeground#1E7B44
- editorOverviewRuler.border#00000000
- editorOverviewRuler.bracketMatchForeground#0E8F8680
- editorOverviewRuler.deletedForeground#C63426
- editorOverviewRuler.errorForeground#C63426
- editorOverviewRuler.findMatchForeground#B26A0099
- editorOverviewRuler.infoForeground#1F5FCB
- editorOverviewRuler.modifiedForeground#1F5FCB
- editorOverviewRuler.selectionHighlightForeground#0E8F8666
- editorOverviewRuler.warningForeground#B26A00
- editorOverviewRuler.wordHighlightForeground#1F5FCB66
- editorPane.background#FAFAFB
- editorRuler.foreground#e1e2e4
- editorSuggestWidget.background#FFFFFF
- editorSuggestWidget.border#DEE1E8
- editorSuggestWidget.focusHighlightForeground#0E8F86
- editorSuggestWidget.foreground#2A2F3A
- editorSuggestWidget.highlightForeground#0E8F86
- editorSuggestWidget.selectedBackground#E6E9EF
- editorSuggestWidget.selectedForeground#2A2F3A
- editorUnnecessaryCode.opacity#00000080
- editorWarning.foreground#B26A00
- editorWhitespace.foreground#d0d1d4
- editorWidget.background#FFFFFF
- editorWidget.border#DEE1E8
- editorWidget.foreground#2A2F3A
- errorForeground#C63426
- extensionBadge.remoteBackground#0E8F86
- extensionBadge.remoteForeground#FFFFFF
- extensionButton.prominentBackground#0E8F86
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#0b736c
- extensionIcon.preReleaseForeground#7136C4
- extensionIcon.sponsorForeground#B3245F
- extensionIcon.starForeground#B26A00
- extensionIcon.verifiedForeground#1E7B44
- focusBorder#0E8F86B3
- foreground#2A2F3A
- gauge.background#0E8F86
- gauge.border#DEE1E8
- gauge.foreground#0E8F8640
- gitDecoration.addedResourceForeground#1E7B44
- gitDecoration.conflictingResourceForeground#B26A00
- gitDecoration.deletedResourceForeground#C63426
- gitDecoration.ignoredResourceForeground#8A93A1
- gitDecoration.modifiedResourceForeground#1F5FCB
- gitDecoration.renamedResourceForeground#0E8F86
- gitDecoration.stageDeletedResourceForeground#C63426
- gitDecoration.stageModifiedResourceForeground#1F5FCB
- gitDecoration.submoduleResourceForeground#B26A00
- gitDecoration.untrackedResourceForeground#1E7B44
- icon.foreground#5E6675
- inlineChat.background#FFFFFF
- inlineChat.border#0E8F86
- inlineChatInput.background#F1F2F5
- inlineChatInput.border#DEE1E8
- input.background#FFFFFF
- input.border#DEE1E8
- input.foreground#2A2F3A
- input.placeholderForeground#8A93A1
- inputOption.activeBackground#0E8F863D
- inputOption.activeBorder#0E8F86
- inputOption.activeForeground#2A2F3A
- inputValidation.errorBackground#FFFFFF
- inputValidation.errorBorder#C63426
- inputValidation.infoBackground#FFFFFF
- inputValidation.infoBorder#1F5FCB
- inputValidation.warningBackground#FFFFFF
- inputValidation.warningBorder#B26A00
- keybindingLabel.background#E6E9EF
- keybindingLabel.border#DEE1E8
- keybindingLabel.bottomBorder#DEE1E8
- keybindingLabel.foreground#2A2F3A
- list.activeSelectionBackground#E6E9EF
- list.activeSelectionForeground#2A2F3A
- list.activeSelectionIconForeground#0E8F86
- list.dropBackground#0E8F8629
- list.errorForeground#C63426
- list.focusBackground#E6E9EF
- list.focusForeground#2A2F3A
- list.focusHighlightForeground#0E8F86
- list.focusOutline#0E8F8680
- list.highlightForeground#0E8F86
- list.hoverBackground#eeeff0
- list.hoverForeground#2A2F3A
- list.inactiveSelectionBackground#e9eaec
- list.inactiveSelectionForeground#2A2F3A
- list.warningForeground#B26A00
- listFilterWidget.background#FFFFFF
- listFilterWidget.noMatchesOutline#C63426
- listFilterWidget.outline#0E8F86
- menu.background#FFFFFF
- menu.border#DEE1E8
- menu.foreground#2A2F3A
- menu.selectionBackground#E6E9EF
- menu.selectionForeground#2A2F3A
- menu.separatorBackground#DEE1E8
- menubar.selectionBackground#E6E9EF
- menubar.selectionForeground#2A2F3A
- merge.border#DEE1E8
- merge.commonContentBackground#8A93A124
- merge.commonHeaderBackground#8A93A14D
- merge.currentContentBackground#1F5FCB24
- merge.currentHeaderBackground#1F5FCB4D
- merge.incomingContentBackground#1E7B4424
- merge.incomingHeaderBackground#1E7B444D
- mergeEditor.change.background#1E7B441F
- mergeEditor.conflict.unhandledFocused.border#C63426
- mergeEditor.conflict.unhandledUnfocused.border#B26A00
- minimap.background#FAFAFB
- minimap.errorHighlight#C63426
- minimap.findMatchHighlight#B26A0099
- minimap.selectionHighlight#0E8F8666
- minimap.warningHighlight#B26A00
- minimapGutter.addedBackground#1E7B44
- minimapGutter.deletedBackground#C63426
- minimapGutter.modifiedBackground#1F5FCB
- minimapSlider.activeBackground#0E8F8647
- minimapSlider.background#5E66751F
- minimapSlider.hoverBackground#5E667533
- notebook.cellBorderColor#DEE1E8
- notebook.cellEditorBackground#F1F2F5
- notebook.cellHoverBackground#f3f4f5
- notebook.editorBackground#FAFAFB
- notebook.focusedCellBorder#0E8F86
- notebook.focusedEditorBorder#0E8F86
- notebook.inactiveFocusedCellBorder#DEE1E8
- notebook.selectedCellBackground#f0f0f2
- notebookStatusErrorIcon.foreground#C63426
- notebookStatusRunningIcon.foreground#0E8F86
- notebookStatusSuccessIcon.foreground#1E7B44
- notificationCenter.border#DEE1E8
- notificationCenterHeader.background#FFFFFF
- notificationCenterHeader.foreground#2A2F3A
- notificationLink.foreground#0E8F86
- notifications.background#FFFFFF
- notifications.border#DEE1E8
- notifications.foreground#2A2F3A
- notificationsErrorIcon.foreground#C63426
- notificationsInfoIcon.foreground#1F5FCB
- notificationsWarningIcon.foreground#B26A00
- panel.background#F1F2F5
- panel.border#DEE1E8
- panel.dropBorder#0E8F86
- panelSection.border#DEE1E8
- panelSectionHeader.background#F1F2F5
- panelSectionHeader.foreground#2A2F3A
- panelTitle.activeBorder#0E8F86
- panelTitle.activeForeground#2A2F3A
- panelTitle.inactiveForeground#8A93A1
- peekView.border#0E8F86
- peekViewEditor.background#FFFFFF
- peekViewEditor.matchHighlightBackground#B26A004D
- peekViewResult.background#F1F2F5
- peekViewResult.fileForeground#5E6675
- peekViewResult.lineForeground#2A2F3A
- peekViewResult.matchHighlightBackground#B26A004D
- peekViewResult.selectionBackground#E6E9EF
- peekViewResult.selectionForeground#2A2F3A
- peekViewTitle.background#FFFFFF
- peekViewTitleDescription.foreground#5E6675
- peekViewTitleLabel.foreground#2A2F3A
- pickerGroup.border#DEE1E8
- pickerGroup.foreground#0E8F86
- ports.iconRunningProcessForeground#0E8F86
- problemsErrorIcon.foreground#C63426
- problemsInfoIcon.foreground#1F5FCB
- problemsWarningIcon.foreground#B26A00
- progressBar.background#0E8F86
- quickInput.background#FFFFFF
- quickInput.foreground#2A2F3A
- quickInputList.focusBackground#E6E9EF
- quickInputList.focusForeground#2A2F3A
- quickInputTitle.background#FFFFFF
- sash.hoverBorder#0E8F86
- scmGraph.historyItemBaseRefColor#B26A00
- scmGraph.historyItemRefColor#0E8F86
- scmGraph.historyItemRemoteRefColor#1F5FCB
- scrollbar.shadow#00000014
- scrollbarSlider.activeBackground#0E8F8666
- scrollbarSlider.background#5E667533
- scrollbarSlider.hoverBackground#5E667552
- selection.background#0E8F8638
- settings.checkboxBackground#FFFFFF
- settings.checkboxBorder#DEE1E8
- settings.dropdownBackground#FFFFFF
- settings.dropdownBorder#DEE1E8
- settings.focusedRowBackground#f2f2f3
- settings.focusedRowBorder#0E8F8666
- settings.headerForeground#2A2F3A
- settings.modifiedItemIndicator#0E8F86
- settings.numberInputBackground#FFFFFF
- settings.numberInputBorder#DEE1E8
- settings.rowHoverBackground#f5f5f6
- settings.textInputBackground#FFFFFF
- settings.textInputBorder#DEE1E8
- sideBar.background#F1F2F5
- sideBar.border#DEE1E8
- sideBar.foreground#5E6675
- sideBarActivityBarTop.border#DEE1E8
- sideBarSectionHeader.background#F1F2F5
- sideBarSectionHeader.border#DEE1E8
- sideBarSectionHeader.foreground#2A2F3A
- sideBarTitle.foreground#2A2F3A
- statusBar.background#F1F2F5
- statusBar.border#DEE1E8
- statusBar.debuggingBackground#B26A00
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#5E6675
- statusBar.noFolderBackground#F1F2F5
- statusBar.noFolderForeground#5E6675
- statusBarItem.activeBackground#2A2F3A24
- statusBarItem.errorBackground#C63426
- statusBarItem.errorForeground#FFFFFF
- statusBarItem.hoverBackground#2A2F3A14
- statusBarItem.prominentBackground#E6E9EF
- statusBarItem.prominentForeground#2A2F3A
- statusBarItem.remoteBackground#0E8F86
- statusBarItem.remoteForeground#FFFFFF
- statusBarItem.warningBackground#B26A00
- statusBarItem.warningForeground#FFFFFF
- symbolIcon.arrayForeground#B5551A
- symbolIcon.booleanForeground#B3245F
- symbolIcon.classForeground#0E8F86
- symbolIcon.colorForeground#B3245F
- symbolIcon.constantForeground#A75B00
- symbolIcon.constructorForeground#1B58BE
- symbolIcon.enumeratorForeground#A75B00
- symbolIcon.enumeratorMemberForeground#A75B00
- symbolIcon.eventForeground#7136C4
- symbolIcon.fieldForeground#3D4553
- symbolIcon.fileForeground#5E6675
- symbolIcon.folderForeground#5E6675
- symbolIcon.functionForeground#1B58BE
- symbolIcon.interfaceForeground#0A7A72
- symbolIcon.keyForeground#3D4553
- symbolIcon.keywordForeground#B3245F
- symbolIcon.methodForeground#1B58BE
- symbolIcon.moduleForeground#0A7A72
- symbolIcon.namespaceForeground#0A7A72
- symbolIcon.nullForeground#B3245F
- symbolIcon.numberForeground#A75B00
- symbolIcon.objectForeground#0E8F86
- symbolIcon.operatorForeground#566072
- symbolIcon.propertyForeground#3D4553
- symbolIcon.referenceForeground#2A2F3A
- symbolIcon.snippetForeground#0E8F86
- symbolIcon.stringForeground#1E7B44
- symbolIcon.structForeground#0E8F86
- symbolIcon.textForeground#2A2F3A
- symbolIcon.typeParameterForeground#0A7A72
- symbolIcon.unitForeground#A75B00
- symbolIcon.variableForeground#2A2F3A
- tab.activeBackground#FAFAFB
- tab.activeBorder#FAFAFB
- tab.activeBorderTop#0E8F86
- tab.activeForeground#2A2F3A
- tab.border#DEE1E8
- tab.hoverBackground#FFFFFF
- tab.hoverForeground#2A2F3A
- tab.inactiveBackground#F1F2F5
- tab.inactiveForeground#8A93A1
- tab.lastPinnedBorder#0E8F86
- tab.unfocusedActiveBorderTop#0E8F8666
- tab.unfocusedActiveForeground#5E6675
- tab.unfocusedInactiveForeground#8A93A1
- terminal.ansiBlack#2A2F3A
- terminal.ansiBlue#1F5FCB
- terminal.ansiBrightBlack#8A93A1
- terminal.ansiBrightBlue#3373e0
- terminal.ansiBrightCyan#12b4a9
- terminal.ansiBrightGreen#269c56
- terminal.ansiBrightMagenta#8753d0
- terminal.ansiBrightRed#d9493b
- terminal.ansiBrightWhite#11141A
- terminal.ansiBrightYellow#db8200
- terminal.ansiCyan#0E8F86
- terminal.ansiGreen#1E7B44
- terminal.ansiMagenta#7136C4
- terminal.ansiRed#C63426
- terminal.ansiWhite#2A2F3A
- terminal.ansiYellow#B26A00
- terminal.background#F1F2F5
- terminal.border#DEE1E8
- terminal.foreground#2A2F3A
- terminal.selectionBackground#0E8F8638
- terminalCursor.background#F1F2F5
- terminalCursor.foreground#0E8F86
- testing.iconErrored#C63426
- testing.iconFailed#C63426
- testing.iconPassed#1E7B44
- testing.iconQueued#B26A00
- testing.iconSkipped#8A93A1
- testing.iconUnset#8A93A1
- testing.message.error.decorationForeground#C63426
- testing.message.info.decorationForeground#1F5FCB
- testing.runAction#1E7B44
- textBlockQuote.background#FFFFFF
- textBlockQuote.border#0E8F86
- textCodeBlock.background#FFFFFF
- textLink.activeForeground#0a6a63
- textLink.foreground#0E8F86
- textPreformat.background#B26A001F
- textPreformat.foreground#B26A00
- textSeparator.foreground#DEE1E8
- titleBar.activeBackground#F1F2F5
- titleBar.activeForeground#2A2F3A
- titleBar.border#DEE1E8
- titleBar.inactiveBackground#F1F2F5
- titleBar.inactiveForeground#8A93A1
- tree.inactiveIndentGuidesStroke#e5e6e8
- tree.indentGuidesStroke#d5d5d8
- walkThrough.embeddedEditorBackground#F1F2F5
- welcomePage.background#FAFAFB
- welcomePage.progress.background#E6E9EF
- welcomePage.progress.foreground#0E8F86
- welcomePage.tileBackground#FFFFFF
- welcomePage.tileHoverBackground#E6E9EF
- widget.border#DEE1E8
- widget.shadow#0000001F
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8A93A1 | italic |
| comment.block.documentation | #8A93A1 | italic |
| keyword, keyword.control, keyword.other | #B3245F | — |
| keyword.operator.expression, keyword.operator.new, keyword.operator.logical | #B3245F | — |
| storage, storage.type, storage.modifier | #B3245F | — |
| string, string.quoted, string.template | #1E7B44 | — |
| string.regexp | #1E7B44 | — |
| constant.character.escape, constant.other.placeholder | #7136C4 | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float | #A75B00 | — |
| constant.language, constant.language.boolean, constant.language.null | #A75B00 | — |
| constant.other, variable.other.constant, entity.name.constant | #A75B00 | — |
| entity.name.function, support.function, meta.function-call.generic | #1B58BE | — |
| entity.name.method, meta.function.method | #1B58BE | — |
| entity.name.type, entity.name.class, support.class, support.type | #0E8F86 | — |
| entity.other.inherited-class | #0E8F86 | italic |
| entity.name.type.interface, entity.name.type.parameter | #0A7A72 | — |
| entity.name.namespace, entity.name.module, entity.name.scope-resolution | #0A7A72 | — |
| variable, variable.other.readwrite, meta.definition.variable | #2A2F3A | — |
| variable.other.property, support.variable.property, meta.object-literal.key | #3D4553 | — |
| variable.parameter, meta.parameter | #B5551A | italic |
| variable.language, variable.language.this, variable.language.self | #B3245F | italic |
| keyword.operator, punctuation.accessor | #566072 | — |
| punctuation, meta.brace, punctuation.separator, punctuation.terminator | #77808F | — |
| entity.name.tag, meta.tag.sgml | #B3245F | — |
| entity.other.attribute-name | #A75B00 | italic |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #1B58BE | — |
| support.type.property-name.css, support.type.vendored.property-name | #3D4553 | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #7136C4 | — |
| support.type.property-name.json, support.type.property-name.toml | #3D4553 | — |
| entity.name.tag.yaml, entity.name.tag.toml | #B3245F | — |
| markup.heading, entity.name.section | #1B58BE | bold |
| markup.bold | #A75B00 | bold |
| markup.italic | #B3245F | italic |
| markup.underline.link, string.other.link | #0E8F86 | underline |
| markup.inline.raw, markup.fenced_code.block | #1E7B44 | — |
| markup.quote | #8A93A1 | italic |
| markup.list punctuation.definition.list, markup.list.numbered | #B3245F | — |
| markup.inserted, meta.diff.header.to-file | #1E7B44 | — |
| markup.deleted, meta.diff.header.from-file | #C63426 | — |
| markup.changed | #1F5FCB | — |
| meta.diff.range | #7136C4 | — |
| invalid, invalid.illegal | #C63426 | — |
| invalid.deprecated | #C63426 | strikethrough |
| entity.name.label, meta.preprocessor | #7136C4 | — |
| support.constant, support.other.namespace | #A75B00 | — |
| string.unquoted.plain.out.yaml | #1E7B44 | — |
| source.shell variable.other | #3D4553 | — |
| text.html.markdown meta.paragraph | #2A2F3A | — |
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.activeBackground#FF8B3C14
- activityBar.activeBorder#FF8B3C
- activityBar.background#120E0B
- activityBar.border#120E0B
- activityBar.foreground#EEDFD2
- activityBar.inactiveForeground#75604F
- activityBarBadge.background#FF8B3C
- activityBarBadge.foreground#120E0B
- activityBarTop.activeBorder#FF8B3C
- activityBarTop.foreground#EEDFD2
- activityBarTop.inactiveForeground#75604F
- badge.background#FF8B3C
- badge.foreground#120E0B
- banner.background#2A211B
- banner.foreground#EEDFD2
- banner.iconForeground#FF8B3C
- breadcrumb.activeSelectionForeground#FF8B3C
- breadcrumb.background#17120F
- breadcrumb.focusForeground#EEDFD2
- breadcrumb.foreground#75604F
- breadcrumbPicker.background#1E1814
- button.background#FF8B3C
- button.border#00000000
- button.foreground#120E0B
- button.hoverBackground#ff9d5b
- button.secondaryBackground#2A211B
- button.secondaryForeground#EEDFD2
- button.secondaryHoverBackground#423831
- charts.blue#FFB067
- charts.foreground#EEDFD2
- charts.green#B8CC5A
- charts.lines#2E241E
- charts.orange#FF7A5C
- charts.purple#E486B4
- charts.red#FF5B4D
- charts.yellow#FFC22E
- chat.requestBorder#2E241E
- chat.slashCommandBackground#FF8B3C29
- chat.slashCommandForeground#FF8B3C
- checkbox.background#1E1814
- checkbox.border#2E241E
- checkbox.foreground#FF8B3C
- commandCenter.activeBackground#2A211B
- commandCenter.activeForeground#EEDFD2
- commandCenter.background#1E1814
- commandCenter.border#2E241E
- commandCenter.foreground#A99183
- debugConsole.errorForeground#FF5B4D
- debugConsole.infoForeground#FFB067
- debugConsole.sourceForeground#A99183
- debugConsole.warningForeground#FFC22E
- debugConsoleInputIcon.foreground#FF8B3C
- debugExceptionWidget.background#1E1814
- debugExceptionWidget.border#FF5B4D
- debugIcon.breakpointCurrentStackframeForeground#FFC22E
- debugIcon.breakpointDisabledForeground#FF5B4D80
- debugIcon.breakpointForeground#FF5B4D
- debugIcon.continueForeground#B8CC5A
- debugIcon.disconnectForeground#FF5B4D
- debugIcon.pauseForeground#FFC22E
- debugIcon.restartForeground#B8CC5A
- debugIcon.startForeground#B8CC5A
- debugIcon.stepIntoForeground#FFB067
- debugIcon.stepOutForeground#FFB067
- debugIcon.stepOverForeground#FFB067
- debugIcon.stopForeground#FF5B4D
- debugToolBar.background#1E1814
- debugToolBar.border#2E241E
- debugView.stateLabelBackground#2A211B
- debugView.stateLabelForeground#EEDFD2
- debugView.valueChangedHighlight#FF8B3C66
- descriptionForeground#A99183
- diffEditor.border#2E241E
- diffEditor.diagonalFill#2E241E
- diffEditor.insertedLineBackground#B8CC5A17
- diffEditor.insertedTextBackground#B8CC5A24
- diffEditor.removedLineBackground#FF5B4D17
- diffEditor.removedTextBackground#FF5B4D24
- disabledForeground#75604F
- dropdown.background#1E1814
- dropdown.border#2E241E
- dropdown.foreground#EEDFD2
- dropdown.listBackground#1E1814
- editor.background#17120F
- editor.findMatchBackground#FFC22E5C
- editor.findMatchHighlightBackground#FFC22E33
- editor.findRangeHighlightBackground#FF8B3C1A
- editor.focusedStackFrameHighlightBackground#B8CC5A29
- editor.foreground#EEDFD2
- editor.hoverHighlightBackground#FF8B3C1F
- editor.inactiveSelectionBackground#FF8B3C1F
- editor.lineHighlightBackground#1f1916
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#FF8B3C14
- editor.selectionBackground#FF8B3C38
- editor.selectionHighlightBackground#FF8B3C24
- editor.selectionHighlightBorder#FF8B3C00
- editor.stackFrameHighlightBackground#FFC22E29
- editor.wordHighlightBackground#FFB06729
- editor.wordHighlightStrongBackground#B8CC5A29
- editorBracketHighlight.foreground1#FFC22E
- editorBracketHighlight.foreground2#FF8B3C
- editorBracketHighlight.foreground3#E486B4
- editorBracketHighlight.foreground4#FF6C5C
- editorBracketHighlight.foreground5#FFB067
- editorBracketHighlight.foreground6#B8CC5A
- editorBracketHighlight.unexpectedBracket.foreground#FF5B4D
- editorBracketMatch.background#FF8B3C2E
- editorBracketMatch.border#FF8B3C80
- editorCodeLens.foreground#75604F
- editorCursor.background#17120F
- editorCursor.foreground#FF8B3C
- editorError.foreground#FF5B4D
- editorGhostText.foreground#75604F
- editorGroup.border#2E241E
- editorGroup.dropBackground#FF8B3C24
- editorGroupHeader.noTabsBackground#120E0B
- editorGroupHeader.tabsBackground#120E0B
- editorGroupHeader.tabsBorder#2E241E
- editorGutter.addedBackground#B8CC5A
- editorGutter.background#17120F
- editorGutter.commentRangeForeground#75604F
- editorGutter.deletedBackground#FF5B4D
- editorGutter.foldingControlForeground#A99183
- editorGutter.modifiedBackground#FFB067
- editorHint.foreground#FF8B3C
- editorHoverWidget.background#1E1814
- editorHoverWidget.border#2E241E
- editorHoverWidget.foreground#EEDFD2
- editorHoverWidget.statusBarBackground#2A211B
- editorIndentGuide.activeBackground1#744221
- editorIndentGuide.background1#2d2723
- editorInfo.foreground#FFB067
- editorInlayHint.background#FF8B3C1A
- editorInlayHint.foreground#A99183
- editorLightBulb.foreground#FFC22E
- editorLightBulbAutoFix.foreground#FF8B3C
- editorLineNumber.activeForeground#FF8B3C
- editorLineNumber.foreground#75604F
- editorLink.activeForeground#FF8B3C
- editorMarkerNavigation.background#1E1814
- editorMarkerNavigationError.background#FF5B4D
- editorMarkerNavigationInfo.background#FFB067
- editorMarkerNavigationWarning.background#FFC22E
- editorOverviewRuler.addedForeground#B8CC5A
- editorOverviewRuler.border#00000000
- editorOverviewRuler.bracketMatchForeground#FF8B3C80
- editorOverviewRuler.deletedForeground#FF5B4D
- editorOverviewRuler.errorForeground#FF5B4D
- editorOverviewRuler.findMatchForeground#FFC22E99
- editorOverviewRuler.infoForeground#FFB067
- editorOverviewRuler.modifiedForeground#FFB067
- editorOverviewRuler.selectionHighlightForeground#FF8B3C66
- editorOverviewRuler.warningForeground#FFC22E
- editorOverviewRuler.wordHighlightForeground#FFB06766
- editorPane.background#17120F
- editorRuler.foreground#312b26
- editorSuggestWidget.background#1E1814
- editorSuggestWidget.border#2E241E
- editorSuggestWidget.focusHighlightForeground#FF8B3C
- editorSuggestWidget.foreground#EEDFD2
- editorSuggestWidget.highlightForeground#FF8B3C
- editorSuggestWidget.selectedBackground#2A211B
- editorSuggestWidget.selectedForeground#EEDFD2
- editorUnnecessaryCode.opacity#00000080
- editorWarning.foreground#FFC22E
- editorWhitespace.foreground#423b36
- editorWidget.background#1E1814
- editorWidget.border#2E241E
- editorWidget.foreground#EEDFD2
- errorForeground#FF5B4D
- extensionBadge.remoteBackground#FF8B3C
- extensionBadge.remoteForeground#120E0B
- extensionButton.prominentBackground#FF8B3C
- extensionButton.prominentForeground#120E0B
- extensionButton.prominentHoverBackground#ff9d5b
- extensionIcon.preReleaseForeground#E486B4
- extensionIcon.sponsorForeground#FF6C5C
- extensionIcon.starForeground#FFC22E
- extensionIcon.verifiedForeground#B8CC5A
- focusBorder#FF8B3CB3
- foreground#EEDFD2
- gauge.background#FF8B3C
- gauge.border#2E241E
- gauge.foreground#FF8B3C40
- gitDecoration.addedResourceForeground#B8CC5A
- gitDecoration.conflictingResourceForeground#FFC22E
- gitDecoration.deletedResourceForeground#FF5B4D
- gitDecoration.ignoredResourceForeground#75604F
- gitDecoration.modifiedResourceForeground#FFB067
- gitDecoration.renamedResourceForeground#FF8B3C
- gitDecoration.stageDeletedResourceForeground#FF5B4D
- gitDecoration.stageModifiedResourceForeground#FFB067
- gitDecoration.submoduleResourceForeground#FFC22E
- gitDecoration.untrackedResourceForeground#B8CC5A
- icon.foreground#A99183
- inlineChat.background#1E1814
- inlineChat.border#FF8B3C
- inlineChatInput.background#120E0B
- inlineChatInput.border#2E241E
- input.background#1E1814
- input.border#2E241E
- input.foreground#EEDFD2
- input.placeholderForeground#75604F
- inputOption.activeBackground#FF8B3C3D
- inputOption.activeBorder#FF8B3C
- inputOption.activeForeground#EEDFD2
- inputValidation.errorBackground#1E1814
- inputValidation.errorBorder#FF5B4D
- inputValidation.infoBackground#1E1814
- inputValidation.infoBorder#FFB067
- inputValidation.warningBackground#1E1814
- inputValidation.warningBorder#FFC22E
- keybindingLabel.background#2A211B
- keybindingLabel.border#2E241E
- keybindingLabel.bottomBorder#2E241E
- keybindingLabel.foreground#EEDFD2
- list.activeSelectionBackground#2A211B
- list.activeSelectionForeground#EEDFD2
- list.activeSelectionIconForeground#FF8B3C
- list.dropBackground#FF8B3C29
- list.errorForeground#FF5B4D
- list.focusBackground#2A211B
- list.focusForeground#EEDFD2
- list.focusHighlightForeground#FF8B3C
- list.focusOutline#FF8B3C80
- list.highlightForeground#FF8B3C
- list.hoverBackground#201b17
- list.hoverForeground#EEDFD2
- list.inactiveSelectionBackground#241e1b
- list.inactiveSelectionForeground#EEDFD2
- list.warningForeground#FFC22E
- listFilterWidget.background#1E1814
- listFilterWidget.noMatchesOutline#FF5B4D
- listFilterWidget.outline#FF8B3C
- menu.background#1E1814
- menu.border#2E241E
- menu.foreground#EEDFD2
- menu.selectionBackground#2A211B
- menu.selectionForeground#EEDFD2
- menu.separatorBackground#2E241E
- menubar.selectionBackground#2A211B
- menubar.selectionForeground#EEDFD2
- merge.border#2E241E
- merge.commonContentBackground#75604F24
- merge.commonHeaderBackground#75604F4D
- merge.currentContentBackground#FFB06724
- merge.currentHeaderBackground#FFB0674D
- merge.incomingContentBackground#B8CC5A24
- merge.incomingHeaderBackground#B8CC5A4D
- mergeEditor.change.background#B8CC5A1F
- mergeEditor.conflict.unhandledFocused.border#FF5B4D
- mergeEditor.conflict.unhandledUnfocused.border#FFC22E
- minimap.background#17120F
- minimap.errorHighlight#FF5B4D
- minimap.findMatchHighlight#FFC22E99
- minimap.selectionHighlight#FF8B3C66
- minimap.warningHighlight#FFC22E
- minimapGutter.addedBackground#B8CC5A
- minimapGutter.deletedBackground#FF5B4D
- minimapGutter.modifiedBackground#FFB067
- minimapSlider.activeBackground#FF8B3C47
- minimapSlider.background#A991831F
- minimapSlider.hoverBackground#A9918333
- notebook.cellBorderColor#2E241E
- notebook.cellEditorBackground#120E0B
- notebook.cellHoverBackground#1c1714
- notebook.editorBackground#17120F
- notebook.focusedCellBorder#FF8B3C
- notebook.focusedEditorBorder#FF8B3C
- notebook.inactiveFocusedCellBorder#2E241E
- notebook.selectedCellBackground#1f1916
- notebookStatusErrorIcon.foreground#FF5B4D
- notebookStatusRunningIcon.foreground#FF8B3C
- notebookStatusSuccessIcon.foreground#B8CC5A
- notificationCenter.border#2E241E
- notificationCenterHeader.background#1E1814
- notificationCenterHeader.foreground#EEDFD2
- notificationLink.foreground#FF8B3C
- notifications.background#1E1814
- notifications.border#2E241E
- notifications.foreground#EEDFD2
- notificationsErrorIcon.foreground#FF5B4D
- notificationsInfoIcon.foreground#FFB067
- notificationsWarningIcon.foreground#FFC22E
- panel.background#120E0B
- panel.border#2E241E
- panel.dropBorder#FF8B3C
- panelSection.border#2E241E
- panelSectionHeader.background#120E0B
- panelSectionHeader.foreground#EEDFD2
- panelTitle.activeBorder#FF8B3C
- panelTitle.activeForeground#EEDFD2
- panelTitle.inactiveForeground#75604F
- peekView.border#FF8B3C
- peekViewEditor.background#1E1814
- peekViewEditor.matchHighlightBackground#FFC22E4D
- peekViewResult.background#120E0B
- peekViewResult.fileForeground#A99183
- peekViewResult.lineForeground#EEDFD2
- peekViewResult.matchHighlightBackground#FFC22E4D
- peekViewResult.selectionBackground#2A211B
- peekViewResult.selectionForeground#EEDFD2
- peekViewTitle.background#1E1814
- peekViewTitleDescription.foreground#A99183
- peekViewTitleLabel.foreground#EEDFD2
- pickerGroup.border#2E241E
- pickerGroup.foreground#FF8B3C
- ports.iconRunningProcessForeground#FF8B3C
- problemsErrorIcon.foreground#FF5B4D
- problemsInfoIcon.foreground#FFB067
- problemsWarningIcon.foreground#FFC22E
- progressBar.background#FF8B3C
- quickInput.background#1E1814
- quickInput.foreground#EEDFD2
- quickInputList.focusBackground#2A211B
- quickInputList.focusForeground#EEDFD2
- quickInputTitle.background#1E1814
- sash.hoverBorder#FF8B3C
- scmGraph.historyItemBaseRefColor#FFC22E
- scmGraph.historyItemRefColor#FF8B3C
- scmGraph.historyItemRemoteRefColor#FFB067
- scrollbar.shadow#00000059
- scrollbarSlider.activeBackground#FF8B3C66
- scrollbarSlider.background#A9918333
- scrollbarSlider.hoverBackground#A9918352
- selection.background#FF8B3C38
- settings.checkboxBackground#1E1814
- settings.checkboxBorder#2E241E
- settings.dropdownBackground#1E1814
- settings.dropdownBorder#2E241E
- settings.focusedRowBackground#1d1815
- settings.focusedRowBorder#FF8B3C66
- settings.headerForeground#EEDFD2
- settings.modifiedItemIndicator#FF8B3C
- settings.numberInputBackground#1E1814
- settings.numberInputBorder#2E241E
- settings.rowHoverBackground#1b1613
- settings.textInputBackground#1E1814
- settings.textInputBorder#2E241E
- sideBar.background#120E0B
- sideBar.border#2E241E
- sideBar.foreground#A99183
- sideBarActivityBarTop.border#2E241E
- sideBarSectionHeader.background#120E0B
- sideBarSectionHeader.border#2E241E
- sideBarSectionHeader.foreground#EEDFD2
- sideBarTitle.foreground#EEDFD2
- statusBar.background#120E0B
- statusBar.border#2E241E
- statusBar.debuggingBackground#FFC22E
- statusBar.debuggingForeground#120E0B
- statusBar.foreground#A99183
- statusBar.noFolderBackground#120E0B
- statusBar.noFolderForeground#A99183
- statusBarItem.activeBackground#EEDFD224
- statusBarItem.errorBackground#FF5B4D
- statusBarItem.errorForeground#FFFFFF
- statusBarItem.hoverBackground#EEDFD214
- statusBarItem.prominentBackground#2A211B
- statusBarItem.prominentForeground#EEDFD2
- statusBarItem.remoteBackground#FF8B3C
- statusBarItem.remoteForeground#120E0B
- statusBarItem.warningBackground#FFC22E
- statusBarItem.warningForeground#120E0B
- symbolIcon.arrayForeground#FF7A5C
- symbolIcon.booleanForeground#FF5F8C
- symbolIcon.classForeground#FF8B3C
- symbolIcon.colorForeground#FF6C5C
- symbolIcon.constantForeground#FFD98A
- symbolIcon.constructorForeground#FFB067
- symbolIcon.enumeratorForeground#FFD98A
- symbolIcon.enumeratorMemberForeground#FFD98A
- symbolIcon.eventForeground#E486B4
- symbolIcon.fieldForeground#D6BCA6
- symbolIcon.fileForeground#A99183
- symbolIcon.folderForeground#A99183
- symbolIcon.functionForeground#FFB067
- symbolIcon.interfaceForeground#E5A05C
- symbolIcon.keyForeground#D6BCA6
- symbolIcon.keywordForeground#FF5F8C
- symbolIcon.methodForeground#FFB067
- symbolIcon.moduleForeground#E5A05C
- symbolIcon.namespaceForeground#E5A05C
- symbolIcon.nullForeground#FF5F8C
- symbolIcon.numberForeground#FFD98A
- symbolIcon.objectForeground#FF8B3C
- symbolIcon.operatorForeground#C09A80
- symbolIcon.propertyForeground#D6BCA6
- symbolIcon.referenceForeground#EEDFD2
- symbolIcon.snippetForeground#FF8B3C
- symbolIcon.stringForeground#FFC22E
- symbolIcon.structForeground#FF8B3C
- symbolIcon.textForeground#EEDFD2
- symbolIcon.typeParameterForeground#E5A05C
- symbolIcon.unitForeground#FFD98A
- symbolIcon.variableForeground#EEDFD2
- tab.activeBackground#17120F
- tab.activeBorder#17120F
- tab.activeBorderTop#FF8B3C
- tab.activeForeground#EEDFD2
- tab.border#2E241E
- tab.hoverBackground#1E1814
- tab.hoverForeground#EEDFD2
- tab.inactiveBackground#120E0B
- tab.inactiveForeground#75604F
- tab.lastPinnedBorder#FF8B3C
- tab.unfocusedActiveBorderTop#FF8B3C66
- tab.unfocusedActiveForeground#A99183
- tab.unfocusedInactiveForeground#75604F
- terminal.ansiBlack#2A211B
- terminal.ansiBlue#FFB067
- terminal.ansiBrightBlack#75604F
- terminal.ansiBrightBlue#ffc590
- terminal.ansiBrightCyan#ffa365
- terminal.ansiBrightGreen#c5d679
- terminal.ansiBrightMagenta#eba7c9
- terminal.ansiBrightRed#ff8176
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#ffce57
- terminal.ansiCyan#FF8B3C
- terminal.ansiGreen#B8CC5A
- terminal.ansiMagenta#E486B4
- terminal.ansiRed#FF5B4D
- terminal.ansiWhite#EEDFD2
- terminal.ansiYellow#FFC22E
- terminal.background#120E0B
- terminal.border#2E241E
- terminal.foreground#EEDFD2
- terminal.selectionBackground#FF8B3C38
- terminalCursor.background#120E0B
- terminalCursor.foreground#FF8B3C
- testing.iconErrored#FF5B4D
- testing.iconFailed#FF5B4D
- testing.iconPassed#B8CC5A
- testing.iconQueued#FFC22E
- testing.iconSkipped#75604F
- testing.iconUnset#75604F
- testing.message.error.decorationForeground#FF5B4D
- testing.message.info.decorationForeground#FFB067
- testing.runAction#B8CC5A
- textBlockQuote.background#1E1814
- textBlockQuote.border#FF8B3C
- textCodeBlock.background#1E1814
- textLink.activeForeground#ffa365
- textLink.foreground#FF8B3C
- textPreformat.background#FFC22E1F
- textPreformat.foreground#FFC22E
- textSeparator.foreground#2E241E
- titleBar.activeBackground#120E0B
- titleBar.activeForeground#EEDFD2
- titleBar.border#2E241E
- titleBar.inactiveBackground#120E0B
- titleBar.inactiveForeground#75604F
- tree.inactiveIndentGuidesStroke#2d2723
- tree.indentGuidesStroke#3e3732
- walkThrough.embeddedEditorBackground#120E0B
- welcomePage.background#17120F
- welcomePage.progress.background#2A211B
- welcomePage.progress.foreground#FF8B3C
- welcomePage.tileBackground#1E1814
- welcomePage.tileHoverBackground#2A211B
- widget.border#2E241E
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6E5A4C | italic |
| comment.block.documentation | #6E5A4C | italic |
| keyword, keyword.control, keyword.other | #FF5F8C | — |
| keyword.operator.expression, keyword.operator.new, keyword.operator.logical | #FF5F8C | — |
| storage, storage.type, storage.modifier | #FF5F8C | — |
| string, string.quoted, string.template | #FFC22E | — |
| string.regexp | #B8CC5A | — |
| constant.character.escape, constant.other.placeholder | #E486B4 | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float | #FFD98A | — |
| constant.language, constant.language.boolean, constant.language.null | #FFD98A | — |
| constant.other, variable.other.constant, entity.name.constant | #FFD98A | — |
| entity.name.function, support.function, meta.function-call.generic | #FFB067 | — |
| entity.name.method, meta.function.method | #FFB067 | — |
| entity.name.type, entity.name.class, support.class, support.type | #FF8B3C | — |
| entity.other.inherited-class | #FF8B3C | italic |
| entity.name.type.interface, entity.name.type.parameter | #E5A05C | — |
| entity.name.namespace, entity.name.module, entity.name.scope-resolution | #E5A05C | — |
| variable, variable.other.readwrite, meta.definition.variable | #EEDFD2 | — |
| variable.other.property, support.variable.property, meta.object-literal.key | #D6BCA6 | — |
| variable.parameter, meta.parameter | #FF7A5C | italic |
| variable.language, variable.language.this, variable.language.self | #FF5F8C | italic |
| keyword.operator, punctuation.accessor | #C09A80 | — |
| punctuation, meta.brace, punctuation.separator, punctuation.terminator | #8A7160 | — |
| entity.name.tag, meta.tag.sgml | #FF6C5C | — |
| entity.other.attribute-name | #FFC22E | italic |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #FFB067 | — |
| support.type.property-name.css, support.type.vendored.property-name | #D6BCA6 | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #E486B4 | — |
| support.type.property-name.json, support.type.property-name.toml | #D6BCA6 | — |
| entity.name.tag.yaml, entity.name.tag.toml | #FF6C5C | — |
| markup.heading, entity.name.section | #FFB067 | bold |
| markup.bold | #FFC22E | bold |
| markup.italic | #FF5F8C | italic |
| markup.underline.link, string.other.link | #FF8B3C | underline |
| markup.inline.raw, markup.fenced_code.block | #FFC22E | — |
| markup.quote | #6E5A4C | italic |
| markup.list punctuation.definition.list, markup.list.numbered | #FF5F8C | — |
| markup.inserted, meta.diff.header.to-file | #B8CC5A | — |
| markup.deleted, meta.diff.header.from-file | #FF5B4D | — |
| markup.changed | #FFB067 | — |
| meta.diff.range | #E486B4 | — |
| invalid, invalid.illegal | #FF5B4D | — |
| invalid.deprecated | #FF5B4D | strikethrough |
| entity.name.label, meta.preprocessor | #E486B4 | — |
| support.constant, support.other.namespace | #FFD98A | — |
| string.unquoted.plain.out.yaml | #FFC22E | — |
| source.shell variable.other | #D6BCA6 | — |
| text.html.markdown meta.paragraph | #EEDFD2 | — |