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#F5958Efe
  • activityBar.activeFocusBorder#66667800
  • activityBar.background#0E1212fe
  • activityBar.border#76636D00
  • activityBar.dropBorder#F38E87fe
  • activityBar.foreground#F5958Efe
  • activityBar.inactiveForeground#9BB0B065
  • activityBarBadge.background#E66057fe
  • activityBarBadge.foreground#0E1212fe
  • badge.background#E45A50fe
  • badge.foreground#0E1212fe
  • banner.background#171d1dfe
  • banner.foreground#C5FAFAce
  • banner.iconForeground#CEC6D1fe
  • breadcrumb.activeSelectionForeground#DDDDE4ca
  • breadcrumb.background#101414fe
  • breadcrumb.focusForeground#E2544Afe
  • breadcrumb.foreground#E7ECECae
  • breadcrumbPicker.background#171d1dfe
  • button.background#384747ae
  • button.border#0D0B0C00
  • button.foreground#C5FAFAce
  • button.hoverBackground#4F63636e
  • button.secondaryBackground#171d1dfe
  • button.secondaryForeground#C5FAFAce
  • button.secondaryHoverBackground#171d1dfe
  • button.separator#0B0D0B00
  • charts.blue#1b1bfffe
  • charts.foreground#C5FAFAce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067c6
  • 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#2C30238e
  • commandCenter.activeBorder#0C1010fe
  • commandCenter.activeForeground#D83C31fe
  • commandCenter.background#171d1dfe
  • commandCenter.border#0C1010fe
  • commandCenter.foreground#C5FAFAce
  • commandCenter.inactiveBorder#262F2F9e
  • commandCenter.inactiveForeground#44C1C165
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0D0C0B00
  • contrastBorder#0D0C0B00
  • debugConsole.errorForeground#FF98FFce
  • debugConsole.infoForeground#C5FAFAce
  • debugConsole.sourceForeground#C5FAFAce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#DDD4D7fe
  • debugExceptionWidget.background#590059ae
  • debugExceptionWidget.border#0C1010fe
  • debugIcon.breakpointCurrentStackframeForeground#DDE4E4fe
  • debugIcon.breakpointDisabledForeground#AFC0C065
  • debugIcon.breakpointForeground#D9D2CFfe
  • debugIcon.breakpointStackframeForeground#BCBCC9fe
  • debugIcon.breakpointUnverifiedForeground#C6C6D1fe
  • debugIcon.continueForeground#DDD7D4fe
  • debugIcon.disconnectForeground#BCCACAfe
  • debugIcon.pauseForeground#E4E0DDfe
  • debugIcon.restartForeground#C9C1CEfe
  • debugIcon.startForeground#C6C6D1fe
  • debugIcon.stepBackForeground#D2D5CAfe
  • debugIcon.stepIntoForeground#BDC2B3fe
  • debugIcon.stepOutForeground#DED9E0fe
  • debugIcon.stepOverForeground#BCCABCfe
  • debugIcon.stopForeground#C6C6D1fe
  • debugTokenExpression.boolean#CAD5CAca
  • debugTokenExpression.error#D2CAD5ca
  • debugTokenExpression.name#CAD5D5ca
  • debugTokenExpression.number#CFCFD9ca
  • debugTokenExpression.value#D4D4DDca
  • debugToolBar.background#590059af
  • debugToolBar.border#0C1010fe
  • debugView.exceptionLabelBackground#1F3030ca
  • debugView.exceptionLabelForeground#D2D5CAca
  • debugView.stateLabelBackground#3B2B24ca
  • debugView.stateLabelForeground#D4D4DDca
  • debugView.valueChangedHighlight#CFCFD9ca
  • descriptionForeground#C5FAFAce
  • diffEditor.border#0B0D0D00
  • diffEditor.diagonalFill#000000ee
  • diffEditor.insertedLineBackground#00380031
  • diffEditor.insertedTextBackground#113613fb
  • diffEditor.insertedTextBorder#0C0B0D00
  • diffEditor.move.border#0C0B0D00
  • diffEditor.moveActive.border#0D0B0C00
  • diffEditor.removedLineBackground#66000031
  • diffEditor.removedTextBackground#650000fb
  • diffEditor.removedTextBorder#0D0C0B00
  • 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#5A4E47a3
  • editor.findMatchBorder#0C1010fe
  • editor.findMatchHighlightBackground#494F3Ea5
  • editor.findMatchHighlightBorder#0C1010fe
  • editor.findRangeHighlightBackground#6D5E56a7
  • editor.findRangeHighlightBorder#0C1010fe
  • editor.focusedStackFrameHighlightBackground#40524083
  • editor.foldBackground#B1C1B1a3
  • editor.foreground#C5FAFAce
  • editor.hoverHighlightBackground#566D6Dad
  • editor.inactiveSelectionBackground#3F505096
  • editor.inlineValuesBackground#171d1dfe
  • editor.inlineValuesForeground#C5FAFAce
  • editor.lineHighlightBackground#313E3Eb3
  • editor.lineHighlightBorder#0B0D0B00
  • editor.linkedEditingBackground#171d1dfe
  • editor.rangeHighlightBackground#4A4F3Faa
  • editor.rangeHighlightBorder#0C1010fe
  • editor.selectionBackground#405140a6
  • editor.selectionForeground#E0D9DBca
  • editor.selectionHighlightBackground#40524081
  • editor.selectionHighlightBorder#0C1010fe
  • editor.snippetFinalTabstopHighlightBackground#55485Cad
  • editor.snippetFinalTabstopHighlightBorder#0C1010fe
  • editor.snippetTabstopHighlightBackground#4A4F3Fae
  • editor.snippetTabstopHighlightBorder#0C1010fe
  • editor.stackFrameHighlightBackground#5D634Fae
  • editor.symbolHighlightBackground#4B5F5Fa9
  • editor.symbolHighlightBorder#0C1010fe
  • editor.wordHighlightBackground#475A5Aac
  • editor.wordHighlightBorder#0C0D0B00
  • editor.wordHighlightStrongBackground#55495Aa6
  • editor.wordHighlightStrongBorder#0D0B0C00
  • editor.wordHighlightTextBackground#68535Aaa
  • editor.wordHighlightTextBorder#0B0D0D00
  • editorBracketHighlight.foreground1#F5F7F7ce
  • editorBracketHighlight.foreground2#F5F7F7ce
  • editorBracketHighlight.foreground3#F5F7F7ce
  • editorBracketHighlight.foreground4#F5F7F7ce
  • editorBracketHighlight.foreground5#F5F7F7ce
  • editorBracketHighlight.foreground6#F5F7F7ce
  • editorBracketHighlight.unexpectedBracket.foreground#C5FAFAce
  • editorBracketMatch.background#BCBCCAa9
  • editorBracketMatch.border#0C1010fe
  • editorBracketPairGuide.activeBackground1#C5BBB781
  • editorBracketPairGuide.activeBackground2#B1C1B187
  • editorBracketPairGuide.activeBackground3#C8B9BE89
  • editorBracketPairGuide.activeBackground4#C3BAC889
  • editorBracketPairGuide.activeBackground5#B1C1B189
  • editorBracketPairGuide.activeBackground6#B1C1B18b
  • editorBracketPairGuide.background1#1F331Ffe
  • editorBracketPairGuide.background2#29311Efe
  • editorBracketPairGuide.background3#442630fe
  • editorBracketPairGuide.background4#332B38fe
  • editorBracketPairGuide.background5#1E3232fe
  • editorBracketPairGuide.background6#3A2A22fe
  • editorCodeLens.foreground#B0C0C06e
  • editorCommentsWidget.rangeActiveBackground#AFC0C0fe
  • editorCommentsWidget.rangeBackground#171d1dfe
  • editorCommentsWidget.resolvedBorder#0C1010fe
  • editorCommentsWidget.unresolvedBorder#640000cb
  • editorCursor.background#171d1dfe
  • editorCursor.foreground#D5372Bfe
  • editorError.background#0B0D0B00
  • editorError.border#0D0B0C00
  • editorError.foreground#FF98FFce
  • editorGhostText.background#171d1dfe
  • editorGhostText.border#0D0C0B00
  • 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#0D0C0B00
  • editorGroupHeader.noTabsBackground#0E1212ae
  • editorGroupHeader.tabsBackground#171d1da1
  • editorGroupHeader.tabsBorder#0D0B0C00
  • 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#D9E0D9ca
  • editorHoverWidget.statusBarBackground#171d1dfe
  • editorIndentGuide.activeBackground1#FE938Cfe
  • editorIndentGuide.activeBackground2#FD938Dfe
  • editorIndentGuide.activeBackground3#FD938Dfe
  • editorIndentGuide.activeBackground4#FE928Cfe
  • editorIndentGuide.activeBackground5#FD948Dfe
  • editorIndentGuide.activeBackground6#FD938Bfe
  • editorIndentGuide.background1#96AC9635
  • editorIndentGuide.background2#AC9E9635
  • editorIndentGuide.background3#AEAEBF35
  • editorIndentGuide.background4#9D8C8435
  • editorIndentGuide.background5#A5A5B735
  • editorIndentGuide.background6#9292A835
  • editorInfo.background#0B0B0D00
  • editorInfo.border#0B0B0D00
  • 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#E2544Afe
  • editorLineNumber.dimmedForeground#B0C0C06e
  • editorLineNumber.foreground#B0C0C06e
  • editorLink.activeForeground#DF4E44fe
  • editorMarkerNavigation.background#0C1010fe
  • editorMarkerNavigationError.background#590059b9
  • editorMarkerNavigationError.headerBackground#5900599a
  • editorMarkerNavigationInfo.background#0000A7fe
  • editorMarkerNavigationInfo.headerBackground#0000A7fe
  • editorMarkerNavigationWarning.background#382E00fe
  • editorMarkerNavigationWarning.headerBackground#382E00fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#171d1dfe
  • editorOverviewRuler.border#123434fe
  • editorOverviewRuler.bracketMatchForeground#C5FAFAce
  • editorOverviewRuler.commentForeground#B0C0C06e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#C5FAFAce
  • editorOverviewRuler.currentContentForeground#cecece9b
  • editorOverviewRuler.deletedForeground#FFA5A5cb
  • editorOverviewRuler.errorForeground#FF98FFce
  • editorOverviewRuler.findMatchForeground#00D3D3ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C4B1FFce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#CAD5D5ca
  • editorOverviewRuler.selectionHighlightForeground#C4B1FFce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#D2CAD5ca
  • editorOverviewRuler.wordHighlightStrongForeground#C5FAFAce
  • editorOverviewRuler.wordHighlightTextForeground#C5FAFAce
  • editorPane.background#171d1dfe
  • editorRuler.foreground#AFC0C023
  • editorStickyScroll.background#171d1dfe
  • editorStickyScrollHover.background#2731316e
  • editorSuggestWidget.background#0C1010fe
  • editorSuggestWidget.border#0B0D0B00
  • editorSuggestWidget.focusHighlightForeground#65C665fe
  • editorSuggestWidget.foreground#CABCC1fe
  • editorSuggestWidget.highlightForeground#D9E0D9ca
  • editorSuggestWidget.selectedBackground#5A484D88
  • editorSuggestWidget.selectedForeground#CFD9D9ca
  • editorSuggestWidget.selectedIconForeground#D4DDD4ca
  • editorSuggestWidgetStatus.foreground#C5BBB6fe
  • editorUnicodeHighlight.background#415141a5
  • editorUnicodeHighlight.border#0C1010fe
  • editorUnnecessaryCode.border#362D00ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0B0D0B00
  • editorWarning.border#0D0C0B00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#C5FAFAce
  • editorWidget.background#0C1010fe
  • editorWidget.border#0C1010fe
  • editorWidget.foreground#C5FAFAce
  • editorWidget.resizeBorder#0C1010fe
  • errorForeground#FF98FFce
  • extensionBadge.remoteBackground#E66057fe
  • extensionBadge.remoteForeground#0E1212fe
  • extensionButton.background#213232ae
  • extensionButton.foreground#C5FAFAce
  • extensionButton.hoverBackground#2531316e
  • extensionButton.prominentBackground#171d1dfe
  • extensionButton.prominentForeground#C5FAFAce
  • extensionButton.prominentHoverBackground#171d1dfe
  • extensionButton.separator#0C0B0D00
  • extensionIcon.preReleaseForeground#DDE4E4fe
  • extensionIcon.sponsorForeground#BCBCC9fe
  • extensionIcon.starForeground#D9E0D9fe
  • extensionIcon.verifiedForeground#E2E4DDfe
  • focusBorder#0C0B0D00
  • 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#203220ca
  • inlineChat.border#1F3131ca
  • inlineChat.regionHighlight#D4DDD4ca
  • inlineChat.shadow#DDE4DDca
  • inlineChatDiff.inserted#DADDD4ca
  • inlineChatDiff.removed#D2D5CAca
  • inlineChatInput.background#CAD5D5ca
  • inlineChatInput.border#442630ca
  • inlineChatInput.focusBorder#0B0D0D00
  • inlineChatInput.placeholderForeground#D5CACEca
  • input.background#0C1010fe
  • input.border#0C1010fe
  • input.foreground#C5FAFAce
  • input.placeholderForeground#B0C0C065
  • inputOption.activeBackground#0C1010fe
  • inputOption.activeBorder#0C1010fe
  • inputOption.activeForeground#DF4E44fe
  • inputOption.hoverBackground#0C1010fe
  • inputValidation.errorBackground#670067b3
  • inputValidation.errorBorder#590059c7
  • 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#222B2B99
  • keybindingLabel.background#171d1dfe
  • keybindingLabel.border#0C1010fe
  • keybindingLabel.bottomBorder#0C1010fe
  • keybindingLabel.foreground#C5FAFAce
  • keybindingTable.headerBackground#171d1dfe
  • keybindingTable.rowsBackground#171d1dfe
  • list.activeSelectionBackground#4A4F3F8c
  • list.activeSelectionForeground#D9E0E0ca
  • list.activeSelectionIconForeground#D4DDD4ca
  • list.deemphasizedForeground#C5FAFAce
  • list.dropBackground#171d1dfe
  • list.errorForeground#FF98FFce
  • list.filterMatchBackground#171d1dfe
  • list.filterMatchBorder#0C1010fe
  • list.focusAndSelectionOutline#0B0B0D00
  • list.focusBackground#41505096
  • list.focusForeground#D83C31fe
  • list.focusHighlightForeground#96BE48fe
  • list.focusOutline#0D0C0B00
  • list.highlightForeground#D4D4DDca
  • list.hoverBackground#222B22aa
  • list.hoverForeground#CD352Afe
  • list.inactiveFocusBackground#29343494
  • list.inactiveFocusOutline#0C0B0D00
  • list.inactiveSelectionBackground#0E1212ae
  • list.inactiveSelectionForeground#B0C0C065
  • list.inactiveSelectionIconForeground#B0C0C065
  • list.invalidItemForeground#C5FAFAce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#171d1dfe
  • listFilterWidget.noMatchesOutline#0B0B0D00
  • listFilterWidget.outline#0D0C0B00
  • listFilterWidget.shadow#0B0B0D00
  • menu.background#0E1212fe
  • menu.border#0C0D0B00
  • menu.foreground#E2E8E8ae
  • menu.selectionBackground#405240a2
  • menu.selectionBorder#0B0D0D00
  • menu.selectionForeground#D5372Bfe
  • menu.separatorBackground#26313165
  • menubar.selectionBackground#405240aa
  • menubar.selectionBorder#0D0B0C00
  • menubar.selectionForeground#E66057fe
  • 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#1E262621
  • mergeEditor.conflict.input1.background#0C1010fe
  • mergeEditor.conflict.input2.background#0C1010fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067b8
  • mergeEditor.conflict.unhandledFocused.border#0C1010fe
  • mergeEditor.conflict.unhandledUnfocused.border#1E26262a
  • 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#627B7Bfe
  • minimapSlider.background#405151ae
  • minimapSlider.hoverBackground#475A5A6e
  • notebook.cellBorderColor#0C1010fe
  • notebook.cellEditorBackground#171d1dfe
  • notebook.cellHoverBackground#171d1dfe
  • notebook.cellInsertionIndicator#CACAD5ca
  • notebook.cellStatusBarItemHoverBackground#171d1dfe
  • notebook.cellToolbarSeparator#DEE0D9ca
  • notebook.editorBackground#171d1dfe
  • notebook.focusedCellBackground#171d1dfe
  • notebook.focusedCellBorder#DF4E44fe
  • notebook.focusedEditorBorder#0C1010fe
  • notebook.inactiveFocusedCellBorder#5E76768e
  • notebook.inactiveSelectedCellBorder#5E76768e
  • 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#4F63636e
  • notebookStatusErrorIcon.foreground#FF98FFce
  • notebookStatusRunningIcon.foreground#C6B9BDfe
  • 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#CFD9D9fe
  • 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#0D0C0B00
  • panelTitle.activeForeground#FE9089fe
  • panelTitle.inactiveForeground#3CC2C265
  • peekView.border#FE948Dfe
  • peekViewEditor.background#0C1010fe
  • peekViewEditor.matchHighlightBackground#4F554484
  • peekViewEditor.matchHighlightBorder#0B0D0B00
  • peekViewEditorGutter.background#0C1010fe
  • peekViewEditorStickyScroll.background#171d1dfe
  • peekViewResult.background#0E1212fe
  • peekViewResult.fileForeground#C5FAFAce
  • peekViewResult.lineForeground#C5FAFAce
  • peekViewResult.matchHighlightBackground#5F524B82
  • peekViewResult.selectionBackground#55485C88
  • peekViewResult.selectionForeground#E2DDE4ca
  • peekViewTitle.background#0E1212fe
  • peekViewTitleDescription.foreground#C5FAFAce
  • peekViewTitleLabel.foreground#C5FAFAce
  • pickerGroup.border#0C1010fe
  • pickerGroup.foreground#C5FAFAce
  • ports.iconRunningProcessForeground#E2E4DDfe
  • problemsErrorIcon.foreground#FF98FFce
  • problemsInfoIcon.foreground#C4B1FFce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#E66057fe
  • profileBadge.foreground#0E1212fe
  • progressBar.background#171d1dfe
  • quickInput.background#0E1212fe
  • quickInput.foreground#E7ECECae
  • quickInputList.focusBackground#63564Fac
  • quickInputList.focusForeground#E45A50fe
  • quickInputList.focusIconForeground#D83C31fe
  • quickInputTitle.background#0C1010fe
  • sash.hoverBorder#0C1010fe
  • scrollbar.shadow#0B0D0D00
  • scrollbarSlider.activeBackground#698585fe
  • scrollbarSlider.background#445555ae
  • scrollbarSlider.hoverBackground#4F63636e
  • search.resultsInfoForeground#C5FAFAce
  • searchEditor.findMatchBackground#634F56a5
  • 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#5D634F86
  • 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#E66057fe
  • 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#590059b9
  • statusBar.debuggingBorder#0C1010fe
  • statusBar.debuggingForeground#C5FAFAce
  • statusBar.focusBorder#0B0D0D00
  • statusBar.foreground#B0C0C06e
  • statusBar.noFolderBackground#0E1212fe
  • statusBar.noFolderBorder#0C1010fe
  • statusBar.noFolderForeground#C5FAFAce
  • statusBarItem.activeBackground#0E1212fe
  • statusBarItem.compactHoverBackground#0E1212fe
  • statusBarItem.errorBackground#5900599e
  • statusBarItem.errorForeground#FF98FFce
  • statusBarItem.errorHoverBackground#590059cb
  • statusBarItem.errorHoverForeground#B700B7ce
  • statusBarItem.focusBorder#0C0D0B00
  • statusBarItem.hoverBackground#0E1212fe
  • statusBarItem.hoverForeground#E9675Dfe
  • statusBarItem.offlineBackground#0E1212fe
  • statusBarItem.offlineForeground#C5FAFAce
  • statusBarItem.offlineHoverBackground#0E1212fe
  • statusBarItem.offlineHoverForeground#DA4237fe
  • statusBarItem.prominentBackground#0E1212fe
  • statusBarItem.prominentForeground#C5FAFAce
  • statusBarItem.prominentHoverBackground#0E1212fe
  • statusBarItem.prominentHoverForeground#D5372Bfe
  • statusBarItem.remoteBackground#D83C31fe
  • statusBarItem.remoteForeground#0E1212fe
  • statusBarItem.remoteHoverBackground#0E1212fe
  • statusBarItem.remoteHoverForeground#DA4237fe
  • statusBarItem.warningBackground#382E00fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#382E00fe
  • statusBarItem.warningHoverForeground#D2AE00ce
  • symbolIcon.arrayForeground#B3C2B3fe
  • symbolIcon.booleanForeground#00D3D3ce
  • symbolIcon.classForeground#DDD7D4fe
  • symbolIcon.colorForeground#C1CECEfe
  • symbolIcon.constantForeground#D6CFD9fe
  • symbolIcon.constructorForeground#CFD9D9fe
  • symbolIcon.enumeratorForeground#B3C2B3fe
  • symbolIcon.enumeratorMemberForeground#B8C6C6fe
  • symbolIcon.eventForeground#E4DDE0fe
  • symbolIcon.fieldForeground#DDDDE4fe
  • symbolIcon.fileForeground#BCBCC9fe
  • symbolIcon.folderForeground#D2CAD5fe
  • symbolIcon.functionForeground#C1C1CEfe
  • symbolIcon.interfaceForeground#DADDD4fe
  • symbolIcon.keyForeground#E4DDE0fe
  • symbolIcon.keywordForeground#BCCABCfe
  • symbolIcon.methodForeground#CACAD5fe
  • symbolIcon.moduleForeground#DDD7D4fe
  • symbolIcon.namespaceForeground#D6D9CFfe
  • symbolIcon.nullForeground#C1CECEfe
  • symbolIcon.numberForeground#C1C6B8fe
  • symbolIcon.objectForeground#CEC5C1fe
  • symbolIcon.operatorForeground#DDDDE4fe
  • symbolIcon.packageForeground#B3C2B3fe
  • symbolIcon.propertyForeground#DDD7D4fe
  • symbolIcon.referenceForeground#DDE4E4fe
  • symbolIcon.snippetForeground#DED9E0fe
  • symbolIcon.stringForeground#C1C1CEfe
  • symbolIcon.structForeground#D6CFD9fe
  • symbolIcon.textForeground#D6D9CFfe
  • symbolIcon.typeParameterForeground#E2DDE4fe
  • symbolIcon.unitForeground#D9CFD2fe
  • symbolIcon.variableForeground#BCBCCAfe
  • tab.activeBackground#101414fe
  • tab.activeBorder#0B0B0D00
  • tab.activeBorderTop#FE9089fe
  • tab.activeForeground#FE9089fe
  • tab.activeModifiedBorder#362D00ce
  • tab.border#0B0D0D00
  • tab.hoverBackground#B0C1B0aa
  • tab.hoverBorder#0C1010fe
  • tab.hoverForeground#E66057fe
  • tab.inactiveBackground#15333397
  • tab.inactiveForeground#44C1C165
  • tab.inactiveModifiedBorder#362D00ce
  • tab.lastPinnedBorder#0C1010fe
  • tab.unfocusedActiveBackground#1E26262d
  • tab.unfocusedActiveBorder#0B0B0D00
  • tab.unfocusedActiveBorderTop#26313165
  • tab.unfocusedActiveForeground#3CC2C265
  • tab.unfocusedActiveModifiedBorder#362D00ce
  • tab.unfocusedHoverBackground#B0C1C124
  • tab.unfocusedHoverBorder#1E262634
  • tab.unfocusedHoverForeground#3CC2C265
  • tab.unfocusedInactiveBackground#29343494
  • tab.unfocusedInactiveForeground#44C1C165
  • tab.unfocusedInactiveModifiedBorder#362D00ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#3333339c
  • 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#670067b0
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececebc
  • 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#313E3E97
  • terminal.selectionBackground#55485B89
  • terminal.selectionForeground#D6D9CFca
  • terminal.tab.activeBorder#FD948Cfe
  • terminalCommandDecoration.defaultBackground#B9BFAFa4
  • terminalCommandDecoration.errorBackground#FFA5A5cb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#171d1dfe
  • terminalCursor.foreground#D83C31fe
  • terminalOverviewRuler.cursorForeground#C5FAFAce
  • terminalOverviewRuler.findMatchForeground#00D3D3ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0aa
  • testing.iconUnset#808080b3
  • testing.message.error.decorationForeground#EEAEA9fe
  • testing.message.error.lineBackground#590059ae
  • testing.message.info.decorationForeground#F1ACA7fe
  • 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#DF4E44fe
  • textLink.foreground#C4B1FFce
  • textPreformat.foreground#C5FAFAce
  • textSeparator.foreground#C5FAFAce
  • titleBar.activeBackground#0E1212fe
  • titleBar.activeForeground#74BCBCae
  • titleBar.border#0D0C0B00
  • titleBar.inactiveBackground#222B2Bd8
  • titleBar.inactiveForeground#A0B3B365
  • toolbar.activeBackground#1935198c
  • toolbar.hoverBackground#171d1dfe
  • toolbar.hoverOutline#0C0B0D00
  • tree.inactiveIndentGuidesStroke#99A18835
  • tree.indentGuidesStroke#EEADA8fe
  • 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#0C0B0D00
  • window.activeBorder#0C1010fe
  • window.inactiveBorder#262F2F9c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#7CD3D36e
