Skip to main content
Coding Theme

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.

  • actionBar.toggledBackground#17171ffe
  • activityBar.activeBackground#17171ffe
  • activityBar.activeBorder#FD8C8Cfe
  • activityBar.activeFocusBorder#6F5E7700
  • activityBar.background#0E0E13fe
  • activityBar.border#60675100
  • activityBar.dropBorder#FE8C8Cfe
  • activityBar.foreground#FE8D8Dfe
  • activityBar.inactiveForeground#9E9EB765
  • activityBarBadge.background#C23D3Dfe
  • activityBarBadge.foreground#0E0E13fe
  • badge.background#CE4B4Bfe
  • badge.foreground#0E0E13fe
  • banner.background#17171ffe
  • banner.foreground#E8E8FEce
  • banner.iconForeground#C5BBB1fe
  • breadcrumb.activeSelectionForeground#CEDBD1ca
  • breadcrumb.background#101015fe
  • breadcrumb.focusForeground#D85B5Bfe
  • breadcrumb.foreground#EBEBF0ae
  • breadcrumbPicker.background#17171ffe
  • button.background#424259ae
  • button.border#0E0C0B00
  • button.foreground#E8E8FEce
  • button.hoverBackground#50506C6e
  • button.secondaryBackground#17171ffe
  • button.secondaryForeground#E8E8FEce
  • button.secondaryHoverBackground#17171ffe
  • button.separator#0E0C0B00
  • charts.blue#1b1bfffe
  • charts.foreground#E8E8FEce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067bb
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0C0C11fe
  • chat.slashCommandBackground#17171ffe
  • chat.slashCommandForeground#E8E8FEce
  • checkbox.background#0C0C11fe
  • checkbox.border#0C0C11fe
  • checkbox.foreground#E8E8FEce
  • checkbox.selectBackground#0C0C11fe
  • checkbox.selectBorder#0C0C11fe
  • commandCenter.activeBackground#2D1E3383
  • commandCenter.activeBorder#0C0C11fe
  • commandCenter.activeForeground#CE4B4Bfe
  • commandCenter.background#17171ffe
  • commandCenter.border#0C0C11fe
  • commandCenter.foreground#E8E8FEce
  • commandCenter.inactiveBorder#21212D99
  • commandCenter.inactiveForeground#9E9EB765
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0B0E0E00
  • contrastBorder#0D0B0E00
  • debugConsole.errorForeground#FF92FEce
  • debugConsole.infoForeground#E8E8FEce
  • debugConsole.sourceForeground#E8E8FEce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#C7B4B8fe
  • debugExceptionWidget.background#450045ab
  • debugExceptionWidget.border#0C0C11fe
  • debugIcon.breakpointCurrentStackframeForeground#D8D8E2fe
  • debugIcon.breakpointDisabledForeground#B7B7C965
  • debugIcon.breakpointForeground#C7B4B8fe
  • debugIcon.breakpointStackframeForeground#C9D5D7fe
  • debugIcon.breakpointUnverifiedForeground#BBC5B1fe
  • debugIcon.continueForeground#C4C4D3fe
  • debugIcon.disconnectForeground#CECEDBfe
  • debugIcon.pauseForeground#D0D7C9fe
  • debugIcon.restartForeground#CECEDBfe
  • debugIcon.startForeground#C2B4C7fe
  • debugIcon.stepBackForeground#DBCED1fe
  • debugIcon.stepIntoForeground#D0C4D3fe
  • debugIcon.stepOutForeground#D0C8BFfe
  • debugIcon.stepOverForeground#B6C6C9fe
  • debugIcon.stopForeground#C8BBCCfe
  • debugTokenExpression.boolean#D8DED3ca
  • debugTokenExpression.error#D7D0C9ca
  • debugTokenExpression.name#D7C9CDca
  • debugTokenExpression.number#D8DED3ca
  • debugTokenExpression.value#C9D7CDca
  • debugToolBar.background#450045c7
  • debugToolBar.border#0C0C11fe
  • debugView.exceptionLabelBackground#18251Bca
  • debugView.exceptionLabelForeground#D3DDDEca
  • debugView.stateLabelBackground#321E22ca
  • debugView.stateLabelForeground#CED9DBca
  • debugView.valueChangedHighlight#D3DDDEca
  • descriptionForeground#E8E8FEce
  • diffEditor.border#0B0E0E00
  • diffEditor.diagonalFill#000000f8
  • diffEditor.insertedLineBackground#00290031
  • diffEditor.insertedTextBackground#0F2911fb
  • diffEditor.insertedTextBorder#0B0B0E00
  • diffEditor.move.border#0B0B0E00
  • diffEditor.moveActive.border#0B0E0E00
  • diffEditor.removedLineBackground#4E000031
  • diffEditor.removedTextBackground#4F0000fb
  • diffEditor.removedTextBorder#0B0E0E00
  • diffEditor.unchangedCodeBackground#17171ffe
  • diffEditor.unchangedRegionBackground#17171ffe
  • diffEditor.unchangedRegionForeground#E8E8FEce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B7B7C965
  • dropdown.background#0C0C11fe
  • dropdown.border#0C0C11fe
  • dropdown.foreground#E8E8FEce
  • dropdown.listBackground#0C0C11fe
  • editor.background#17171ffe
  • editor.findMatchBackground#455E4Ba5
  • editor.findMatchBorder#0C0C11fe
  • editor.findMatchHighlightBackground#3E5154a8
  • editor.findMatchHighlightBorder#0C0C11fe
  • editor.findRangeHighlightBackground#49624Fa5
  • editor.findRangeHighlightBorder#0C0C11fe
  • editor.focusedStackFrameHighlightBackground#3A4F4085
  • editor.foldBackground#B3BDA7a7
  • editor.foreground#E8E8FEce
  • editor.hoverHighlightBackground#57455Ea3
  • editor.inactiveSelectionBackground#48486293
  • editor.inlineValuesBackground#17171ffe
  • editor.inlineValuesForeground#E8E8FEce
  • editor.lineHighlightBackground#2C2C3Cb3
  • editor.lineHighlightBorder#0D0B0E00
  • editor.linkedEditingBackground#17171ffe
  • editor.rangeHighlightBackground#5E6C50a6
  • editor.rangeHighlightBorder#0C0C11fe
  • editor.selectionBackground#3B4D50ad
  • editor.selectionForeground#D3D3DEca
  • editor.selectionHighlightBackground#614C678e
  • editor.selectionHighlightBorder#0C0C11fe
  • editor.snippetFinalTabstopHighlightBackground#65506Ca7
  • editor.snippetFinalTabstopHighlightBorder#0C0C11fe
  • editor.snippetTabstopHighlightBackground#614C67ad
  • editor.snippetTabstopHighlightBorder#0C0C11fe
  • editor.stackFrameHighlightBackground#57445Caa
  • editor.symbolHighlightBackground#675A4Ca6
  • editor.symbolHighlightBorder#0C0C11fe
  • editor.wordHighlightBackground#425947a2
  • editor.wordHighlightBorder#0D0B0E00
  • editor.wordHighlightStrongBackground#3E5154a9
  • editor.wordHighlightStrongBorder#0E0B0C00
  • editor.wordHighlightTextBackground#6C5E50a4
  • editor.wordHighlightTextBorder#0D0E0B00
  • editorBracketHighlight.foreground1#F5F5F7ce
  • editorBracketHighlight.foreground2#F5F5F7ce
  • editorBracketHighlight.foreground3#F5F5F7ce
  • editorBracketHighlight.foreground4#F5F5F7ce
  • editorBracketHighlight.foreground5#F5F5F7ce
  • editorBracketHighlight.foreground6#F5F5F7ce
  • editorBracketHighlight.unexpectedBracket.foreground#E8E8FEce
  • editorBracketMatch.background#C3B5C8a5
  • editorBracketMatch.border#0C0C11fe
  • editorBracketPairGuide.activeBackground1#C7B4B886
  • editorBracketPairGuide.activeBackground2#C2B7AC8a
  • editorBracketPairGuide.activeBackground3#C2B7AD81
  • editorBracketPairGuide.activeBackground4#A9BDBF84
  • editorBracketPairGuide.activeBackground5#B1BDA682
  • editorBracketPairGuide.activeBackground6#B1BDA685
  • editorBracketPairGuide.background1#1E2618fe
  • editorBracketPairGuide.background2#1D2317fe
  • editorBracketPairGuide.background3#1E2418fe
  • editorBracketPairGuide.background4#202039fe
  • editorBracketPairGuide.background5#2D1D32fe
  • editorBracketPairGuide.background6#28201Afe
  • editorCodeLens.foreground#B7B7CA6e
  • editorCommentsWidget.rangeActiveBackground#B8B8CAfe
  • editorCommentsWidget.rangeBackground#17171ffe
  • editorCommentsWidget.resolvedBorder#0C0C11fe
  • editorCommentsWidget.unresolvedBorder#4F0000cb
  • editorCursor.background#17171ffe
  • editorCursor.foreground#C23D3Dfe
  • editorError.background#0D0B0E00
  • editorError.border#0B0E0E00
  • editorError.foreground#FF92FEce
  • editorGhostText.background#17171ffe
  • editorGhostText.border#0D0B0E00
  • editorGhostText.foreground#B7B7C96e
  • editorGroup.border#0C0C11fe
  • editorGroup.dropBackground#17171ffe
  • editorGroup.dropIntoPromptBackground#17171ffe
  • editorGroup.dropIntoPromptBorder#0C0C11fe
  • editorGroup.dropIntoPromptForeground#E8E8FEce
  • editorGroup.emptyBackground#17171ffe
  • editorGroup.focusedEmptyBorder#0C0C11fe
  • editorGroupHeader.border#0D0E0B00
  • editorGroupHeader.noTabsBackground#0E0E13ae
  • editorGroupHeader.tabsBackground#17171fa1
  • editorGroupHeader.tabsBorder#0B0B0E00
  • editorGutter.addedBackground#81C985fb
  • editorGutter.background#17171ffe
  • editorGutter.commentGlyphForeground#E8E8FEce
  • editorGutter.commentRangeForeground#E8E8FEce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FF9E9Ecb
  • editorGutter.foldingControlForeground#E8E8FEce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0E0C0B00
  • editorHint.foreground#C0ADFFce
  • editorHoverWidget.background#0C0C11fe
  • editorHoverWidget.border#0C0C11fe
  • editorHoverWidget.foreground#E8E8FEce
  • editorHoverWidget.highlightForeground#D7D0C9ca
  • editorHoverWidget.statusBarBackground#17171ffe
  • editorIndentGuide.activeBackground1#FD8D8Dfe
  • editorIndentGuide.activeBackground2#FD8C8Cfe
  • editorIndentGuide.activeBackground3#FD8D8Dfe
  • editorIndentGuide.activeBackground4#FD8D8Dfe
  • editorIndentGuide.activeBackground5#FD8C8Cfe
  • editorIndentGuide.activeBackground6#FD8D8Dfe
  • editorIndentGuide.background1#B8A7BE35
  • editorIndentGuide.background2#A6B39935
  • editorIndentGuide.background3#A894AF35
  • editorIndentGuide.background4#B09EB735
  • editorIndentGuide.background5#8FAC9635
  • editorIndentGuide.background6#ACBFC135
  • editorInfo.background#0D0B0E00
  • editorInfo.border#0D0B0E00
  • editorInfo.foreground#C0ADFFce
  • editorInlayHint.background#17171ffe
  • editorInlayHint.foreground#E8E8FEce
  • editorInlayHint.parameterBackground#17171ffe
  • editorInlayHint.parameterForeground#E8E8FEce
  • editorInlayHint.typeBackground#17171ffe
  • editorInlayHint.typeForeground#E8E8FEce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#C23D3Dfe
  • editorLineNumber.dimmedForeground#B7B7CA6e
  • editorLineNumber.foreground#B7B7C96e
  • editorLink.activeForeground#CE4B4Bfe
  • editorMarkerNavigation.background#0C0C11fe
  • editorMarkerNavigationError.background#450045b1
  • editorMarkerNavigationError.headerBackground#450045b9
  • editorMarkerNavigationInfo.background#000085fe
  • editorMarkerNavigationInfo.headerBackground#000085fe
  • editorMarkerNavigationWarning.background#2A2300fe
  • editorMarkerNavigationWarning.headerBackground#2A2300fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#17171ffe
  • editorOverviewRuler.border#01015Cfe
  • editorOverviewRuler.bracketMatchForeground#E8E8FEce
  • editorOverviewRuler.commentForeground#B7B7C96e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#E8E8FEce
  • editorOverviewRuler.currentContentForeground#cececea9
  • editorOverviewRuler.deletedForeground#FF9E9Ecb
  • editorOverviewRuler.errorForeground#FF92FEce
  • editorOverviewRuler.findMatchForeground#00CFCFce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C0ADFFce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#CEDBD1ca
  • editorOverviewRuler.selectionHighlightForeground#C0ADFFce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#DDE4E5ca
  • editorOverviewRuler.wordHighlightStrongForeground#E8E8FEce
  • editorOverviewRuler.wordHighlightTextForeground#E8E8FEce
  • editorPane.background#17171ffe
  • editorRuler.foreground#B8B8CA21
  • editorStickyScroll.background#17171ffe
  • editorStickyScrollHover.background#14146C6e
  • editorSuggestWidget.background#0C0C11fe
  • editorSuggestWidget.border#0B0E0E00
  • editorSuggestWidget.focusHighlightForeground#A5A5F8fe
  • editorSuggestWidget.foreground#B7B7C9fe
  • editorSuggestWidget.highlightForeground#D8D8E2ca
  • editorSuggestWidget.selectedBackground#50696C81
  • editorSuggestWidget.selectedForeground#C9D5D7ca
  • editorSuggestWidget.selectedIconForeground#C9D7CDca
  • editorSuggestWidgetStatus.foreground#E5E1DDfe
  • editorUnicodeHighlight.background#71545Ba4
  • editorUnicodeHighlight.border#0C0C11fe
  • editorUnnecessaryCode.border#292200ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0E0C0B00
  • editorWarning.border#0D0B0E00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#E8E8FEce
  • editorWidget.background#0C0C11fe
  • editorWidget.border#0C0C11fe
  • editorWidget.foreground#E8E8FEce
  • editorWidget.resizeBorder#0C0C11fe
  • errorForeground#FF92FEce
  • extensionBadge.remoteBackground#D55555fe
  • extensionBadge.remoteForeground#0E0E13fe
  • extensionButton.background#010175ae
  • extensionButton.foreground#E8E8FEce
  • extensionButton.hoverBackground#1A1A5C6e
  • extensionButton.prominentBackground#17171ffe
  • extensionButton.prominentForeground#E8E8FEce
  • extensionButton.prominentHoverBackground#17171ffe
  • extensionButton.separator#0E0C0B00
  • extensionIcon.preReleaseForeground#C8D0BFfe
  • extensionIcon.sponsorForeground#CECEDBfe
  • extensionIcon.starForeground#BBBBCCfe
  • extensionIcon.verifiedForeground#D3CCC4fe
  • focusBorder#0B0E0C00
  • foreground#E8E8FEce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FF9E9Ecb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C0ADFFce
  • gitDecoration.stageDeletedResourceForeground#FF9E9Ecb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00CFCFce
  • icon.foreground#B8B8CBae
  • inlineChat.background#282019ca
  • inlineChat.border#1E2418ca
  • inlineChat.regionHighlight#DDE5DFca
  • inlineChat.shadow#E2DDD8ca
  • inlineChatDiff.inserted#D3DED6ca
  • inlineChatDiff.removed#C9D7CDca
  • inlineChatInput.background#E1E5DDca
  • inlineChatInput.border#1E2519ca
  • inlineChatInput.focusBorder#0E0B0C00
  • inlineChatInput.placeholderForeground#DED8D3ca
  • input.background#0C0C11fe
  • input.border#0C0C11fe
  • input.foreground#E8E8FEce
  • input.placeholderForeground#B7B7C965
  • inputOption.activeBackground#0C0C11fe
  • inputOption.activeBorder#0C0C11fe
  • inputOption.activeForeground#DC6060fe
  • inputOption.hoverBackground#0C0C11fe
  • inputValidation.errorBackground#670067b6
  • inputValidation.errorBorder#45004599
  • inputValidation.errorForeground#FF92FEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0C0C11fe
  • inputValidation.infoForeground#E8E8FEce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0C0C11fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0C0C11fe
  • interactive.inactiveCodeBorder#01016C98
  • keybindingLabel.background#17171ffe
  • keybindingLabel.border#0C0C11fe
  • keybindingLabel.bottomBorder#0C0C11fe
  • keybindingLabel.foreground#E8E8FEce
  • keybindingTable.headerBackground#17171ffe
  • keybindingTable.rowsBackground#17171ffe
  • list.activeSelectionBackground#434D3981
  • list.activeSelectionForeground#C9D7CDca
  • list.activeSelectionIconForeground#D7C9CDca
  • list.deemphasizedForeground#E8E8FEce
  • list.dropBackground#17171ffe
  • list.errorForeground#FF92FEce
  • list.filterMatchBackground#17171ffe
  • list.filterMatchBorder#0C0C11fe
  • list.focusAndSelectionOutline#0D0E0B00
  • list.focusBackground#48486196
  • list.focusForeground#D15050fe
  • list.focusHighlightForeground#7D7DFDfe
  • list.focusOutline#0B0E0C00
  • list.highlightForeground#DDDDE5ca
  • list.hoverBackground#12262Aa6
  • list.hoverForeground#D55555fe
  • list.inactiveFocusBackground#21212D9a
  • list.inactiveFocusOutline#0D0B0E00
  • list.inactiveSelectionBackground#0E0E13ae
  • list.inactiveSelectionForeground#B7B7C965
  • list.inactiveSelectionIconForeground#B7B7C965
  • list.invalidItemForeground#E8E8FEce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#17171ffe
  • listFilterWidget.noMatchesOutline#0D0B0E00
  • listFilterWidget.outline#0B0E0E00
  • listFilterWidget.shadow#0E0B0C00
  • menu.background#0E0E13fe
  • menu.border#0E0C0B00
  • menu.foreground#E6E6EDae
  • menu.selectionBackground#3A4E50ad
  • menu.selectionBorder#0D0E0B00
  • menu.selectionForeground#DF6666fe
  • menu.separatorBackground#20204065
  • menubar.selectionBackground#3B4E51ab
  • menubar.selectionBorder#0E0C0B00
  • menubar.selectionForeground#B93C3Cfe
  • merge.border#0C0C11fe
  • merge.commonContentBackground#17171ffe
  • merge.commonHeaderBackground#17171ffe
  • merge.currentContentBackground#00290031
  • merge.currentHeaderBackground#0F2911fb
  • merge.incomingContentBackground#0F2810cb
  • merge.incomingHeaderBackground#0F2911fb
  • mergeEditor.change.background#17171ffe
  • mergeEditor.change.word.background#17171ffe
  • mergeEditor.changeBase.background#17171ffe
  • mergeEditor.changeBase.word.background#17171ffe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0C0C11fe
  • mergeEditor.conflict.handledUnfocused.border#1E1E2826
  • mergeEditor.conflict.input1.background#0C0C11fe
  • mergeEditor.conflict.input2.background#0C0C11fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067c4
  • mergeEditor.conflict.unhandledFocused.border#0C0C11fe
  • mergeEditor.conflict.unhandledUnfocused.border#1E1E2830
  • mergeEditor.conflictingLines.background#17171ffe
  • minimap.background#17171ffe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F5F5F7ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#81C985fb
  • minimapGutter.deletedBackground#FE9F9Ffb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#5B5B7Bfe
  • minimapSlider.background#37374Aae
  • minimapSlider.hoverBackground#5454716e
  • notebook.cellBorderColor#0C0C11fe
  • notebook.cellEditorBackground#17171ffe
  • notebook.cellHoverBackground#17171ffe
  • notebook.cellInsertionIndicator#D3D3DEca
  • notebook.cellStatusBarItemHoverBackground#17171ffe
  • notebook.cellToolbarSeparator#E2DDD8ca
  • notebook.editorBackground#17171ffe
  • notebook.focusedCellBackground#17171ffe
  • notebook.focusedCellBorder#C64141fe
  • notebook.focusedEditorBorder#0C0C11fe
  • notebook.inactiveFocusedCellBorder#6262848e
  • notebook.inactiveSelectedCellBorder#5757768e
  • notebook.outputContainerBackgroundColor#17171ffe
  • notebook.outputContainerBorderColor#0C0C11fe
  • notebook.selectedCellBackground#17171ffe
  • notebook.selectedCellBorder#0C0C11fe
  • notebook.symbolHighlightBackground#17171ffe
  • notebookEditorOverviewRuler.runningCellForeground#E8E8FEce
  • notebookScrollbarSlider.activeBackground#666689fe
  • notebookScrollbarSlider.background#3E3E54ae
  • notebookScrollbarSlider.hoverBackground#4949626e
  • notebookStatusErrorIcon.foreground#FF92FEce
  • notebookStatusRunningIcon.foreground#DDE5DFfe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0C0C11fe
  • notificationCenterHeader.background#17171ffe
  • notificationCenterHeader.foreground#E8E8FEce
  • notificationLink.foreground#E8E8FEce
  • notifications.background#17171ffe
  • notifications.border#0C0C11fe
  • notifications.foreground#E8E8FEce
  • notificationsErrorIcon.foreground#FF92FEce
  • notificationsInfoIcon.foreground#C2B4C7fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0C0C11fe
  • panel.background#17171ffe
  • panel.border#0C0C11fe
  • panel.dropBorder#0C0C11fe
  • panelInput.border#0C0C11fe
  • panelSection.border#0C0C11fe
  • panelSection.dropBackground#17171ffe
  • panelSectionHeader.background#17171ffe
  • panelSectionHeader.border#0C0C11fe
  • panelSectionHeader.foreground#E8E8FEce
  • panelTitle.activeBorder#0D0E0B00
  • panelTitle.activeForeground#EE8B8Bfe
  • panelTitle.inactiveForeground#A7A7BE65
  • peekView.border#F09292fe
  • peekViewEditor.background#0C0C11fe
  • peekViewEditor.matchHighlightBackground#455A5E84
  • peekViewEditor.matchHighlightBorder#0E0C0B00
  • peekViewEditorGutter.background#0C0C11fe
  • peekViewEditorStickyScroll.background#17171ffe
  • peekViewResult.background#0E0E13fe
  • peekViewResult.fileForeground#E8E8FEce
  • peekViewResult.lineForeground#E8E8FEce
  • peekViewResult.matchHighlightBackground#4C675389
  • peekViewResult.selectionBackground#4C64678b
  • peekViewResult.selectionForeground#D8DED3ca
  • peekViewTitle.background#0E0E13fe
  • peekViewTitleDescription.foreground#E8E8FEce
  • peekViewTitleLabel.foreground#E8E8FEce
  • pickerGroup.border#0C0C11fe
  • pickerGroup.foreground#E8E8FEce
  • ports.iconRunningProcessForeground#CED9DBfe
  • problemsErrorIcon.foreground#FF92FEce
  • problemsInfoIcon.foreground#C0ADFFce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#DF6666fe
  • profileBadge.foreground#0E0E13fe
  • progressBar.background#17171ffe
  • quickInput.background#0E0E13fe
  • quickInput.foreground#E1E1E9ae
  • quickInputList.focusBackground#515E45ae
  • quickInputList.focusForeground#D55555fe
  • quickInputList.focusIconForeground#DF6666fe
  • quickInputTitle.background#0C0C11fe
  • sash.hoverBorder#0C0C11fe
  • scrollbar.shadow#0D0E0B00
  • scrollbarSlider.activeBackground#575776fe
  • scrollbarSlider.background#333345ae
  • scrollbarSlider.hoverBackground#50506C6e
  • search.resultsInfoForeground#E8E8FEce
  • searchEditor.findMatchBackground#566249a1
  • searchEditor.findMatchBorder#0C0C11fe
  • searchEditor.textInputBorder#0C0C11fe
  • selection.background#17171ffe
  • settings.checkboxBackground#0C0C11fe
  • settings.checkboxBorder#0C0C11fe
  • settings.checkboxForeground#E8E8FEce
  • settings.dropdownBackground#0C0C11fe
  • settings.dropdownBorder#0C0C11fe
  • settings.dropdownForeground#E8E8FEce
  • settings.dropdownListBorder#0C0C11fe
  • settings.focusedRowBackground#455E4B88
  • settings.focusedRowBorder#0C0C11fe
  • settings.headerBorder#0C0C11fe
  • settings.headerForeground#E8E8FEce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0C0C11fe
  • settings.numberInputBorder#0C0C11fe
  • settings.numberInputForeground#E8E8FEce
  • settings.rowHoverBackground#17171ffe
  • settings.sashBorder#0C0C11fe
  • settings.settingsHeaderHoverForeground#B93C3Cfe
  • settings.textInputBackground#0C0C11fe
  • settings.textInputBorder#0C0C11fe
  • settings.textInputForeground#E8E8FEce
  • sideBar.background#17171ffe
  • sideBar.border#0C0C11fe
  • sideBar.dropBackground#17171ffe
  • sideBar.foreground#B8B8CBae
  • sideBarSectionHeader.background#0D0B0E00
  • sideBarSectionHeader.border#0C0C11fe
  • sideBarSectionHeader.foreground#E8E8FEce
  • sideBarTitle.foreground#E8E8FEce
  • sideBySideEditor.horizontalBorder#0C0C11fe
  • sideBySideEditor.verticalBorder#0C0C11fe
  • simpleFindWidget.sashBorder#0C0C11fe
  • statusBar.background#0E0E13fe
  • statusBar.border#0C0C11fe
  • statusBar.debuggingBackground#450045c8
  • statusBar.debuggingBorder#0C0C11fe
  • statusBar.debuggingForeground#E8E8FEce
  • statusBar.focusBorder#0B0E0C00
  • statusBar.foreground#B7B7C96e
  • statusBar.noFolderBackground#0E0E13fe
  • statusBar.noFolderBorder#0C0C11fe
  • statusBar.noFolderForeground#E8E8FEce
  • statusBarItem.activeBackground#0E0E13fe
  • statusBarItem.compactHoverBackground#0E0E13fe
  • statusBarItem.errorBackground#450045c9
  • statusBarItem.errorForeground#FF92FEce
  • statusBarItem.errorHoverBackground#450045b2
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0E0C0B00
  • statusBarItem.hoverBackground#0E0E13fe
  • statusBarItem.hoverForeground#B93C3Cfe
  • statusBarItem.offlineBackground#0E0E13fe
  • statusBarItem.offlineForeground#E8E8FEce
  • statusBarItem.offlineHoverBackground#0E0E13fe
  • statusBarItem.offlineHoverForeground#D15050fe
  • statusBarItem.prominentBackground#0E0E13fe
  • statusBarItem.prominentForeground#E8E8FEce
  • statusBarItem.prominentHoverBackground#0E0E13fe
  • statusBarItem.prominentHoverForeground#C23D3Dfe
  • statusBarItem.remoteBackground#D55555fe
  • statusBarItem.remoteForeground#0E0E13fe
  • statusBarItem.remoteHoverBackground#0E0E13fe
  • statusBarItem.remoteHoverForeground#D55555fe
  • statusBarItem.warningBackground#2A2300fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#2A2300fe
  • statusBarItem.warningHoverForeground#CDA900ce
  • symbolIcon.arrayForeground#C9C9D7fe
  • symbolIcon.booleanForeground#00CFCFce
  • symbolIcon.classForeground#B6C9BAfe
  • symbolIcon.colorForeground#D4DBCEfe
  • symbolIcon.constantForeground#BFC9B6fe
  • symbolIcon.constructorForeground#D7CEDBfe
  • symbolIcon.enumeratorForeground#E5DDDFfe
  • symbolIcon.enumeratorMemberForeground#DFD8E2fe
  • symbolIcon.eventForeground#B7B7CAfe
  • symbolIcon.fieldForeground#B1C2C5fe
  • symbolIcon.fileForeground#CCC3BBfe
  • symbolIcon.folderForeground#C8D0BFfe
  • symbolIcon.functionForeground#DFD8E2fe
  • symbolIcon.interfaceForeground#D3CCC4fe
  • symbolIcon.keyForeground#B6C9BAfe
  • symbolIcon.keywordForeground#D7D0C9fe
  • symbolIcon.methodForeground#D3D3DEfe
  • symbolIcon.moduleForeground#D3C9D7fe
  • symbolIcon.namespaceForeground#C4C4D3fe
  • symbolIcon.nullForeground#E3DDE5fe
  • symbolIcon.numberForeground#D7C9CDfe
  • symbolIcon.objectForeground#D8E2DAfe
  • symbolIcon.operatorForeground#C9C9D7fe
  • symbolIcon.packageForeground#BBCACCfe
  • symbolIcon.propertyForeground#E3DDE5fe
  • symbolIcon.referenceForeground#C9B6BAfe
  • symbolIcon.snippetForeground#DFD8E2fe
  • symbolIcon.stringForeground#D8DED3fe
  • symbolIcon.structForeground#D3C9D7fe
  • symbolIcon.textForeground#C4C4D3fe
  • symbolIcon.typeParameterForeground#C4D3C8fe
  • symbolIcon.unitForeground#D3DED6fe
  • symbolIcon.variableForeground#C9BFB6fe
  • tab.activeBackground#101015fe
  • tab.activeBorder#0D0E0B00
  • tab.activeBorderTop#FE8C8Cfe
  • tab.activeForeground#FD8D8Dfe
  • tab.activeModifiedBorder#292200ce
  • tab.border#0D0B0E00
  • tab.hoverBackground#A8BCC0a6
  • tab.hoverBorder#0C0C11fe
  • tab.hoverForeground#B93C3Cfe
  • tab.inactiveBackground#21212D9e
  • tab.inactiveForeground#ACACC165
  • tab.inactiveModifiedBorder#292200ce
  • tab.lastPinnedBorder#0C0C11fe
  • tab.unfocusedActiveBackground#1E1E2837
  • tab.unfocusedActiveBorder#0B0E0E00
  • tab.unfocusedActiveBorderTop#20204165
  • tab.unfocusedActiveForeground#ACACC165
  • tab.unfocusedActiveModifiedBorder#292200ce
  • tab.unfocusedHoverBackground#B9B9CB2e
  • tab.unfocusedHoverBorder#1E1E2823
  • tab.unfocusedHoverForeground#ACACC165
  • tab.unfocusedInactiveBackground#2828379c
  • tab.unfocusedInactiveForeground#9999B365
  • tab.unfocusedInactiveModifiedBorder#292200ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333b9
  • terminal.ansiBrightBlue#8e6affce
  • terminal.ansiBrightCyan#00a5a5ce
  • terminal.ansiBrightGreen#8acd8dcb
  • terminal.ansiBrightMagenta#b400b4ce
  • terminal.ansiBrightRed#ff6a6acb
  • terminal.ansiBrightWhite#f4f4f4be
  • terminal.ansiBrightYellow#ffd611ce
  • terminal.ansiCyan#008b8bfe
  • terminal.ansiGreen#39853dfb
  • terminal.ansiMagenta#670067c8
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececec2
  • terminal.ansiYellow#c4a200fe
  • terminal.background#17171ffe
  • terminal.border#0C0C11fe
  • terminal.dropBackground#17171ffe
  • terminal.findMatchBackground#17171ffe
  • terminal.findMatchBorder#0C0C11fe
  • terminal.findMatchHighlightBackground#17171ffe
  • terminal.findMatchHighlightBorder#0C0C11fe
  • terminal.foreground#B8B8CBae
  • terminal.hoverHighlightBackground#17171ffe
  • terminal.inactiveSelectionBackground#25253297
  • terminal.selectionBackground#5C444A83
  • terminal.selectionForeground#DBD4CEca
  • terminal.tab.activeBorder#FD8C8Cfe
  • terminalCommandDecoration.defaultBackground#A9BDBFa6
  • terminalCommandDecoration.errorBackground#FF9E9Ecb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#17171ffe
  • terminalCursor.foreground#C64141fe
  • terminalOverviewRuler.cursorForeground#E8E8FEce
  • terminalOverviewRuler.findMatchForeground#00CFCFce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0b6
  • testing.iconUnset#808080a2
  • testing.message.error.decorationForeground#E4ABABfe
  • testing.message.error.lineBackground#450045a8
  • testing.message.info.decorationForeground#EAA8A8fe
  • testing.message.info.lineBackground#000085fe
  • testing.peekBorder#0C0C11fe
  • testing.peekHeaderBackground#17171ffe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#17171ffe
  • textBlockQuote.border#0C0C11fe
  • textCodeBlock.background#17171ffe
  • textLink.activeForeground#CE4B4Bfe
  • textLink.foreground#C0ADFFce
  • textPreformat.foreground#E8E8FEce
  • textSeparator.foreground#E8E8FEce
  • titleBar.activeBackground#0E0E13fe
  • titleBar.activeForeground#A6A6F7ae
  • titleBar.border#0B0B0E00
  • titleBar.inactiveBackground#21212Dd3
  • titleBar.inactiveForeground#A2A2BA65
  • toolbar.activeBackground#2E21158b
  • toolbar.hoverBackground#17171ffe
  • toolbar.hoverOutline#0B0E0E00
  • tree.inactiveIndentGuidesStroke#A894AF35
  • tree.indentGuidesStroke#EBA7A7fe
  • tree.tableColumnsBorder#0C0C11fe
  • tree.tableOddRowsBackground#17171ffe
  • walkThrough.embeddedEditorBackground#17171ffe
  • walkthrough.stepTitle.foreground#E8E8FEce
  • welcomePage.background#17171ffe
  • welcomePage.progress.background#17171ffe
  • welcomePage.progress.foreground#E8E8FEce
  • welcomePage.tileBackground#17171ffe
  • welcomePage.tileBorder#0C0C11fe
  • welcomePage.tileHoverBackground#17171ffe
  • widget.border#0C0C11fe
  • widget.shadow#0D0B0E00
  • window.activeBorder#0C0C11fe
  • window.inactiveBorder#01015497

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#BBBBFB6e
comment.block.html#BCBCF96e
comment.block.java#BCBCFC6e
comment.block.javadoc.java#BCBCFC6e
comment.block.powershell#BCBCFA6e
comment.block.xml#BBBBFB6e
comment.line.double-slash.c#BCBCFA6e
comment.line.double-slash.cpp#BCBCFA6e
comment.line.double-slash.java#BBBBFB6e
comment.line.double-slash.js#BCBCF96e
comment.line.number-sign.makefile#BBBBFB6e
comment.line.number-sign.python#BBBBFB6e
comment.line.number-sign.yaml#BCBCFA6e
comment.line.percentage.erlang#BCBCF96e
comment.line.powershell#BCBCFA6e
comment.source.cmake#BCBCF96e
comment.source.cmakecache#BBBBFB6e
constant.character#AEAEAEde
constant.character.character-class.regexp#14DD78de
constant.character.escape#AB96EAde
constant.character.set.regexp#AEC0F7de
constant.language#FEA8D3de
constant.numeric#C1C1C1de
constant.numeric.dec.python#EE8BBDde
constant.other.caps.python#ABC0FEde
constant.other.character-class.regexp#AB95EDde
constant.other.character-class.set.regexp#15DE7Bde
constant.other.color.rgb-value#FEA7D2de
constant.other.placeholder#F4A0A0de
constant.other.rgb-value#FEA1D1de
constant.regexp#15DE7Bde
constant.sha.git-rebase#14DD78de
emphasis#E882B5de
entity.name.class#15DF15de
entity.name.function#16DF16de
entity.name.function.preprocessor#15DE7Bde
entity.name.function.python#AEAEAEde
entity.name.label#B2B2B2de
entity.name.namespace#F299C5de
entity.name.operator#AB96EAde
entity.name.operator.custom-literal#87A0EBde
entity.name.scope-resolution#B7B7B7de
entity.name.tag#E88888de
entity.name.tag.css#0EDE76de
entity.name.type#ABC0FEde
entity.name.variable#B7B7B7de
entity.other.attribute#FEA1D1de
entity.other.attribute-name#AB96EAde
entity.other.attribute-name.class.css#EB8787de
entity.other.attribute-name.class.mixin.css#12E012de
entity.other.attribute-name.id#AC95EFde
entity.other.attribute-name.id.css#15E015de
entity.other.attribute-name.parent-selector.css#F7AEAEde
entity.other.attribute-name.pseudo-class.css#FEABABde
entity.other.attribute-name.pseudo-element.css#E78989de
entity.other.attribute-name.scss#15E015de
entity.other.document.begin.yaml#BCBCFA6e
entity.other.inherited-class#AB96EAde
header#F4A0A0de
invalid#8AA1E8de
keyword#88A0ECde
keyword.codetag.notation.python#A5A5A5de
keyword.control#88A0E9de
keyword.control.anchor.regexp#FEA8D3de
keyword.control.import.python#BBBBBBde
keyword.operator#0EDE76de
keyword.operator.alignas#13DF13de
keyword.operator.alignof#C1C1C1de
keyword.operator.cast#0FDD76de
keyword.operator.delete#AC97ECde
keyword.operator.documentation.powershell#BBBBFB6e
keyword.operator.expression#A3A3A3de
keyword.operator.instanceof#F299C5de
keyword.operator.logical.python#C6B5F9de
keyword.operator.minus.exponent#C1C1C1de
keyword.operator.negation.regexp#15DF15de
keyword.operator.new#12E012de
keyword.operator.noexcept#A7BAF6de
keyword.operator.or.regexp#0CDD74de
keyword.operator.plus.exponent#E78989de
keyword.operator.quantifier.regexp#8BA4EEde
keyword.operator.sizeof#FEA8D3de
keyword.operator.typeid#A0B5F4de
keyword.operator.wordlike#88A0E9de
keyword.other.operator#C1C1C1de
keyword.other.package.java#F4A0A0de
keyword.other.unit#92A9F0de
keyword.other.using#EE8B8Bde
markup.bold#EC8585de
markup.changed#15DD79de
markup.deleted#89A1E8de
markup.fenced_code.block.markdown#0CDF0Cde
markup.heading#C1C1C1de
markup.inline.raw#FEABABde
markup.inserted#EE8B8Bde
markup.italic#E88888de
markup.raw.block.markdown#A5A5A5de
markup.strikethrough#C1C1C1de
markup.underline#E683B5de
meta.block.c#AF99F2de
meta.block.c#A7BAF6de
meta.class.java#A9A9A9de
meta.definition.variable.name#AABFFEde
meta.diff.header#FEA6D1de
meta.embedded#15DE7Ade
meta.embedded.assembly#FEABABde
meta.function-call.arguments.python#F6A7CEde
meta.function-call.python#EE8B8Bde
meta.member.access.python#89A1E8de
meta.method.java#C0C0C0de
meta.object-literal.key#F7AEAEde
meta.paragraph.markdown#C1C1C1de
meta.preprocessor#15DF15de
meta.preprocessor.numeric#C0C0C0de
meta.preprocessor.string#13DF13de
meta.scope.prerequisites.makefile#12E012de
meta.structure.dictionary.json.comments#BCBCFC6e
meta.structure.dictionary.key.python#F6A7CEde
meta.structure.dictionary.value.json.comments#BCBCF96e
meta.template.expression#E882B5de
meta.type.cast.expr#C6B5F9de
meta.type.new.expr#AB96EAde
parameter#C6B3FEde
punctuation.character.set.begin.regexp#AB96EAde
punctuation.character.set.end.regexp#92A9F0de
punctuation.definition.array.begin.json#FEAAAAde
punctuation.definition.character-class.regexp#FEA1D1de
punctuation.definition.comment#BBBBFB6e
punctuation.definition.comment.json.comments#BCBCFA6e
punctuation.definition.comment.python#BCBCF96e
punctuation.definition.dictionary.begin.json#AEAEAEde
punctuation.definition.dictionary.end.json#FEABABde
punctuation.definition.group.assertion.regexp#E782B5de
punctuation.definition.group.regexp#15E015de
punctuation.definition.list.begin.json#12DE77de
punctuation.definition.list.begin.markdown#16DD78de
punctuation.definition.list.begin.python#0FDF0Fde
punctuation.definition.list.end.json#BBBBBBde
punctuation.definition.list.end.markdown#AEC0F7de
punctuation.definition.list.end.python#8BA4EEde
punctuation.definition.parameters.begin.python#FEABABde
punctuation.definition.parameters.end.bracket.round.java#C6B3FEde
punctuation.definition.quote.begin.markdown#FEA6D1de
punctuation.definition.tag#C1C1C1de
punctuation.definition.template-expression.begin#C1C1C1de
punctuation.definition.template-expression.end#A7BAF6de
punctuation.section.class.begin.bracket.curly.java#AB95F0de
punctuation.section.embedded#0FDD74de
punctuation.section.embedded.begin.php#12E012de
punctuation.section.embedded.end.php#0FDD76de
punctuation.terminator.java#EE8BBDde
source.cmake#0FE00Fde
source.coffee.embedded#ABC0FEde
source.cpp#0CDD74de
source.css.less#B7B7B7de
source.groovy.embedded#BAA7F6de
source.java#15DF15de
source.java-properties#C0AEF7de
source.json.comments#BCBCF96e
source.makefile#C1C1C1de
source.powershell#15E015de
source.powershell.variable.other.member#E782B5de
source.python#E782B5de
storage#C0C0C0de
storage.modifier#8BA4EEde
storage.modifier.import.java#C0AEF7de
storage.modifier.package.java#F7AEAEde
storage.type#F6A7A7de
storage.type.annotation.groovy#0FE00Fde
storage.type.annotation.java#E78989de
storage.type.boolean.go#C0C0C0de
storage.type.byte.go#15DE7Bde
storage.type.cs#E98888de
storage.type.error.go#FEA8D3de
storage.type.generic.cs#C6B5F9de
storage.type.generic.groovy#A0B5F4de
storage.type.generic.java#E782B5de
storage.type.groovy#A0B5F4de
storage.type.java#E98888de
storage.type.modifier.cs#0CDF0Cde
storage.type.numeric.go#EC85B8de
storage.type.object.array.groovy#88A0ECde
storage.type.object.array.java#C1C1C1de
storage.type.parameters.groovy#FEA7D2de
storage.type.primitive.array.groovy#16DE79de
storage.type.primitive.array.java#F09292de
storage.type.primitive.groovy#FEABABde
storage.type.primitive.java#FEA1D1de
storage.type.rune.go#12E012de
storage.type.string.go#0EE00Ede
storage.type.token.java#8AA1E8de
storage.type.uintptr.go#16DF16de
storage.type.variable.cs#EE8B8Bde
string#15DD79de
string.quoted.docstring.multi.python#BCBCF96e
string.regexp#EC85B8de
string.tag#16DF16de
string.value#C6B3FEde
strong#F299C5de
support.class#C1C1C1de
support.constant.color#89A1E8de
support.constant.dom#C1C1C1de
support.constant.font-name#B2B2B2de
support.constant.handlebars#F4A0A0de
support.constant.json#A5A5A5de
support.constant.math#FEA8D3de
support.constant.media#E683B5de
support.constant.media-type#F29999de
support.constant.property-value#C8B7FEde
support.function#89A1E8de
support.function.git-rebase#AB96EAde
support.other.parenthesis.regexp#92A9F0de
support.type#AC95EFde
support.type.property-name#15DF15de
support.type.vendored.property-name#FEA1D1de
support.variable#E782B5de
token.debug-token#F6A7CEde
token.error-token#15DF15de
token.info-token#16DF16de
token.warn-token#EE8BBDde
variable#C9B8FEde
variable.css#EC8585de
variable.language#15DD78de
variable.language.wildcard.java#14DD78de
variable.other.constant#EC85B8de
variable.other.definition.java#92A9F0de
variable.other.enummember#FEABABde
variable.other.less#A5A5A5de
variable.other.object.java#15DF15de
variable.other.object.property.java#F299C5de
variable.parameter.c#16DD78de
variable.parameter.function.language.python#E882B5de
variable.parameter.java#16DD78de
variable.scss#FEA8D3de