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#171d1dfe
  • activityBar.activeBackground#171d1dfe
  • activityBar.activeBorder#FE9393fe
  • activityBar.activeFocusBorder#636B5B00
  • activityBar.background#0E1212fe
  • activityBar.border#6F667800
  • activityBar.dropBorder#FE9393fe
  • activityBar.foreground#F09999fe
  • activityBar.inactiveForeground#A0B3B365
  • activityBarBadge.background#B54747fe
  • activityBarBadge.foreground#0E1212fe
  • badge.background#DA6D6Dfe
  • badge.foreground#0E1212fe
  • banner.background#171d1dfe
  • banner.foreground#C5FAFAce
  • banner.iconForeground#D9E0E0fe
  • breadcrumb.activeSelectionForeground#D5CECAca
  • breadcrumb.background#101414fe
  • breadcrumb.focusForeground#D76868fe
  • breadcrumb.foreground#E7ECECae
  • breadcrumbPicker.background#171d1dfe
  • button.background#354242ae
  • button.border#0B0D0D00
  • button.foreground#C5FAFAce
  • button.hoverBackground#475A5A6e
  • button.secondaryBackground#171d1dfe
  • button.secondaryForeground#C5FAFAce
  • button.secondaryHoverBackground#171d1dfe
  • button.separator#0B0D0D00
  • charts.blue#1b1bfffe
  • charts.foreground#C5FAFAce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067cb
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0C1010fe
  • chat.slashCommandBackground#171d1dfe
  • chat.slashCommandForeground#C5FAFAce
  • checkbox.background#0C1010fe
  • checkbox.border#0C1010fe
  • checkbox.foreground#C5FAFAce
  • checkbox.selectBackground#0C1010fe
  • checkbox.selectBorder#0C1010fe
  • commandCenter.activeBackground#2532258b
  • commandCenter.activeBorder#0C1010fe
  • commandCenter.activeForeground#BB4A4Afe
  • commandCenter.background#171d1dfe
  • commandCenter.border#0C1010fe
  • commandCenter.foreground#C5FAFAce
  • commandCenter.inactiveBorder#0F343498
  • commandCenter.inactiveForeground#40C3C365
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0B0D0B00
  • contrastBorder#0C0D0B00
  • debugConsole.errorForeground#FF98FFce
  • debugConsole.infoForeground#C5FAFAce
  • debugConsole.sourceForeground#C5FAFAce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#E4DDE0fe
  • debugExceptionWidget.background#590059aa
  • debugExceptionWidget.border#0C1010fe
  • debugIcon.breakpointCurrentStackframeForeground#BDC2B3fe
  • debugIcon.breakpointDisabledForeground#AFC0C065
  • debugIcon.breakpointForeground#C9CEC1fe
  • debugIcon.breakpointStackframeForeground#B8C6C6fe
  • debugIcon.breakpointUnverifiedForeground#C6D1C6fe
  • debugIcon.continueForeground#D9D2CFfe
  • debugIcon.disconnectForeground#BCCABCfe
  • debugIcon.pauseForeground#CAC1BCfe
  • debugIcon.restartForeground#C6D1D1fe
  • debugIcon.startForeground#C1CEC1fe
  • debugIcon.stepBackForeground#D6D9CFfe
  • debugIcon.stepIntoForeground#C3BAC8fe
  • debugIcon.stepOutForeground#CAD5CAfe
  • debugIcon.stepOverForeground#D2CAD5fe
  • debugIcon.stopForeground#C6D1D1fe
  • debugTokenExpression.boolean#CACAD5ca
  • debugTokenExpression.error#E4DDE0ca
  • debugTokenExpression.name#D6D9CFca
  • debugTokenExpression.number#DDE4DDca
  • debugTokenExpression.value#E0D9DBca
  • debugToolBar.background#590059af
  • debugToolBar.border#0C1010fe
  • debugView.exceptionLabelBackground#2B2B51ca
  • debugView.exceptionLabelForeground#D2CAD5ca
  • debugView.stateLabelBackground#3B2B23ca
  • debugView.stateLabelForeground#D4DDDDca
  • debugView.valueChangedHighlight#D4DDDDca
  • descriptionForeground#C5FAFAce
  • diffEditor.border#0D0C0B00
  • diffEditor.diagonalFill#000000fe
  • diffEditor.insertedLineBackground#00380031
  • diffEditor.insertedTextBackground#113613fb
  • diffEditor.insertedTextBorder#0D0C0B00
  • diffEditor.move.border#0D0C0B00
  • diffEditor.moveActive.border#0C0B0D00
  • diffEditor.removedLineBackground#66000031
  • diffEditor.removedTextBackground#650000fb
  • diffEditor.removedTextBorder#0B0D0B00
  • diffEditor.unchangedCodeBackground#171d1dfe
  • diffEditor.unchangedRegionBackground#171d1dfe
  • diffEditor.unchangedRegionForeground#C5FAFAce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#AFC0C065
  • dropdown.background#0C1010fe
  • dropdown.border#0C1010fe
  • dropdown.foreground#C5FAFAce
  • dropdown.listBackground#0C1010fe
  • editor.background#171d1dfe
  • editor.findMatchBackground#574B45ae
  • editor.findMatchBorder#0C1010fe
  • editor.findMatchHighlightBackground#55485Cae
  • editor.findMatchHighlightBorder#0C1010fe
  • editor.findRangeHighlightBackground#445555a9
  • editor.findRangeHighlightBorder#0C1010fe
  • editor.focusedStackFrameHighlightBackground#4C4C5F86
  • editor.foldBackground#B0C1C1a3
  • editor.foreground#C5FAFAce
  • editor.hoverHighlightBackground#65566Dac
  • editor.inactiveSelectionBackground#3F505099
  • editor.inlineValuesBackground#171d1dfe
  • editor.inlineValuesForeground#C5FAFAce
  • editor.lineHighlightBackground#293434b3
  • editor.lineHighlightBorder#0B0D0D00
  • editor.linkedEditingBackground#171d1dfe
  • editor.rangeHighlightBackground#536868a8
  • editor.rangeHighlightBorder#0C1010fe
  • editor.selectionBackground#405140ae
  • editor.selectionForeground#D4DDDDca
  • editor.selectionHighlightBackground#574B4587
  • editor.selectionHighlightBorder#0C1010fe
  • editor.snippetFinalTabstopHighlightBackground#6D5E56a5
  • editor.snippetFinalTabstopHighlightBorder#0C1010fe
  • editor.snippetTabstopHighlightBackground#5B484Fa6
  • editor.snippetTabstopHighlightBorder#0C1010fe
  • editor.stackFrameHighlightBackground#68535Aac
  • editor.symbolHighlightBackground#3F5050a7
  • editor.symbolHighlightBorder#0C1010fe
  • editor.wordHighlightBackground#616853ae
  • editor.wordHighlightBorder#0B0B0D00
  • editor.wordHighlightStrongBackground#656D56ac
  • editor.wordHighlightStrongBorder#0B0B0D00
  • editor.wordHighlightTextBackground#584B5Fa1
  • editor.wordHighlightTextBorder#0D0B0C00
  • editorBracketHighlight.foreground1#F5F7F7ce
  • editorBracketHighlight.foreground2#F5F7F7ce
  • editorBracketHighlight.foreground3#F5F7F7ce
  • editorBracketHighlight.foreground4#F5F7F7ce
  • editorBracketHighlight.foreground5#F5F7F7ce
  • editorBracketHighlight.foreground6#F5F7F7ce
  • editorBracketHighlight.unexpectedBracket.foreground#C5FAFAce
  • editorBracketMatch.background#C3B9C8ac
  • editorBracketMatch.border#0C1010fe
  • editorBracketPairGuide.activeBackground1#B0C1B08e
  • editorBracketPairGuide.activeBackground2#B1C1B182
  • editorBracketPairGuide.activeBackground3#BABFAF8a
  • editorBracketPairGuide.activeBackground4#B1C1B189
  • editorBracketPairGuide.activeBackground5#BABFAE84
  • editorBracketPairGuide.activeBackground6#C5BBB686
  • editorBracketPairGuide.background1#3A2A22fe
  • editorBracketPairGuide.background2#332B38fe
  • editorBracketPairGuide.background3#1E3131fe
  • editorBracketPairGuide.background4#1F3030fe
  • editorBracketPairGuide.background5#2A2F1Efe
  • editorBracketPairGuide.background6#3B2B24fe
  • editorCodeLens.foreground#B0C0C06e
  • editorCommentsWidget.rangeActiveBackground#AFC0C0fe
  • editorCommentsWidget.rangeBackground#171d1dfe
  • editorCommentsWidget.resolvedBorder#0C1010fe
  • editorCommentsWidget.unresolvedBorder#640000cb
  • editorCursor.background#171d1dfe
  • editorCursor.foreground#BF4E4Efe
  • editorError.background#0C0D0B00
  • editorError.border#0D0B0C00
  • editorError.foreground#FF98FFce
  • editorGhostText.background#171d1dfe
  • editorGhostText.border#0B0D0B00
  • editorGhostText.foreground#B0C0C06e
  • editorGroup.border#0C1010fe
  • editorGroup.dropBackground#171d1dfe
  • editorGroup.dropIntoPromptBackground#171d1dfe
  • editorGroup.dropIntoPromptBorder#0C1010fe
  • editorGroup.dropIntoPromptForeground#C5FAFAce
  • editorGroup.emptyBackground#171d1dfe
  • editorGroup.focusedEmptyBorder#0C1010fe
  • editorGroupHeader.border#0B0B0D00
  • editorGroupHeader.noTabsBackground#0E1212ae
  • editorGroupHeader.tabsBackground#161C1Ca1
  • editorGroupHeader.tabsBorder#0D0C0B00
  • editorGutter.addedBackground#8ACD8Efb
  • editorGutter.background#171d1dfe
  • editorGutter.commentGlyphForeground#C5FAFAce
  • editorGutter.commentRangeForeground#C5FAFAce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FFA5A5cb
  • editorGutter.foldingControlForeground#C5FAFAce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0D0C0B00
  • editorHint.foreground#C4B1FFce
  • editorHoverWidget.background#0C1010fe
  • editorHoverWidget.border#0C1010fe
  • editorHoverWidget.foreground#C5FAFAce
  • editorHoverWidget.highlightForeground#CFCFD9ca
  • editorHoverWidget.statusBarBackground#171d1dfe
  • editorIndentGuide.activeBackground1#FD9393fe
  • editorIndentGuide.activeBackground2#F09999fe
  • editorIndentGuide.activeBackground3#FE9393fe
  • editorIndentGuide.activeBackground4#EB8D8Dfe
  • editorIndentGuide.activeBackground5#FE9393fe
  • editorIndentGuide.activeBackground6#FE8F8Ffe
  • editorIndentGuide.background1#84849D35
  • editorIndentGuide.background2#A1908835
  • editorIndentGuide.background3#A192A835
  • editorIndentGuide.background4#A0A0B335
  • editorIndentGuide.background5#9988A135
  • editorIndentGuide.background6#A5AC9635
  • editorInfo.background#0B0B0D00
  • editorInfo.border#0B0D0D00
  • editorInfo.foreground#C4B1FFce
  • editorInlayHint.background#171d1dfe
  • editorInlayHint.foreground#C5FAFAce
  • editorInlayHint.parameterBackground#171d1dfe
  • editorInlayHint.parameterForeground#C5FAFAce
  • editorInlayHint.typeBackground#171d1dfe
  • editorInlayHint.typeForeground#C5FAFAce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#BB4A4Afe
  • editorLineNumber.dimmedForeground#B0C0C06e
  • editorLineNumber.foreground#AFC0C06e
  • editorLink.activeForeground#CF5F5Ffe
  • editorMarkerNavigation.background#0C1010fe
  • editorMarkerNavigationError.background#590059b5
  • editorMarkerNavigationError.headerBackground#590059a0
  • editorMarkerNavigationInfo.background#0000A7fe
  • editorMarkerNavigationInfo.headerBackground#0000A7fe
  • editorMarkerNavigationWarning.background#382E00fe
  • editorMarkerNavigationWarning.headerBackground#382E00fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#171d1dfe
  • editorOverviewRuler.border#1D3232fe
  • editorOverviewRuler.bracketMatchForeground#C5FAFAce
  • editorOverviewRuler.commentForeground#B0C0C06e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#C5FAFAce
  • editorOverviewRuler.currentContentForeground#cececea6
  • editorOverviewRuler.deletedForeground#FFA5A5cb
  • editorOverviewRuler.errorForeground#FF98FFce
  • editorOverviewRuler.findMatchForeground#00D3D3ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C4B1FFce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#D9E0E0ca
  • editorOverviewRuler.selectionHighlightForeground#C4B1FFce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#D4DDD4ca
  • editorOverviewRuler.wordHighlightStrongForeground#C5FAFAce
  • editorOverviewRuler.wordHighlightTextForeground#C5FAFAce
  • editorPane.background#171d1dfe
  • editorRuler.foreground#AFC0C03d
  • editorStickyScroll.background#171d1dfe
  • editorStickyScrollHover.background#1A33336e
  • editorSuggestWidget.background#0C1010fe
  • editorSuggestWidget.border#0D0B0C00
  • editorSuggestWidget.focusHighlightForeground#CF73FDfe
  • editorSuggestWidget.foreground#C3BAC8fe
  • editorSuggestWidget.highlightForeground#CFD9CFca
  • editorSuggestWidget.selectedBackground#55485B81
  • editorSuggestWidget.selectedForeground#CAD5D5ca
  • editorSuggestWidget.selectedIconForeground#D9D9E0ca
  • editorSuggestWidgetStatus.foreground#D6CFD9fe
  • editorUnicodeHighlight.background#536853ab
  • editorUnicodeHighlight.border#0C1010fe
  • editorUnnecessaryCode.border#362D00ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0D0B0C00
  • editorWarning.border#0D0B0C00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#C5FAFAce
  • editorWidget.background#0C1010fe
  • editorWidget.border#0C1010fe
  • editorWidget.foreground#C5FAFAce
  • editorWidget.resizeBorder#0C1010fe
  • errorForeground#FF98FFce
  • extensionBadge.remoteBackground#C35252fe
  • extensionBadge.remoteForeground#0E1212fe
  • extensionButton.background#213232ae
  • extensionButton.foreground#C5FAFAce
  • extensionButton.hoverBackground#1B33336e
  • extensionButton.prominentBackground#171d1dfe
  • extensionButton.prominentForeground#C5FAFAce
  • extensionButton.prominentHoverBackground#171d1dfe
  • extensionButton.separator#0B0B0D00
  • extensionIcon.preReleaseForeground#D5CECAfe
  • extensionIcon.sponsorForeground#C2BAC7fe
  • extensionIcon.starForeground#E2DDE4fe
  • extensionIcon.verifiedForeground#CEC6D1fe
  • focusBorder#0B0B0D00
  • foreground#C5FAFAce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FFA5A5cb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C4B1FFce
  • gitDecoration.stageDeletedResourceForeground#FFA5A5cb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00D3D3ce
  • icon.foreground#B0C1C1ae
  • inlineChat.background#203131ca
  • inlineChat.border#2A2A4Fca
  • inlineChat.regionHighlight#D9D9E0ca
  • inlineChat.shadow#E4DDE0ca
  • inlineChatDiff.inserted#D4DDD4ca
  • inlineChatDiff.removed#DEE0D9ca
  • inlineChatInput.background#D4D4DDca
  • inlineChatInput.border#442631ca
  • inlineChatInput.focusBorder#0B0D0D00
  • inlineChatInput.placeholderForeground#DAD4DDca
  • input.background#0C1010fe
  • input.border#0C1010fe
  • input.foreground#C5FAFAce
  • input.placeholderForeground#AFC0C065
  • inputOption.activeBackground#0C1010fe
  • inputOption.activeBorder#0C1010fe
  • inputOption.activeForeground#D36363fe
  • inputOption.hoverBackground#0C1010fe
  • inputValidation.errorBackground#670067a0
  • inputValidation.errorBorder#590059b6
  • inputValidation.errorForeground#FF98FFce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0C1010fe
  • inputValidation.infoForeground#C5FAFAce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0C1010fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0C1010fe
  • interactive.inactiveCodeBorder#1533339c
  • keybindingLabel.background#171d1dfe
  • keybindingLabel.border#0C1010fe
  • keybindingLabel.bottomBorder#0C1010fe
  • keybindingLabel.foreground#C5FAFAce
  • keybindingTable.headerBackground#171d1dfe
  • keybindingTable.rowsBackground#171d1dfe
  • list.activeSelectionBackground#6D565E89
  • list.activeSelectionForeground#E0DBD9ca
  • list.activeSelectionIconForeground#CFD9CFca
  • list.deemphasizedForeground#C5FAFAce
  • list.dropBackground#171d1dfe
  • list.errorForeground#FF98FFce
  • list.filterMatchBackground#171d1dfe
  • list.filterMatchBorder#0C1010fe
  • list.focusAndSelectionOutline#0C0D0B00
  • list.focusBackground#3F505096
  • list.focusForeground#DA6D6Dfe
  • list.focusHighlightForeground#EB9F73fe
  • list.focusOutline#0B0D0D00
  • list.highlightForeground#D5CACEca
  • list.hoverBackground#153615a6
  • list.hoverForeground#BF4E4Efe
  • list.inactiveFocusBackground#313E3E92
  • list.inactiveFocusOutline#0B0D0B00
  • list.inactiveSelectionBackground#0E1212ae
  • list.inactiveSelectionForeground#B0C0C065
  • list.inactiveSelectionIconForeground#AFC0C065
  • list.invalidItemForeground#C5FAFAce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#171d1dfe
  • listFilterWidget.noMatchesOutline#0D0C0B00
  • listFilterWidget.outline#0C0B0D00
  • listFilterWidget.shadow#0C0D0B00
  • menu.background#0E1212fe
  • menu.border#0C0D0B00
  • menu.foreground#C3FAFAae
  • menu.selectionBackground#405140a5
  • menu.selectionBorder#0B0D0B00
  • menu.selectionForeground#CC5A5Afe
  • menu.separatorBackground#26313165
  • menubar.selectionBackground#405140a2
  • menubar.selectionBorder#0B0B0D00
  • menubar.selectionForeground#B54747fe
  • merge.border#0C1010fe
  • merge.commonContentBackground#171d1dfe
  • merge.commonHeaderBackground#171d1dfe
  • merge.currentContentBackground#00380031
  • merge.currentHeaderBackground#113613fb
  • merge.incomingContentBackground#123514cb
  • merge.incomingHeaderBackground#113613fb
  • mergeEditor.change.background#171d1dfe
  • mergeEditor.change.word.background#171d1dfe
  • mergeEditor.changeBase.background#171d1dfe
  • mergeEditor.changeBase.word.background#171d1dfe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0C1010fe
  • mergeEditor.conflict.handledUnfocused.border#1A212131
  • mergeEditor.conflict.input1.background#0C1010fe
  • mergeEditor.conflict.input2.background#0C1010fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067ab
  • mergeEditor.conflict.unhandledFocused.border#0C1010fe
  • mergeEditor.conflict.unhandledUnfocused.border#1A212127
  • mergeEditor.conflictingLines.background#171d1dfe
  • minimap.background#171d1dfe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F5F7F7ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#8ACD8Efb
  • minimapGutter.deletedBackground#FFA5A5fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#5E7676fe
  • minimapSlider.background#445555ae
  • minimapSlider.hoverBackground#4B5F5F6e
  • notebook.cellBorderColor#0C1010fe
  • notebook.cellEditorBackground#171d1dfe
  • notebook.cellHoverBackground#171d1dfe
  • notebook.cellInsertionIndicator#D5CECAca
  • notebook.cellStatusBarItemHoverBackground#171d1dfe
  • notebook.cellToolbarSeparator#CACAD5ca
  • notebook.editorBackground#171d1dfe
  • notebook.focusedCellBackground#171d1dfe
  • notebook.focusedCellBorder#C85656fe
  • notebook.focusedEditorBorder#0C1010fe
  • notebook.inactiveFocusedCellBorder#5E76768e
  • notebook.inactiveSelectedCellBorder#5A72728e
  • notebook.outputContainerBackgroundColor#171d1dfe
  • notebook.outputContainerBorderColor#0C1010fe
  • notebook.selectedCellBackground#171d1dfe
  • notebook.selectedCellBorder#0C1010fe
  • notebook.symbolHighlightBackground#171d1dfe
  • notebookEditorOverviewRuler.runningCellForeground#C5FAFAce
  • notebookScrollbarSlider.activeBackground#658080fe
  • notebookScrollbarSlider.background#405151ae
  • notebookScrollbarSlider.hoverBackground#566D6D6e
  • notebookStatusErrorIcon.foreground#FF98FFce
  • notebookStatusRunningIcon.foreground#B3C2B3fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0C1010fe
  • notificationCenterHeader.background#171d1dfe
  • notificationCenterHeader.foreground#C5FAFAce
  • notificationLink.foreground#C5FAFAce
  • notifications.background#171d1dfe
  • notifications.border#0C1010fe
  • notifications.foreground#C5FAFAce
  • notificationsErrorIcon.foreground#FF98FFce
  • notificationsInfoIcon.foreground#DDDDE4fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0C1010fe
  • panel.background#171d1dfe
  • panel.border#0C1010fe
  • panel.dropBorder#0C1010fe
  • panelInput.border#0C1010fe
  • panelSection.border#0C1010fe
  • panelSection.dropBackground#171d1dfe
  • panelSectionHeader.background#171d1dfe
  • panelSectionHeader.border#0C1010fe
  • panelSectionHeader.foreground#C5FAFAce
  • panelTitle.activeBorder#0B0B0D00
  • panelTitle.activeForeground#FD9292fe
  • panelTitle.inactiveForeground#44C1C165
  • peekView.border#FE9393fe
  • peekViewEditor.background#0C1010fe
  • peekViewEditor.matchHighlightBackground#55495A81
  • peekViewEditor.matchHighlightBorder#0C0D0B00
  • peekViewEditorGutter.background#0C1010fe
  • peekViewEditorStickyScroll.background#171d1dfe
  • peekViewResult.background#0E1212fe
  • peekViewResult.fileForeground#C5FAFAce
  • peekViewResult.lineForeground#C5FAFAce
  • peekViewResult.matchHighlightBackground#4C4C5F84
  • peekViewResult.selectionBackground#65566D81
  • peekViewResult.selectionForeground#CAD5CAca
  • peekViewTitle.background#0E1212fe
  • peekViewTitleDescription.foreground#C5FAFAce
  • peekViewTitleLabel.foreground#C5FAFAce
  • pickerGroup.border#0C1010fe
  • pickerGroup.foreground#C5FAFAce
  • ports.iconRunningProcessForeground#DEE0D9fe
  • problemsErrorIcon.foreground#FF98FFce
  • problemsInfoIcon.foreground#C4B1FFce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#C85656fe
  • profileBadge.foreground#0E1212fe
  • progressBar.background#171d1dfe
  • quickInput.background#0E1212fe
  • quickInput.foreground#C3FAFAae
  • quickInputList.focusBackground#536853ac
  • quickInputList.focusForeground#B54747fe
  • quickInputList.focusIconForeground#C85656fe
  • quickInputTitle.background#0C1010fe
  • sash.hoverBorder#0C1010fe
  • scrollbar.shadow#0B0D0B00
  • scrollbarSlider.activeBackground#698585fe
  • scrollbarSlider.background#354242ae
  • scrollbarSlider.hoverBackground#566D6D6e
  • search.resultsInfoForeground#C5FAFAce
  • searchEditor.findMatchBackground#405140a6
  • searchEditor.findMatchBorder#0C1010fe
  • searchEditor.textInputBorder#0C1010fe
  • selection.background#171d1dfe
  • settings.checkboxBackground#0C1010fe
  • settings.checkboxBorder#0C1010fe
  • settings.checkboxForeground#C5FAFAce
  • settings.dropdownBackground#0C1010fe
  • settings.dropdownBorder#0C1010fe
  • settings.dropdownForeground#C5FAFAce
  • settings.dropdownListBorder#0C1010fe
  • settings.focusedRowBackground#634F5681
  • settings.focusedRowBorder#0C1010fe
  • settings.headerBorder#0C1010fe
  • settings.headerForeground#C5FAFAce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0C1010fe
  • settings.numberInputBorder#0C1010fe
  • settings.numberInputForeground#C5FAFAce
  • settings.rowHoverBackground#171d1dfe
  • settings.sashBorder#0C1010fe
  • settings.settingsHeaderHoverForeground#DA6D6Dfe
  • settings.textInputBackground#0C1010fe
  • settings.textInputBorder#0C1010fe
  • settings.textInputForeground#C5FAFAce
  • sideBar.background#171d1dfe
  • sideBar.border#0C1010fe
  • sideBar.dropBackground#171d1dfe
  • sideBar.foreground#B0C1C1ae
  • sideBarSectionHeader.background#0C0B0D00
  • sideBarSectionHeader.border#0C1010fe
  • sideBarSectionHeader.foreground#C5FAFAce
  • sideBarTitle.foreground#C5FAFAce
  • sideBySideEditor.horizontalBorder#0C1010fe
  • sideBySideEditor.verticalBorder#0C1010fe
  • simpleFindWidget.sashBorder#0C1010fe
  • statusBar.background#0E1212fe
  • statusBar.border#0C1010fe
  • statusBar.debuggingBackground#590059a0
  • statusBar.debuggingBorder#0C1010fe
  • statusBar.debuggingForeground#C5FAFAce
  • statusBar.focusBorder#0C0D0B00
  • statusBar.foreground#B0C0C06e
  • statusBar.noFolderBackground#0E1212fe
  • statusBar.noFolderBorder#0C1010fe
  • statusBar.noFolderForeground#C5FAFAce
  • statusBarItem.activeBackground#0E1212fe
  • statusBarItem.compactHoverBackground#0E1212fe
  • statusBarItem.errorBackground#590059c0
  • statusBarItem.errorForeground#FF98FFce
  • statusBarItem.errorHoverBackground#5900599a
  • statusBarItem.errorHoverForeground#B700B7ce
  • statusBarItem.focusBorder#0B0D0D00
  • statusBarItem.hoverBackground#0E1212fe
  • statusBarItem.hoverForeground#BB4A4Afe
  • statusBarItem.offlineBackground#0E1212fe
  • statusBarItem.offlineForeground#C5FAFAce
  • statusBarItem.offlineHoverBackground#0E1212fe
  • statusBarItem.offlineHoverForeground#CC5A5Afe
  • statusBarItem.prominentBackground#0E1212fe
  • statusBarItem.prominentForeground#C5FAFAce
  • statusBarItem.prominentHoverBackground#0E1212fe
  • statusBarItem.prominentHoverForeground#C85656fe
  • statusBarItem.remoteBackground#D36363fe
  • statusBarItem.remoteForeground#0E1212fe
  • statusBarItem.remoteHoverBackground#0E1212fe
  • statusBarItem.remoteHoverForeground#BB4A4Afe
  • statusBarItem.warningBackground#382E00fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#382E00fe
  • statusBarItem.warningHoverForeground#D2AE00ce
  • symbolIcon.arrayForeground#DEE0D9fe
  • symbolIcon.booleanForeground#00D3D3ce
  • symbolIcon.classForeground#CEC1C5fe
  • symbolIcon.colorForeground#C1C6B8fe
  • symbolIcon.constantForeground#BCCACAfe
  • symbolIcon.constructorForeground#C3BAC8fe
  • symbolIcon.enumeratorForeground#E0DBD9fe
  • symbolIcon.enumeratorMemberForeground#C6D1D1fe
  • symbolIcon.eventForeground#E2E4DDfe
  • symbolIcon.fieldForeground#CFD9CFfe
  • symbolIcon.fileForeground#D1C6CAfe
  • symbolIcon.folderForeground#BCBCC9fe
  • symbolIcon.functionForeground#E4DDE0fe
  • symbolIcon.interfaceForeground#CAD5D5fe
  • symbolIcon.keyForeground#D1CAC6fe
  • symbolIcon.keywordForeground#C1C1CEfe
  • symbolIcon.methodForeground#CAD5CAfe
  • symbolIcon.moduleForeground#C1CECEfe
  • symbolIcon.namespaceForeground#C9CEC1fe
  • symbolIcon.nullForeground#DADDD4fe
  • symbolIcon.numberForeground#CACAD5fe
  • symbolIcon.objectForeground#DDE4E4fe
  • symbolIcon.operatorForeground#CEC1C5fe
  • symbolIcon.packageForeground#C6D1D1fe
  • symbolIcon.propertyForeground#E4DDE0fe
  • symbolIcon.referenceForeground#E4E0DDfe
  • symbolIcon.snippetForeground#C5CABCfe
  • symbolIcon.stringForeground#DDD7D4fe
  • symbolIcon.structForeground#D9E0D9fe
  • symbolIcon.textForeground#E4E0DDfe
  • symbolIcon.typeParameterForeground#B3C2C2fe
  • symbolIcon.unitForeground#CFD9CFfe
  • symbolIcon.variableForeground#D5CECAfe
  • tab.activeBackground#101414fe
  • tab.activeBorder#0B0D0D00
  • tab.activeBorderTop#FD9393fe
  • tab.activeForeground#EE9393fe
  • tab.activeModifiedBorder#362D00ce
  • tab.border#0B0D0B00
  • tab.hoverBackground#B1C1B1ae
  • tab.hoverBorder#0C1010fe
  • tab.hoverForeground#D36363fe
  • tab.inactiveBackground#15333394
  • tab.inactiveForeground#40C3C365
  • tab.inactiveModifiedBorder#362D00ce
  • tab.lastPinnedBorder#0C1010fe
  • tab.unfocusedActiveBackground#1E262624
  • tab.unfocusedActiveBorder#0B0D0D00
  • tab.unfocusedActiveBorderTop#1D313165
  • tab.unfocusedActiveForeground#3CC2C265
  • tab.unfocusedActiveModifiedBorder#362D00ce
  • tab.unfocusedHoverBackground#B0C1C12e
  • tab.unfocusedHoverBorder#1A21213e
  • tab.unfocusedHoverForeground#3CC2C265
  • tab.unfocusedInactiveBackground#313E3E9a
  • tab.unfocusedInactiveForeground#44C1C165
  • tab.unfocusedInactiveModifiedBorder#362D00ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333b3
  • 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#670067c0
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cecece9b
  • terminal.ansiYellow#c4a200fe
  • terminal.background#171d1dfe
  • terminal.border#0C1010fe
  • terminal.dropBackground#171d1dfe
  • terminal.findMatchBackground#171d1dfe
  • terminal.findMatchBorder#0C1010fe
  • terminal.findMatchHighlightBackground#171d1dfe
  • terminal.findMatchHighlightBorder#0C1010fe
  • terminal.foreground#B0C1C1ae
  • terminal.hoverHighlightBackground#171d1dfe
  • terminal.inactiveSelectionBackground#262F2F92
  • terminal.selectionBackground#574B4587
  • terminal.selectionForeground#D2CAD5ca
  • terminal.tab.activeBorder#FD9393fe
  • terminalCommandDecoration.defaultBackground#C8BABFad
  • terminalCommandDecoration.errorBackground#FFA5A5cb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#171d1dfe
  • terminalCursor.foreground#B54747fe
  • terminalOverviewRuler.cursorForeground#C5FAFAce
  • terminalOverviewRuler.findMatchForeground#00D3D3ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c2
  • testing.iconUnset#8080809a
  • testing.message.error.decorationForeground#EAAEAEfe
  • testing.message.error.lineBackground#5900599a
  • testing.message.info.decorationForeground#E6AFAFfe
  • testing.message.info.lineBackground#0000A7fe
  • testing.peekBorder#0C1010fe
  • testing.peekHeaderBackground#171d1dfe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#171d1dfe
  • textBlockQuote.border#0C1010fe
  • textCodeBlock.background#171d1dfe
  • textLink.activeForeground#C35252fe
  • textLink.foreground#C4B1FFce
  • textPreformat.foreground#C5FAFAce
  • textSeparator.foreground#C5FAFAce
  • titleBar.activeBackground#0E1212fe
  • titleBar.activeForeground#6CBEBEae
  • titleBar.border#0B0B0D00
  • titleBar.inactiveBackground#1A2121dc
  • titleBar.inactiveForeground#9BB0B065
  • toolbar.activeBackground#5E0D2882
  • toolbar.hoverBackground#171d1dfe
  • toolbar.hoverOutline#0B0D0B00
  • tree.inactiveIndentGuidesStroke#A0B3A035
  • tree.indentGuidesStroke#E5AFAFfe
  • tree.tableColumnsBorder#0C1010fe
  • tree.tableOddRowsBackground#171d1dfe
  • walkThrough.embeddedEditorBackground#171d1dfe
  • walkthrough.stepTitle.foreground#C5FAFAce
  • welcomePage.background#171d1dfe
  • welcomePage.progress.background#171d1dfe
  • welcomePage.progress.foreground#C5FAFAce
  • welcomePage.tileBackground#171d1dfe
  • welcomePage.tileBorder#0C1010fe
  • welcomePage.tileHoverBackground#171d1dfe
  • widget.border#0C1010fe
  • widget.shadow#0B0B0D00
  • window.activeBorder#0C1010fe
  • window.inactiveBorder#15333399

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#7CD3D36e
comment.block.html#78D4D46e
comment.block.java#81D3D36e
comment.block.javadoc.java#81D3D36e
comment.block.powershell#78D4D46e
comment.block.xml#78D4D46e
comment.line.double-slash.c#7CD3D36e
comment.line.double-slash.cpp#81D3D36e
comment.line.double-slash.java#81D3D36e
comment.line.double-slash.js#82D3D36e
comment.line.number-sign.makefile#78D4D46e
comment.line.number-sign.python#7CD3D36e
comment.line.number-sign.yaml#82D3D36e
comment.line.percentage.erlang#7CD3D36e
comment.line.powershell#82D3D36e
comment.source.cmake#82D3D36e
comment.source.cmakecache#82D3D36e
constant.character#9F9FF0de
constant.character.character-class.regexp#E68E8Ede
constant.character.escape#13E513de
constant.character.set.regexp#F4A6F4de
constant.language#F2A0F2de
constant.numeric#13E413de
constant.numeric.dec.python#0FE30Fde
constant.other.caps.python#15E315de
constant.other.character-class.regexp#EB8D8Dde
constant.other.character-class.set.regexp#B3B3F7de
constant.other.color.rgb-value#ADADF5de
constant.other.placeholder#9F9FEDde
constant.other.rgb-value#18E518de
constant.regexp#9F9FF0de
constant.sha.git-rebase#18E418de
emphasis#0FE30Fde
entity.name.class#18E418de
entity.name.function#A0A0E8de
entity.name.function.preprocessor#FEA6FEde
entity.name.function.python#17E417de
entity.name.label#9F9FE9de
entity.name.namespace#9F9FE9de
entity.name.operator#FEA8FEde
entity.name.operator.custom-literal#F4A6F4de
entity.name.scope-resolution#9F9FEBde
entity.name.tag#13E413de
entity.name.tag.css#FEAEAEde
entity.name.type#10E410de
entity.name.variable#FEB1B1de
entity.other.attribute#F4A6A6de
entity.other.attribute-name#13E413de
entity.other.attribute-name.class.css#FEA8FEde
entity.other.attribute-name.class.mixin.css#FEB1B1de
entity.other.attribute-name.id#E682E6de
entity.other.attribute-name.id.css#18E518de
entity.other.attribute-name.parent-selector.css#9F9FF0de
entity.other.attribute-name.pseudo-class.css#E58F8Fde
entity.other.attribute-name.pseudo-element.css#E68E8Ede
entity.other.attribute-name.scss#E58F8Fde
entity.other.document.begin.yaml#82D3D36e
entity.other.inherited-class#9F9FEBde
header#FEA8FEde
invalid#9F9FF0de
keyword#A0A0E8de
keyword.codetag.notation.python#9F9FEEde
keyword.control#F2A0A0de
keyword.control.anchor.regexp#F09999de
keyword.control.import.python#E48F8Fde
keyword.operator#E48F8Fde
keyword.operator.alignas#9F9FF0de
keyword.operator.alignof#BFBFFEde
keyword.operator.cast#E384E3de
keyword.operator.delete#15E415de
keyword.operator.documentation.powershell#78D4D46e
keyword.operator.expression#E88D8Dde
keyword.operator.instanceof#ADADF5de
keyword.operator.logical.python#ADADF5de
keyword.operator.minus.exponent#17E317de
keyword.operator.negation.regexp#BABAF8de
keyword.operator.new#E682E6de
keyword.operator.noexcept#E58F8Fde
keyword.operator.or.regexp#E988E9de
keyword.operator.plus.exponent#F099F0de
keyword.operator.quantifier.regexp#17E317de
keyword.operator.sizeof#9F9FEEde
keyword.operator.typeid#0FE30Fde
keyword.operator.wordlike#E988E9de
keyword.other.operator#18E518de
keyword.other.package.java#ADADF5de
keyword.other.unit#F4A6F4de
keyword.other.using#9F9FEDde
markup.bold#E88D8Dde
markup.changed#E482E4de
markup.deleted#F09999de
markup.fenced_code.block.markdown#13E513de
markup.heading#F2A0F2de
markup.inline.raw#A0A0F2de
markup.inserted#EB8D8Dde
markup.italic#BFBFFEde
markup.raw.block.markdown#F4A6F4de
markup.strikethrough#16E316de
markup.underline#15E415de
meta.block.c#13E413de
meta.block.c#BFBFFEde
meta.class.java#15E415de
meta.definition.variable.name#E48F8Fde
meta.diff.header#16E316de
meta.embedded#E68E8Ede
meta.embedded.assembly#F2A0A0de
meta.function-call.arguments.python#FEA8FEde
meta.function-call.python#E68E8Ede
meta.member.access.python#10E410de
meta.method.java#9F9FEAde
meta.object-literal.key#FEA8FEde
meta.paragraph.markdown#E48F8Fde
meta.preprocessor#18E518de
meta.preprocessor.numeric#9F9FEBde
meta.preprocessor.string#E58F8Fde
meta.scope.prerequisites.makefile#18E418de
meta.structure.dictionary.json.comments#7CD3D36e
meta.structure.dictionary.key.python#E384E3de
meta.structure.dictionary.value.json.comments#82D3D36e
meta.template.expression#13E513de
meta.type.cast.expr#9F9FEAde
meta.type.new.expr#9F9FE9de
parameter#ADADF5de
punctuation.character.set.begin.regexp#BABAF8de
punctuation.character.set.end.regexp#E48F8Fde
punctuation.definition.array.begin.json#9F9FF0de
punctuation.definition.character-class.regexp#9F9FF0de
punctuation.definition.comment#7CD3D36e
punctuation.definition.comment.json.comments#7CD3D36e
punctuation.definition.comment.python#7CD3D36e
punctuation.definition.dictionary.begin.json#F09999de
punctuation.definition.dictionary.end.json#FEAEAEde
punctuation.definition.group.assertion.regexp#F7B3B3de
punctuation.definition.group.regexp#F5ADADde
punctuation.definition.list.begin.json#15E315de
punctuation.definition.list.begin.markdown#FEAEAEde
punctuation.definition.list.begin.python#9F9FF0de
punctuation.definition.list.end.json#9F9FEAde
punctuation.definition.list.end.markdown#13E513de
punctuation.definition.list.end.python#15E415de
punctuation.definition.parameters.begin.python#E682E6de
punctuation.definition.parameters.end.bracket.round.java#F5ADADde
punctuation.definition.quote.begin.markdown#18E418de
punctuation.definition.tag#F2A0F2de
punctuation.definition.template-expression.begin#E88D8Dde
punctuation.definition.template-expression.end#13E413de
punctuation.section.class.begin.bracket.curly.java#EB8DEBde
punctuation.section.embedded#FEA6FEde
punctuation.section.embedded.begin.php#EE9393de
punctuation.section.embedded.end.php#F2A0A0de
punctuation.terminator.java#13E413de
source.cmake#17E317de
source.coffee.embedded#15E415de
source.cpp#E68E8Ede
source.css.less#A6A6F4de
source.groovy.embedded#9F9FEBde
source.java#E682E6de
source.java-properties#E482E4de
source.json.comments#78D4D46e
source.makefile#10E410de
source.powershell#17E417de
source.powershell.variable.other.member#F2A0F2de
source.python#F09999de
storage#B3B3F7de
storage.modifier#F2A0A0de
storage.modifier.import.java#E68E8Ede
storage.modifier.package.java#E384E3de
storage.type#9F9FEAde
storage.type.annotation.groovy#E482E4de
storage.type.annotation.java#F2A0A0de
storage.type.boolean.go#15E415de
storage.type.byte.go#18E418de
storage.type.cs#E68E8Ede
storage.type.error.go#E988E9de
storage.type.generic.cs#18E418de
storage.type.generic.groovy#E58F8Fde
storage.type.generic.java#17E417de
storage.type.groovy#10E410de
storage.type.java#15E415de
storage.type.modifier.cs#EB8DEBde
storage.type.numeric.go#13E413de
storage.type.object.array.groovy#13E413de
storage.type.object.array.java#FEA8FEde
storage.type.parameters.groovy#E482E4de
storage.type.primitive.array.groovy#EB8DEBde
storage.type.primitive.array.java#18E418de
storage.type.primitive.groovy#18E418de
storage.type.primitive.java#E68E8Ede
storage.type.rune.go#16E316de
storage.type.string.go#C1C1FAde
storage.type.token.java#BFBFFEde
storage.type.uintptr.go#E68E8Ede
storage.type.variable.cs#9F9FEBde
string#18E518de
string.quoted.docstring.multi.python#7CD3D36e
string.regexp#18E418de
string.tag#E88D8Dde
string.value#18E518de
strong#FEB2B2de
support.class#F7B3B3de
support.constant.color#EB8D8Dde
support.constant.dom#F7B3B3de
support.constant.font-name#A0A0F2de
support.constant.handlebars#FEB2B2de
support.constant.json#E88D8Dde
support.constant.math#E88D8Dde
support.constant.media#E48F8Fde
support.constant.media-type#EB8D8Dde
support.constant.property-value#17E417de
support.function#F2A0F2de
support.function.git-rebase#BABAF8de
support.other.parenthesis.regexp#BABAF8de
support.type#13E513de
support.type.property-name#FEAEAEde
support.type.vendored.property-name#9F9FEAde
support.variable#C1C1FAde
token.debug-token#18E418de
token.error-token#18E418de
token.info-token#10E410de
token.warn-token#ADADF5de
variable#A0A0E8de
variable.css#E482E4de
variable.language#16E316de
variable.language.wildcard.java#EA8D8Dde
variable.other.constant#F2A0F2de
variable.other.definition.java#EE9393de
variable.other.enummember#EE93EEde
variable.other.less#F09999de
variable.other.object.java#A0A0F2de
variable.other.object.property.java#FEB1B1de
variable.parameter.c#18E418de
variable.parameter.function.language.python#18E418de
variable.parameter.java#F099F0de
variable.scss#B3B3F7de