comment.block.html#81D3D36e
comment.block.java#81D3D36e
comment.block.javadoc.java#81D3D36e
comment.block.powershell#78D4D46e
comment.block.xml#78D4D46e
comment.line.double-slash.c#81D3D36e
comment.line.double-slash.cpp#81D3D36e
comment.line.double-slash.java#78D4D46e
comment.line.double-slash.js#81D3D36e
comment.line.number-sign.makefile#82D3D36e
comment.line.number-sign.python#7CD3D36e
comment.line.number-sign.yaml#82D3D36e
comment.line.percentage.erlang#81D3D36e
comment.line.powershell#7CD3D36e
comment.source.cmake#7CD3D36e
comment.source.cmakecache#81D3D36e
constant.character#0FE0A8de
constant.character.character-class.regexp#F387D6de
constant.character.escape#0EE0A8de
constant.character.set.regexp#F8A5E2de
constant.language#2AE30Bde
constant.numeric#0FDFA7de
constant.numeric.dec.python#F79DDFde
constant.other.caps.python#9DC7F7de
constant.other.character-class.regexp#C19DF7de
constant.other.character-class.set.regexp#CBCB10de
constant.other.color.rgb-value#29E40Ede
constant.other.placeholder#0EDFA7de
constant.other.rgb-value#F28881de
constant.regexp#2CE30Fde
constant.sha.git-rebase#25E40Ade
emphasis#CBCB08de
entity.name.class#BC96F6de
entity.name.function#FEB0AAde
entity.name.function.preprocessor#CBACFAde
entity.name.function.python#CBCB0Fde
entity.name.label#EF80D1de
entity.name.namespace#2CE30Fde
entity.name.operator#F28881de
entity.name.operator.custom-literal#CCCC07de
entity.name.scope-resolution#0EDFA8de
entity.name.tag#F58ED9de
entity.name.tag.css#FEAAE9de
entity.name.type#CBCB0Cde
entity.name.variable#CBCB10de
entity.other.attribute#CBCB0Ade
entity.other.attribute-name#F8A5E2de
entity.other.attribute-name.class.css#9BC9FEde
entity.other.attribute-name.class.mixin.css#27E40Cde
entity.other.attribute-name.id#0BDFA6de
entity.other.attribute-name.id.css#F07ED1de
entity.other.attribute-name.parent-selector.css#F69C96de
entity.other.attribute-name.pseudo-class.css#0EDFA8de
entity.other.attribute-name.pseudo-element.css#10DFA7de
entity.other.attribute-name.scss#BA94F4de
entity.other.document.begin.yaml#7CD3D36e
entity.other.inherited-class#2BE40Ede
header#F18982de
invalid#FEB2ADde
keyword#CBCB0Cde
keyword.codetag.notation.python#CBCB0Cde
keyword.control#CBCB0Cde
keyword.control.anchor.regexp#CCCC10de
keyword.control.import.python#EE82D0de
keyword.operator#28E40Dde
keyword.operator.alignas#CBACFAde
keyword.operator.alignof#F38E87de
keyword.operator.cast#70AAECde
keyword.operator.delete#F7A39Dde
keyword.operator.documentation.powershell#7CD3D36e
keyword.operator.expression#F8AAA5de
keyword.operator.instanceof#D1B3FEde
keyword.operator.logical.python#2AE30Ede
keyword.operator.minus.exponent#10DFA7de
keyword.operator.negation.regexp#CCCC10de
keyword.operator.new#2BE40Ede
keyword.operator.noexcept#D5BAFEde
keyword.operator.or.regexp#FAB1ACde
keyword.operator.plus.exponent#F07ED1de
keyword.operator.quantifier.regexp#2BE40Fde
keyword.operator.sizeof#0EE0A8de
keyword.operator.typeid#F387D6de
keyword.operator.wordlike#CCCC10de
keyword.other.operator#CBCB0Cde
keyword.other.package.java#72ACEEde
keyword.other.unit#CCCC0Bde
keyword.other.using#CBCB0Fde
markup.bold#2BE410de
markup.changed#CCCC07de
markup.deleted#F5958Ede
markup.fenced_code.block.markdown#0ADFA6de
markup.heading#FEB2ADde
markup.inline.raw#CBCB0Fde
markup.inserted#F8AAA5de
markup.italic#96C3F6de
markup.raw.block.markdown#28E40Dde
markup.strikethrough#27E40Cde
markup.underline#FEAAE9de
meta.block.c#27E40Cde
meta.block.c#F08A84de
meta.class.java#2AE30Bde
meta.definition.variable.name#96C3F6de
meta.diff.header#CCCC10de
meta.embedded#F08B84de
meta.embedded.assembly#CCCC10de
meta.function-call.arguments.python#2BE40Fde
meta.function-call.python#10DFA7de
meta.member.access.python#CCCC10de
meta.method.java#2BE40Fde
meta.object-literal.key#FEB2ADde
meta.paragraph.markdown#F696DCde
meta.preprocessor#0EE0A8de
meta.preprocessor.numeric#CCCC11de
meta.preprocessor.string#CCCC10de
meta.scope.prerequisites.makefile#CBCB0Ade
meta.structure.dictionary.json.comments#7CD3D36e
meta.structure.dictionary.key.python#F5958Ede
meta.structure.dictionary.value.json.comments#7CD3D36e
meta.template.expression#96C3F6de
meta.type.cast.expr#96C3F6de
meta.type.new.expr#28E40Dde
parameter#0ADFA6de
punctuation.character.set.begin.regexp#72ACEEde
punctuation.character.set.end.regexp#F69C96de
punctuation.definition.array.begin.json#D5BAFEde
punctuation.definition.character-class.regexp#29E40Ede
punctuation.definition.comment#78D4D46e
punctuation.definition.comment.json.comments#82D3D36e
punctuation.definition.comment.python#78D4D46e
punctuation.definition.dictionary.begin.json#CBCB11de
punctuation.definition.dictionary.end.json#FEB2ADde
punctuation.definition.group.assertion.regexp#F8A5E2de
punctuation.definition.group.regexp#0DE0AAde
punctuation.definition.list.begin.json#FEB3AEde
punctuation.definition.list.begin.markdown#EF8B84de
punctuation.definition.list.begin.python#9CC9FEde
punctuation.definition.list.end.json#0FDFA8de
punctuation.definition.list.end.markdown#F8AAA5de
punctuation.definition.list.end.python#F696DCde
punctuation.definition.parameters.begin.python#9DC7F7de
punctuation.definition.parameters.end.bracket.round.java#0FDFA7de
punctuation.definition.quote.begin.markdown#0EE0A7de
punctuation.definition.tag#F69C96de
punctuation.definition.template-expression.begin#F08A84de
punctuation.definition.template-expression.end#FEB2ADde
punctuation.section.class.begin.bracket.curly.java#2CE30Fde
punctuation.section.embedded#9BC9FEde
punctuation.section.embedded.begin.php#0FE0A7de
punctuation.section.embedded.end.php#0FE0A7de
punctuation.terminator.java#BB94F5de
source.cmake#FEB0AAde
source.coffee.embedded#FAACE5de
source.cpp#F696DCde
source.css.less#2AE40Ede
source.groovy.embedded#9DC7F7de
source.java#28E40Dde
source.java-properties#0DE0AAde
source.json.comments#7CD3D36e
source.makefile#CCCC10de
source.powershell#9CC9FEde
source.powershell.variable.other.member#CBCB0Ade
source.python#F7A39Dde
storage#0FDFA8de
storage.modifier#87B9F3de
storage.modifier.import.java#79B0F0de
storage.modifier.package.java#F69C96de
storage.type#70AAECde
storage.type.annotation.groovy#F08A84de
storage.type.annotation.java#0EDFA8de
storage.type.boolean.go#CBCB0Fde
storage.type.byte.go#F387D6de
storage.type.cs#CBCB08de
storage.type.error.go#F58ED9de
storage.type.generic.cs#F28881de
storage.type.generic.groovy#EF7FD1de
storage.type.generic.java#D5BAFEde
storage.type.groovy#BA95F3de
storage.type.java#72ACEEde
storage.type.modifier.cs#F696DCde
storage.type.numeric.go#0EDFA8de
storage.type.object.array.groovy#29E40Ede
storage.type.object.array.java#2AE40Ede
storage.type.parameters.groovy#EE81D1de
storage.type.primitive.array.groovy#F38E87de
storage.type.primitive.array.java#FEB2ADde
storage.type.primitive.groovy#28E40Dde
storage.type.primitive.java#BA95F2de
storage.type.rune.go#0CE0A7de
storage.type.string.go#CBCB11de
storage.type.token.java#BA94F4de
storage.type.uintptr.go#0FDFA8de
storage.type.variable.cs#F18982de
string#2BE40Fde
string.quoted.docstring.multi.python#7CD3D36e
string.regexp#79B0F0de
string.tag#9CCAFEde
string.value#BA95F2de
strong#0FDFA8de
support.class#BA95F2de
support.constant.color#BA95F2de
support.constant.dom#10E0A8de
support.constant.font-name#CCCC0Dde
support.constant.handlebars#2BE30Fde
support.constant.json#BA94F4de
support.constant.math#F280D3de
support.constant.media#F07ED1de
support.constant.media-type#0EDFA8de
support.constant.property-value#2BE40Fde
support.function#0CE0A7de
support.function.git-rebase#80B5F2de
support.other.parenthesis.regexp#2BE30Fde
support.type#C6A5F8de
support.type.property-name#0BDFA6de
support.type.vendored.property-name#BA95F2de
support.variable#D0B4FAde
token.debug-token#BB94F5de
token.error-token#9DC7F7de
token.info-token#BC96F6de
token.warn-token#FEAAE9de
variable#96C3F6de
variable.css#0CE0A7de
variable.language#F38E87de
variable.language.wildcard.java#87B9F3de
variable.other.constant#FEB2ADde
variable.other.definition.java#CCCC10de
variable.other.enummember#BA94F4de
variable.other.less#9CC9FEde
variable.other.object.java#0DE0AAde
variable.other.object.property.java#80B5F2de
variable.parameter.c#23E508de
variable.parameter.function.language.python#CBCB08de
variable.parameter.java#23E508de
variable.scss#BA94F4de