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#15151Efe
  • activityBar.activeBackground#15151Efe
  • activityBar.activeBorder#357305fe
  • activityBar.activeFocusBorder#30704000
  • activityBar.background#0D0D13fe
  • activityBar.border#9637B600
  • activityBar.dropBorder#337303fe
  • activityBar.foreground#347404fe
  • activityBar.inactiveForeground#A9A9C365
  • activityBarBadge.background#37710Bfe
  • activityBarBadge.foreground#0D0D13fe
  • badge.background#37720Bfe
  • badge.foreground#0D0D13fe
  • banner.background#15151Efe
  • banner.foreground#B0B0FAce
  • banner.iconForeground#E4DBE6fe
  • breadcrumb.activeSelectionForeground#E9E4E0ca
  • breadcrumb.background#0F0F16fe
  • breadcrumb.focusForeground#37720Bfe
  • breadcrumb.foreground#B2B2FBae
  • breadcrumbPicker.background#15151Efe
  • button.background#303045ae
  • button.border#0A0A0E00
  • button.foreground#B0B0FAce
  • button.hoverBackground#2626366e
  • button.secondaryBackground#15151Efe
  • button.secondaryForeground#B0B0FAce
  • button.secondaryHoverBackground#15151Efe
  • button.separator#0A0E0B00
  • charts.blue#1b1bfffe
  • charts.foreground#B0B0FAce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067a4
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0C0C11fe
  • chat.slashCommandBackground#15151Efe
  • chat.slashCommandForeground#B0B0FAce
  • checkbox.background#0C0C11fe
  • checkbox.border#0C0C11fe
  • checkbox.foreground#B0B0FAce
  • checkbox.selectBackground#0C0C11fe
  • checkbox.selectBorder#0C0C11fe
  • commandCenter.activeBackground#2C1D1188
  • commandCenter.activeBorder#0C0C11fe
  • commandCenter.activeForeground#36720Afe
  • commandCenter.background#15151Efe
  • commandCenter.border#0C0C11fe
  • commandCenter.foreground#B0B0FAce
  • commandCenter.inactiveBorder#0A0A2E93
  • commandCenter.inactiveForeground#9595B565
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0C0E0A00
  • contrastBorder#0A0E0E00
  • debugConsole.errorForeground#FE8EFEce
  • debugConsole.infoForeground#B0B0FAce
  • debugConsole.sourceForeground#B0B0FAce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#CAB3B8fe
  • debugExceptionWidget.background#410041aa
  • debugExceptionWidget.border#0C0C11fe
  • debugIcon.breakpointCurrentStackframeForeground#C7D6D8fe
  • debugIcon.breakpointDisabledForeground#B2B2E865
  • debugIcon.breakpointForeground#D1C6BDfe
  • debugIcon.breakpointStackframeForeground#DBCCD0fe
  • debugIcon.breakpointUnverifiedForeground#C2D4C6fe
  • debugIcon.continueForeground#E7E0E9fe
  • debugIcon.disconnectForeground#DDE2D6fe
  • debugIcon.pauseForeground#D9DFD1fe
  • debugIcon.restartForeground#DBDBE6fe
  • debugIcon.startForeground#E0E9E2fe
  • debugIcon.stepBackForeground#CCCCDBfe
  • debugIcon.stepIntoForeground#E5E9E0fe
  • debugIcon.stepOutForeground#DBE5E6fe
  • debugIcon.stepOverForeground#B8B8CDfe
  • debugIcon.stopForeground#CCCCDBfe
  • debugTokenExpression.boolean#E6DBDEca
  • debugTokenExpression.error#D1DFD4ca
  • debugTokenExpression.name#E4DBE6ca
  • debugTokenExpression.number#E6DBDEca
  • debugTokenExpression.value#E1E6DBca
  • debugToolBar.background#410041bc
  • debugToolBar.border#0C0C11fe
  • debugView.exceptionLabelBackground#2D1932ca
  • debugView.exceptionLabelForeground#D6E2D9ca
  • debugView.stateLabelBackground#321920ca
  • debugView.stateLabelForeground#D5DBCCca
  • debugView.valueChangedHighlight#E0E9E2ca
  • descriptionForeground#B0B0FAce
  • diffEditor.border#0C0E0A00
  • diffEditor.diagonalFill#000000f0
  • diffEditor.insertedLineBackground#00280031
  • diffEditor.insertedTextBackground#0A260Cfb
  • diffEditor.insertedTextBorder#0E0A0B00
  • diffEditor.move.border#0D0A0E00
  • diffEditor.moveActive.border#0A0A0E00
  • diffEditor.removedLineBackground#49000031
  • diffEditor.removedTextBackground#4B0000fb
  • diffEditor.removedTextBorder#0E0A0B00
  • diffEditor.unchangedCodeBackground#15151Efe
  • diffEditor.unchangedRegionBackground#15151Efe
  • diffEditor.unchangedRegionForeground#B0B0FAce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B3B3E165
  • dropdown.background#0C0C11fe
  • dropdown.border#0C0C11fe
  • dropdown.foreground#B0B0FAce
  • dropdown.listBackground#0C0C11fe
  • editor.background#15151Efe
  • editor.findMatchBackground#677753a3
  • editor.findMatchBorder#0C0C11fe
  • editor.findMatchHighlightBackground#5D3D66ac
  • editor.findMatchHighlightBorder#0C0C11fe
  • editor.findRangeHighlightBackground#3B5441a8
  • editor.findRangeHighlightBorder#0C0C11fe
  • editor.focusedStackFrameHighlightBackground#364D4F83
  • editor.foldBackground#DFA2F0a7
  • editor.foreground#B0B0FAce
  • editor.hoverHighlightBackground#44447Aa1
  • editor.inactiveSelectionBackground#3F3F9392
  • editor.inlineValuesBackground#15151Efe
  • editor.inlineValuesForeground#B0B0FAce
  • editor.lineHighlightBackground#262636b1
  • editor.lineHighlightBorder#0E0A0B00
  • editor.linkedEditingBackground#15151Efe
  • editor.rangeHighlightBackground#3B5254a5
  • editor.rangeHighlightBorder#0C0C11fe
  • editor.selectionBackground#375117a9
  • editor.selectionForeground#E6DBDEca
  • editor.selectionHighlightBackground#664C6D83
  • editor.selectionHighlightBorder#0C0C11fe
  • editor.snippetFinalTabstopHighlightBackground#684950a1
  • editor.snippetFinalTabstopHighlightBorder#0C0C11fe
  • editor.snippetTabstopHighlightBackground#5B3F62aa
  • editor.snippetTabstopHighlightBorder#0C0C11fe
  • editor.stackFrameHighlightBackground#496850aa
  • editor.symbolHighlightBackground#364F3Bad
  • editor.symbolHighlightBorder#0C0C11fe
  • editor.wordHighlightBackground#505072ad
  • editor.wordHighlightBorder#0A0E0E00
  • editor.wordHighlightStrongBackground#776353a4
  • editor.wordHighlightStrongBorder#0C0E0A00
  • editor.wordHighlightTextBackground#425B5Ea7
  • editor.wordHighlightTextBorder#0D0A0E00
  • editorBracketHighlight.foreground1#F4F4F7ce
  • editorBracketHighlight.foreground2#F4F4F7ce
  • editorBracketHighlight.foreground3#F4F4F7ce
  • editorBracketHighlight.foreground4#F4F4F7ce
  • editorBracketHighlight.foreground5#F4F4F7ce
  • editorBracketHighlight.foreground6#F4F4F7ce
  • editorBracketHighlight.unexpectedBracket.foreground#B0B0FAce
  • editorBracketMatch.background#F2A2B3a3
  • editorBracketMatch.border#0C0C11fe
  • editorBracketPairGuide.activeBackground1#60CD7889
  • editorBracketPairGuide.activeBackground2#97C75484
  • editorBracketPairGuide.activeBackground3#DFA2F08e
  • editorBracketPairGuide.activeBackground4#5EC6D081
  • editorBracketPairGuide.activeBackground5#64CC7C8d
  • editorBracketPairGuide.activeBackground6#F3A2B58b
  • editorBracketPairGuide.background1#34191Ffe
  • editorBracketPairGuide.background2#132123fe
  • editorBracketPairGuide.background3#1D2313fe
  • editorBracketPairGuide.background4#142124fe
  • editorBracketPairGuide.background5#31191Ffe
  • editorBracketPairGuide.background6#1D1D3Afe
  • editorCodeLens.foreground#B3B3EE6e
  • editorCommentsWidget.rangeActiveBackground#B2B2F8fe
  • editorCommentsWidget.rangeBackground#15151Efe
  • editorCommentsWidget.resolvedBorder#0C0C11fe
  • editorCommentsWidget.unresolvedBorder#4B0000cb
  • editorCursor.background#15151Efe
  • editorCursor.foreground#36700Afe
  • editorError.background#0A0E0E00
  • editorError.border#0C0E0A00
  • editorError.foreground#FE8EFEce
  • editorGhostText.background#15151Efe
  • editorGhostText.border#0E0A0B00
  • editorGhostText.foreground#B3B3EC6e
  • editorGroup.border#0C0C11fe
  • editorGroup.dropBackground#15151Efe
  • editorGroup.dropIntoPromptBackground#15151Efe
  • editorGroup.dropIntoPromptBorder#0C0C11fe
  • editorGroup.dropIntoPromptForeground#B0B0FAce
  • editorGroup.emptyBackground#15151Efe
  • editorGroup.focusedEmptyBorder#0C0C11fe
  • editorGroupHeader.border#0A0A0E00
  • editorGroupHeader.noTabsBackground#0D0D13ae
  • editorGroupHeader.tabsBackground#15151Ea1
  • editorGroupHeader.tabsBorder#0A0E0B00
  • editorGutter.addedBackground#4FD156fb
  • editorGutter.background#15151Efe
  • editorGutter.commentGlyphForeground#B0B0FAce
  • editorGutter.commentRangeForeground#B0B0FAce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FE9C9Ccb
  • editorGutter.foldingControlForeground#B0B0FAce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0E0A0B00
  • editorHint.foreground#BFABFEce
  • editorHoverWidget.background#0C0C11fe
  • editorHoverWidget.border#0C0C11fe
  • editorHoverWidget.foreground#B0B0FAce
  • editorHoverWidget.highlightForeground#DDE2D6ca
  • editorHoverWidget.statusBarBackground#15151Efe
  • editorIndentGuide.activeBackground1#B2B2F3fe
  • editorIndentGuide.activeBackground2#B2B2F4fe
  • editorIndentGuide.activeBackground3#B2B2F3fe
  • editorIndentGuide.activeBackground4#B2B2F5fe
  • editorIndentGuide.activeBackground5#B2B2F5fe
  • editorIndentGuide.activeBackground6#B2B2F4fe
  • editorIndentGuide.background1#A4BCBF35
  • editorIndentGuide.background2#C6B9AE35
  • editorIndentGuide.background3#B3BFA435
  • editorIndentGuide.background4#B9A4BF35
  • editorIndentGuide.background5#ABB89A35
  • editorIndentGuide.background6#9AB8A135
  • editorInfo.background#0E0C0A00
  • editorInfo.border#0A0E0B00
  • editorInfo.foreground#BFABFEce
  • editorInlayHint.background#15151Efe
  • editorInlayHint.foreground#B0B0FAce
  • editorInlayHint.parameterBackground#15151Efe
  • editorInlayHint.parameterForeground#B0B0FAce
  • editorInlayHint.typeBackground#15151Efe
  • editorInlayHint.typeForeground#B0B0FAce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#37700Afe
  • editorLineNumber.dimmedForeground#B3B3EE6e
  • editorLineNumber.foreground#B2B2ED6e
  • editorLink.activeForeground#36720Afe
  • editorMarkerNavigation.background#0C0C11fe
  • editorMarkerNavigationError.background#410041bc
  • editorMarkerNavigationError.headerBackground#410041a7
  • editorMarkerNavigationInfo.background#00007Efe
  • editorMarkerNavigationInfo.headerBackground#00007Efe
  • editorMarkerNavigationWarning.background#272000fe
  • editorMarkerNavigationWarning.headerBackground#272000fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#15151Efe
  • editorOverviewRuler.border#1F1F2Cfe
  • editorOverviewRuler.bracketMatchForeground#B0B0FAce
  • editorOverviewRuler.commentForeground#B3B3EF6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#B0B0FAce
  • editorOverviewRuler.currentContentForeground#cececea4
  • editorOverviewRuler.deletedForeground#FE9C9Ccb
  • editorOverviewRuler.errorForeground#FE8EFEce
  • editorOverviewRuler.findMatchForeground#00CECEce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#BFABFEce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#D8C7CBca
  • editorOverviewRuler.selectionHighlightForeground#BFABFEce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#D1D1DFca
  • editorOverviewRuler.wordHighlightStrongForeground#B0B0FAce
  • editorOverviewRuler.wordHighlightTextForeground#B0B0FAce
  • editorPane.background#15151Efe
  • editorRuler.foreground#B1B1F822
  • editorStickyScroll.background#15151Efe
  • editorStickyScroll.shadow#0E0C0A00
  • editorStickyScrollHover.background#1F1F2C6e
  • editorSuggestWidget.background#0C0C11fe
  • editorSuggestWidget.border#0A0E0E00
  • editorSuggestWidget.focusHighlightForeground#4F6C29fe
  • editorSuggestWidget.foreground#DDE2D6fe
  • editorSuggestWidget.highlightForeground#CCDBD0ca
  • editorSuggestWidget.selectedBackground#6857498d
  • editorSuggestWidget.selectedForeground#DBDBE6ca
  • editorSuggestWidget.selectedIconForeground#D5DBCCca
  • editorSuggestWidgetStatus.foreground#C2C2D4fe
  • editorUnicodeHighlight.background#5D3D66ac
  • editorUnicodeHighlight.border#0C0C11fe
  • editorUnnecessaryCode.border#261F00ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0E0C0A00
  • editorWarning.border#0D0A0E00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#B0B0FAce
  • editorWidget.background#0C0C11fe
  • editorWidget.border#0C0C11fe
  • editorWidget.foreground#B0B0FAce
  • editorWidget.resizeBorder#0C0C11fe
  • errorForeground#FE8EFEce
  • extensionBadge.remoteBackground#36720Afe
  • extensionBadge.remoteForeground#0D0D13fe
  • extensionButton.background#0E0E49ae
  • extensionButton.foreground#B0B0FAce
  • extensionButton.hoverBackground#08082B6e
  • extensionButton.prominentBackground#15151Efe
  • extensionButton.prominentForeground#B0B0FAce
  • extensionButton.prominentHoverBackground#15151Efe
  • extensionButton.separator#0D0A0E00
  • extensionIcon.preReleaseForeground#E6DBDEfe
  • extensionIcon.sponsorForeground#CABDB3fe
  • extensionIcon.starForeground#DDE2D6fe
  • extensionIcon.verifiedForeground#E0E8E9fe
  • focusBorder#0A0A0E00
  • foreground#B0B0FAce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FE9C9Ccb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#BFABFEce
  • gitDecoration.stageDeletedResourceForeground#FE9C9Ccb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00CECEce
  • icon.foreground#B3B3F6ae
  • inlineChat.background#1D1D3Dca
  • inlineChat.border#2D1932ca
  • inlineChat.regionHighlight#E2D6D9ca
  • inlineChat.shadow#E2DCD6ca
  • inlineChatDiff.inserted#DBE6DEca
  • inlineChatDiff.removed#E5E9E0ca
  • inlineChatInput.background#C7C7D8ca
  • inlineChatInput.border#2D1931ca
  • inlineChatInput.focusBorder#0A0E0E00
  • inlineChatInput.placeholderForeground#E0D6E2ca
  • input.background#0C0C11fe
  • input.border#0C0C11fe
  • input.foreground#B0B0FAce
  • input.placeholderForeground#B4B4DF65
  • inputOption.activeBackground#0C0C11fe
  • inputOption.activeBorder#0C0C11fe
  • inputOption.activeForeground#37720Bfe
  • inputOption.hoverBackground#0C0C11fe
  • inputValidation.errorBackground#670067c0
  • inputValidation.errorBorder#410041a9
  • inputValidation.errorForeground#FE8EFEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0C0C11fe
  • inputValidation.infoForeground#B0B0FAce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0C0C11fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0C0C11fe
  • interactive.inactiveCodeBorder#09092F98
  • keybindingLabel.background#15151Efe
  • keybindingLabel.border#0C0C11fe
  • keybindingLabel.bottomBorder#0C0C11fe
  • keybindingLabel.foreground#B0B0FAce
  • keybindingTable.headerBackground#15151Efe
  • keybindingTable.rowsBackground#15151Efe
  • list.activeSelectionBackground#5072588e
  • list.activeSelectionForeground#CCDADBca
  • list.activeSelectionIconForeground#E0E9E2ca
  • list.deemphasizedForeground#B0B0FAce
  • list.dropBackground#15151Efe
  • list.errorForeground#FE8EFEce
  • list.filterMatchBackground#15151Efe
  • list.filterMatchBorder#0C0C11fe
  • list.focusAndSelectionOutline#0D0A0E00
  • list.focusBackground#3C3C9E96
  • list.focusForeground#36700Bfe
  • list.focusHighlightForeground#A02BBDfe
  • list.focusOutline#0D0A0E00
  • list.highlightForeground#CCCCDBca
  • list.hoverBackground#08082B6e
  • list.hoverForeground#37710Bfe
  • list.inactiveFocusBackground#22223197
  • list.inactiveFocusOutline#0E0C0A00
  • list.inactiveSelectionBackground#0D0D13ae
  • list.inactiveSelectionForeground#B2B2E865
  • list.inactiveSelectionIconForeground#B3B3E565
  • list.invalidItemForeground#B0B0FAce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#15151Efe
  • listFilterWidget.noMatchesOutline#0C0E0A00
  • listFilterWidget.outline#0A0E0E00
  • listFilterWidget.shadow#0C0E0A00
  • menu.background#0D0D13fe
  • menu.border#0C0E0A00
  • menu.foreground#B3B3FCae
  • menu.selectionBackground#816C5Aa9
  • menu.selectionBorder#0A0E0B00
  • menu.selectionForeground#36700Afe
  • menu.separatorBackground#1C1C4165
  • menubar.selectionBackground#82618Ba7
  • menubar.selectionBorder#0C0E0A00
  • menubar.selectionForeground#37700Afe
  • merge.border#0C0C11fe
  • merge.commonContentBackground#15151Efe
  • merge.commonHeaderBackground#15151Efe
  • merge.currentContentBackground#00280031
  • merge.currentHeaderBackground#0A260Cfb
  • merge.incomingContentBackground#0D260Ecb
  • merge.incomingHeaderBackground#0A260Cfb
  • mergeEditor.change.background#15151Efe
  • mergeEditor.change.word.background#15151Efe
  • mergeEditor.changeBase.background#15151Efe
  • mergeEditor.changeBase.word.background#15151Efe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0C0C11fe
  • mergeEditor.conflict.handledUnfocused.border#1B1B273a
  • mergeEditor.conflict.input1.background#0C0C11fe
  • mergeEditor.conflict.input2.background#0C0C11fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067b5
  • mergeEditor.conflict.unhandledFocused.border#0C0C11fe
  • mergeEditor.conflict.unhandledUnfocused.border#18182229
  • mergeEditor.conflictingLines.background#15151Efe
  • minimap.background#15151Efe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F4F4F7ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#4FD156fb
  • minimapGutter.deletedBackground#FE9F9Ffb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#535377fe
  • minimapSlider.background#3E3E59ae
  • minimapSlider.hoverBackground#2D2D406e
  • notebook.cellBorderColor#0C0C11fe
  • notebook.cellEditorBackground#15151Efe
  • notebook.cellHoverBackground#15151Efe
  • notebook.cellInsertionIndicator#D6E2D9ca
  • notebook.cellStatusBarItemHoverBackground#15151Efe
  • notebook.cellToolbarSeparator#E2D6D9ca
  • notebook.editorBackground#15151Efe
  • notebook.focusedCellBackground#15151Efe
  • notebook.focusedCellBorder#36700Bfe
  • notebook.focusedEditorBorder#0C0C11fe
  • notebook.inactiveFocusedCellBorder#57577C8e
  • notebook.inactiveSelectedCellBorder#5A5A818e
  • notebook.outputContainerBackgroundColor#15151Efe
  • notebook.outputContainerBorderColor#0C0C11fe
  • notebook.selectedCellBackground#15151Efe
  • notebook.selectedCellBorder#0C0C11fe
  • notebook.symbolHighlightBackground#15151Efe
  • notebookEditorOverviewRuler.runningCellForeground#B0B0FAce
  • notebookScrollbarSlider.activeBackground#5E5E86fe
  • notebookScrollbarSlider.background#37374Fae
  • notebookScrollbarSlider.hoverBackground#2D2D406e
  • notebookStatusErrorIcon.foreground#FE8EFEce
  • notebookStatusRunningIcon.foreground#CCCCDBfe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0C0C11fe
  • notificationCenterHeader.background#15151Efe
  • notificationCenterHeader.foreground#B0B0FAce
  • notificationLink.foreground#B0B0FAce
  • notifications.background#15151Efe
  • notifications.border#0C0C11fe
  • notifications.foreground#B0B0FAce
  • notificationsErrorIcon.foreground#FE8EFEce
  • notificationsInfoIcon.foreground#B5B5D2fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0C0C11fe
  • panel.background#15151Efe
  • panel.border#0C0C11fe
  • panel.dropBorder#0C0C11fe
  • panelInput.border#0C0C11fe
  • panelSection.border#0C0C11fe
  • panelSection.dropBackground#15151Efe
  • panelSectionHeader.background#15151Efe
  • panelSectionHeader.border#0C0C11fe
  • panelSectionHeader.foreground#B0B0FAce
  • panelTitle.activeBorder#0E0C0A00
  • panelTitle.activeForeground#357307fe
  • panelTitle.inactiveForeground#9F9FBC65
  • peekView.border#327104fe
  • peekViewEditor.background#0C0C11fe
  • peekViewEditor.matchHighlightBackground#5E424883
  • peekViewEditor.matchHighlightBorder#0A0E0E00
  • peekViewEditorGutter.background#0C0C11fe
  • peekViewEditorStickyScroll.background#15151Efe
  • peekViewResult.background#0D0D13fe
  • peekViewResult.fileForeground#B0B0FAce
  • peekViewResult.lineForeground#B0B0FAce
  • peekViewResult.matchHighlightBackground#374D4F8b
  • peekViewResult.selectionBackground#54463B8b
  • peekViewResult.selectionForeground#DFD1D4ca
  • peekViewTitle.background#0D0D13fe
  • peekViewTitleDescription.foreground#B0B0FAce
  • peekViewTitleLabel.foreground#B0B0FAce
  • pickerGroup.border#0C0C11fe
  • pickerGroup.foreground#B0B0FAce
  • ports.iconRunningProcessForeground#DFD1D4fe
  • problemsErrorIcon.foreground#FE8EFEce
  • problemsInfoIcon.foreground#BFABFEce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#36700Afe
  • profileBadge.foreground#0D0D13fe
  • progressBar.background#15151Efe
  • quickInput.background#0D0D13fe
  • quickInput.foreground#E5E5EDae
  • quickInputList.focusBackground#664C6Da9
  • quickInputList.focusForeground#37700Afe
  • quickInputList.focusIconForeground#36700Afe
  • quickInputTitle.background#0C0C11fe
  • sash.hoverBorder#0C0C11fe
  • scrollbar.shadow#0D0A0E00
  • scrollbarSlider.activeBackground#5E5E86fe
  • scrollbarSlider.background#34344Aae
  • scrollbarSlider.hoverBackground#2222316e
  • search.resultsInfoForeground#B0B0FAce
  • searchEditor.findMatchBackground#3B5254ae
  • searchEditor.findMatchBorder#0C0C11fe
  • searchEditor.textInputBorder#0C0C11fe
  • selection.background#15151Efe
  • settings.checkboxBackground#0C0C11fe
  • settings.checkboxBorder#0C0C11fe
  • settings.checkboxForeground#B0B0FAce
  • settings.dropdownBackground#0C0C11fe
  • settings.dropdownBorder#0C0C11fe
  • settings.dropdownForeground#B0B0FAce
  • settings.dropdownListBorder#0C0C11fe
  • settings.focusedRowBackground#50725886
  • settings.focusedRowBorder#0C0C11fe
  • settings.headerBorder#0C0C11fe
  • settings.headerForeground#B0B0FAce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0C0C11fe
  • settings.numberInputBorder#0C0C11fe
  • settings.numberInputForeground#B0B0FAce
  • settings.rowHoverBackground#15151Efe
  • settings.sashBorder#0C0C11fe
  • settings.settingsHeaderHoverForeground#36700Afe
  • settings.textInputBackground#0C0C11fe
  • settings.textInputBorder#0C0C11fe
  • settings.textInputForeground#B0B0FAce
  • sideBar.background#15151Efe
  • sideBar.border#0C0C11fe
  • sideBar.dropBackground#15151Efe
  • sideBar.foreground#B3B3F6ae
  • sideBarSectionHeader.background#0E0C0A00
  • sideBarSectionHeader.border#0C0C11fe
  • sideBarSectionHeader.foreground#B0B0FAce
  • sideBarTitle.foreground#B0B0FAce
  • sideBySideEditor.horizontalBorder#0C0C11fe
  • sideBySideEditor.verticalBorder#0C0C11fe
  • simpleFindWidget.sashBorder#0C0C11fe
  • statusBar.background#0D0D13fe
  • statusBar.border#0C0C11fe
  • statusBar.debuggingBackground#410041c2
  • statusBar.debuggingBorder#0C0C11fe
  • statusBar.debuggingForeground#B0B0FAce
  • statusBar.focusBorder#0E0C0A00
  • statusBar.foreground#B3B3EE6e
  • statusBar.noFolderBackground#0D0D13fe
  • statusBar.noFolderBorder#0C0C11fe
  • statusBar.noFolderForeground#B0B0FAce
  • statusBarItem.activeBackground#0D0D13fe
  • statusBarItem.compactHoverBackground#0D0D13fe
  • statusBarItem.errorBackground#41004199
  • statusBarItem.errorForeground#FE8EFEce
  • statusBarItem.errorHoverBackground#410041ad
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0A0E0E00
  • statusBarItem.hoverBackground#0D0D13fe
  • statusBarItem.hoverForeground#36700Bfe
  • statusBarItem.offlineBackground#0D0D13fe
  • statusBarItem.offlineForeground#B0B0FAce
  • statusBarItem.offlineHoverBackground#0D0D13fe
  • statusBarItem.offlineHoverForeground#37710Bfe
  • statusBarItem.prominentBackground#0D0D13fe
  • statusBarItem.prominentForeground#B0B0FAce
  • statusBarItem.prominentHoverBackground#0D0D13fe
  • statusBarItem.prominentHoverForeground#36700Bfe
  • statusBarItem.remoteBackground#37720Bfe
  • statusBarItem.remoteForeground#0D0D13fe
  • statusBarItem.remoteHoverBackground#0D0D13fe
  • statusBarItem.remoteHoverForeground#36700Afe
  • statusBarItem.warningBackground#272000fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#272000fe
  • statusBarItem.warningHoverForeground#776300ce
  • symbolIcon.arrayForeground#D5DBCCfe
  • symbolIcon.booleanForeground#00CECEce
  • symbolIcon.classForeground#C5B3CAfe
  • symbolIcon.colorForeground#B3CAB8fe
  • symbolIcon.constantForeground#BDBDD1fe
  • symbolIcon.constructorForeground#B8CBCDfe
  • symbolIcon.enumeratorForeground#C7D8CBfe
  • symbolIcon.enumeratorMemberForeground#B3C7CAfe
  • symbolIcon.eventForeground#DFD7D1fe
  • symbolIcon.fieldForeground#B8CDBDfe
  • symbolIcon.fileForeground#DDE2D6fe
  • symbolIcon.folderForeground#CABDB3fe
  • symbolIcon.functionForeground#CCD4C2fe
  • symbolIcon.interfaceForeground#B3CAB8fe
  • symbolIcon.keyForeground#CABDB3fe
  • symbolIcon.keywordForeground#D4C2C6fe
  • symbolIcon.methodForeground#B3CAB8fe
  • symbolIcon.moduleForeground#DFD1D4fe
  • symbolIcon.namespaceForeground#E7E0E9fe
  • symbolIcon.nullForeground#D4C7D8fe
  • symbolIcon.numberForeground#B3CAB8fe
  • symbolIcon.objectForeground#DBE5E6fe
  • symbolIcon.operatorForeground#C2D4C6fe
  • symbolIcon.packageForeground#DFD1D4fe
  • symbolIcon.propertyForeground#B8B8CDfe
  • symbolIcon.referenceForeground#C2D2D4fe
  • symbolIcon.snippetForeground#C4CDB8fe
  • symbolIcon.stringForeground#D8C7CBfe
  • symbolIcon.structForeground#D4CAC2fe
  • symbolIcon.textForeground#D1D8C7fe
  • symbolIcon.typeParameterForeground#D1D8C7fe
  • symbolIcon.unitForeground#BDBDD1fe
  • symbolIcon.variableForeground#D8CFC7fe
  • tab.activeBackground#0F0F16fe
  • tab.activeBorder#0A0A0E00
  • tab.activeBorderTop#347106fe
  • tab.activeForeground#347106fe
  • tab.activeModifiedBorder#261F00ce
  • tab.border#0C0E0A00
  • tab.hoverBackground#B2B2F86e
  • tab.hoverBorder#0C0C11fe
  • tab.hoverForeground#36720Afe
  • tab.inactiveBackground#09092F9b
  • tab.inactiveForeground#9F9FBC65
  • tab.inactiveModifiedBorder#261F00ce
  • tab.lastPinnedBorder#0C0C11fe
  • tab.unfocusedActiveBackground#18182235
  • tab.unfocusedActiveBorder#0A0E0E00
  • tab.unfocusedActiveBorderTop#1C1C4565
  • tab.unfocusedActiveForeground#9A9AB865
  • tab.unfocusedActiveModifiedBorder#261F00ce
  • tab.unfocusedHoverBackground#B3B3F86e
  • tab.unfocusedHoverBorder#1B1B272b
  • tab.unfocusedHoverForeground#A4A4BF65
  • tab.unfocusedInactiveBackground#29293B95
  • tab.unfocusedInactiveForeground#A4A4BF65
  • tab.unfocusedInactiveModifiedBorder#261F00ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333b5
  • 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#670067c6
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececeb2
  • terminal.ansiYellow#c4a200fe
  • terminal.background#15151Efe
  • terminal.border#0C0C11fe
  • terminal.dropBackground#15151Efe
  • terminal.findMatchBackground#15151Efe
  • terminal.findMatchBorder#0C0C11fe
  • terminal.findMatchHighlightBackground#15151Efe
  • terminal.findMatchHighlightBorder#0C0C11fe
  • terminal.foreground#B3B3F6ae
  • terminal.hoverHighlightBackground#15151Efe
  • terminal.inactiveSelectionBackground#2D2D4096
  • terminal.selectionBackground#5D456386
  • terminal.selectionForeground#CCCCDBca
  • terminal.tab.activeBorder#347306fe
  • terminalCommandDecoration.defaultBackground#B3B3F5ae
  • terminalCommandDecoration.errorBackground#FE9C9Ccb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#15151Efe
  • terminalCursor.foreground#37710Bfe
  • terminalOverviewRuler.cursorForeground#B0B0FAce
  • terminalOverviewRuler.findMatchForeground#00CECEce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0bb
  • testing.iconUnset#8080809e
  • testing.message.error.decorationForeground#7ED73Cfe
  • testing.message.error.lineBackground#410041ca
  • testing.message.info.decorationForeground#75D230fe
  • testing.message.info.lineBackground#00007Efe
  • testing.peekBorder#0C0C11fe
  • testing.peekHeaderBackground#15151Efe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#15151Efe
  • textBlockQuote.border#0C0C11fe
  • textCodeBlock.background#15151Efe
  • textLink.activeForeground#36700Afe
  • textLink.foreground#BFABFEce
  • textPreformat.foreground#B0B0FAce
  • textSeparator.foreground#B0B0FAce
  • titleBar.activeBackground#0D0D13fe
  • titleBar.activeForeground#5050DFae
  • titleBar.border#0E0C0A00
  • titleBar.inactiveBackground#1B1B27dd
  • titleBar.inactiveForeground#9A9AB865
  • toolbar.activeBackground#2E1D0E89
  • toolbar.hoverBackground#15151Efe
  • toolbar.hoverOutline#0A0A0E00
  • tree.inactiveIndentGuidesStroke#81A78A35
  • tree.indentGuidesStroke#7AD536fe
  • tree.tableColumnsBorder#0C0C11fe
  • tree.tableOddRowsBackground#15151Efe
  • walkThrough.embeddedEditorBackground#15151Efe
  • walkthrough.stepTitle.foreground#B0B0FAce
  • welcomePage.background#15151Efe
  • welcomePage.progress.background#15151Efe
  • welcomePage.progress.foreground#B0B0FAce
  • welcomePage.tileBackground#15151Efe
  • welcomePage.tileBorder#0C0C11fe
  • welcomePage.tileHoverBackground#15151Efe
  • widget.border#0C0C11fe
  • widget.shadow#0A0E0E00
  • window.activeBorder#0C0C11fe
  • window.inactiveBorder#0B0B3396

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#9898F96e—
comment.block.html#9A9AF86e—
comment.block.java#9999F76e—
comment.block.javadoc.java#9898F96e—
comment.block.powershell#9999F76e—
comment.block.xml#9A9AF86e—
comment.line.double-slash.c#9898F96e—
comment.line.double-slash.cpp#9A9AF86e—
comment.line.double-slash.java#9898F96e—
comment.line.double-slash.js#9999F76e—
comment.line.number-sign.makefile#9999F76e—
comment.line.number-sign.python#9999F76e—
comment.line.number-sign.yaml#9A9AF86e—
comment.line.percentage.erlang#9A9AF86e—
comment.line.powershell#9898F96e—
comment.source.cmake#9A9AF86e—
comment.source.cmakecache#9898F96e—
constant.character#55B80Ade—
constant.character.character-class.regexp#9F98F6de—
constant.character.escape#9E97F6de—
constant.character.set.regexp#55B909de—
constant.language#09C44Cde—
constant.numeric#F07F8Fde—
constant.numeric.dec.python#F08090de—
constant.other.caps.python#E2B953de—
constant.other.character-class.regexp#08ACEDde—
constant.other.character-class.set.regexp#DDB247de—
constant.other.color.rgb-value#9D96F5de—
constant.other.placeholder#F79EABde—
constant.other.rgb-value#E982F1de—
constant.regexp#9F98F6de—
constant.sha.git-rebase#55B90Ade—
emphasis#DAAF41de—
entity.name.class#9E97F5de—
entity.name.function#CB9E2Ede—
entity.name.function.preprocessor#F597A4de—
entity.name.function.python#F09EF7de—
entity.name.label#67B52Dde—
entity.name.namespace#9D96F5de—
entity.name.operator#07AFF4de—
entity.name.operator.custom-literal#E577EEde—
entity.name.scope-resolution#53B9E2de—
entity.name.tag#36D56Ede—
entity.name.tag.css#2ECB66de—
entity.name.type#DDB247de—
entity.name.variable#9E97F5de—
entity.other.attribute#E577EEde—
entity.other.attribute-name#F18190de—
entity.other.attribute-name.class.css#9D97F5de—
entity.other.attribute-name.class.mixin.css#F28998de—
entity.other.attribute-name.id#6EC32Ede—
entity.other.attribute-name.id.css#3EACD9de—
entity.other.attribute-name.parent-selector.css#67B42Dde—
entity.other.attribute-name.pseudo-class.css#E2B953de—
entity.other.attribute-name.pseudo-element.css#D5A736de—
entity.other.attribute-name.scss#F28998de—
entity.other.document.begin.yaml#9898F96e—
entity.other.inherited-class#07BA48de—
header#30D26Ade—
invalid#E576EEde—
keyword#09C44Cde—
keyword.codetag.notation.python#67B42Dde—
keyword.control#36D56Ede—
keyword.control.anchor.regexp#A59EF7de—
keyword.control.import.python#08D251de—
keyword.operator#E576EEde—
keyword.operator.alignas#E577EEde—
keyword.operator.alignof#9D96F5de—
keyword.operator.cast#D29909de—
keyword.operator.delete#67B42Dde—
keyword.operator.documentation.powershell#9999F76e—
keyword.operator.expression#9E97F6de—
keyword.operator.instanceof#5ABDE5de—
keyword.operator.logical.python#9D96F5de—
keyword.operator.minus.exponent#F597A4de—
keyword.operator.negation.regexp#9E98F6de—
keyword.operator.new#E575EEde—
keyword.operator.noexcept#DDB247de—
keyword.operator.or.regexp#09BD49de—
keyword.operator.plus.exponent#55B90Ade—
keyword.operator.quantifier.regexp#F07F8Fde—
keyword.operator.sizeof#9E97F5de—
keyword.operator.typeid#E2B953de—
keyword.operator.wordlike#09BD49de—
keyword.other.operator#D7AB3Cde—
keyword.other.package.java#53B709de—
keyword.other.unit#E2B953de—
keyword.other.using#9E97F5de—
markup.bold#EB89F2de—
markup.changed#E577EEde—
markup.deleted#D39707de—
markup.fenced_code.block.markdown#67C4E9de—
markup.heading#C89C2Dde—
markup.inline.raw#F08090de—
markup.inserted#3EACD9de—
markup.italic#9D96F5de—
markup.raw.block.markdown#F09EF7de—
markup.strikethrough#D19709de—
markup.underline#9D96F5de—
meta.block.c#9F98F6de—
meta.block.c#6DC7EBde—
meta.class.java#54B909de—
meta.definition.variable.name#9D97F5de—
meta.diff.header#E577EEde—
meta.embedded#A59EF7de—
meta.embedded.assembly#F18291de—
meta.function-call.arguments.python#D09809de—
meta.function-call.python#F08090de—
meta.member.access.python#E577EEde—
meta.method.java#F18091de—
meta.object-literal.key#DDB247de—
meta.paragraph.markdown#F07F8Fde—
meta.preprocessor#F8A6B1de—
meta.preprocessor.numeric#9D96F5de—
meta.preprocessor.string#F07F8Ede—
meta.scope.prerequisites.makefile#F07F8Ede—
meta.structure.dictionary.json.comments#9898F96e—
meta.structure.dictionary.key.python#09C44Cde—
meta.structure.dictionary.value.json.comments#9898F96e—
meta.template.expression#07AFF4de—
meta.type.cast.expr#E577EEde—
meta.type.new.expr#F07F8Fde—
parameter#C89C2Dde—
punctuation.character.set.begin.regexp#D29909de—
punctuation.character.set.end.regexp#F08090de—
punctuation.definition.array.begin.json#9E97F5de—
punctuation.definition.character-class.regexp#ED90F4de—
punctuation.definition.comment#9898F86e—
punctuation.definition.comment.json.comments#9898F96e—
punctuation.definition.comment.python#9898F96e—
punctuation.definition.dictionary.begin.json#55B90Ade—
punctuation.definition.dictionary.end.json#53B908de—
punctuation.definition.group.assertion.regexp#9D96F5de—
punctuation.definition.group.regexp#C89C2Ede—
punctuation.definition.list.begin.json#9D96F5de—
punctuation.definition.list.begin.markdown#08D251de—
punctuation.definition.list.begin.python#F07F8Fde—
punctuation.definition.list.end.json#F07F90de—
punctuation.definition.list.end.markdown#E575EEde—
punctuation.definition.list.end.python#07AFF4de—
punctuation.definition.parameters.begin.python#9D96F5de—
punctuation.definition.parameters.end.bracket.round.java#08ACEDde—
punctuation.definition.quote.begin.markdown#C89C2Ede—
punctuation.definition.tag#E577EEde—
punctuation.definition.template-expression.begin#EB89F2de—
punctuation.definition.template-expression.end#F07F8Fde—
punctuation.section.class.begin.bracket.curly.java#9D97F5de—
punctuation.section.embedded#2DB85Ede—
punctuation.section.embedded.begin.php#F07F90de—
punctuation.section.embedded.end.php#E577EEde—
punctuation.terminator.java#9D96F5de—
source.cmake#C89C2Dde—
source.coffee.embedded#71CB2Ede—
source.cpp#09C44Cde—
source.css.less#9D96F5de—
source.groovy.embedded#2ECB66de—
source.java#3EADD9de—
source.java-properties#54B909de—
source.json.comments#9898F86e—
source.makefile#9D96F5de—
source.powershell#74CAEDde—
source.powershell.variable.other.member#9F98F6de—
source.python#F09EF7de—
storage#9E97F6de—
storage.modifier#E576EEde—
storage.modifier.import.java#74CAEDde—
storage.modifier.package.java#D5A736de—
storage.type#54B80Ade—
storage.type.annotation.groovy#9E97F6de—
storage.type.annotation.java#67C4E9de—
storage.type.boolean.go#D29809de—
storage.type.byte.go#F07F90de—
storage.type.cs#08ACEDde—
storage.type.error.go#D19709de—
storage.type.generic.cs#54BA07de—
storage.type.generic.groovy#3EADD9de—
storage.type.generic.java#F08090de—
storage.type.groovy#9E97F5de—
storage.type.java#2DBA60de—
storage.type.modifier.cs#D29909de—
storage.type.numeric.go#A59EF7de—
storage.type.object.array.groovy#C79B2Dde—
storage.type.object.array.java#C79B2Dde—
storage.type.parameters.groovy#09BD49de—
storage.type.primitive.array.groovy#E576EEde—
storage.type.primitive.array.java#07DB54de—
storage.type.primitive.groovy#5ABDE5de—
storage.type.primitive.java#30D26Ade—
storage.type.rune.go#D19709de—
storage.type.string.go#C79B2Dde—
storage.type.token.java#E576EEde—
storage.type.uintptr.go#D19709de—
storage.type.variable.cs#09BB48de—
string#F07F8Ede—
string.quoted.docstring.multi.python#9898F86e—
string.regexp#55B80Ade—
string.tag#54B908de—
string.value#E0B64Dde—
strong#E675EEde—
support.class#D7AB3Cde—
support.constant.color#F18190de—
support.constant.dom#9E97F5de—
support.constant.font-name#9D97F5de—
support.constant.handlebars#E2B953de—
support.constant.json#3EACD9de—
support.constant.math#F08090de—
support.constant.media#F07F8Ede—
support.constant.media-type#55B90Ade—
support.constant.property-value#F28998de—
support.function#08D251de—
support.function.git-rebase#F07F8Fde—
support.other.parenthesis.regexp#54B709de—
support.type#55B90Ade—
support.type.property-name#E576EEde—
support.type.vendored.property-name#08D550de—
support.variable#55B80Ade—
token.debug-token#D5A736de—
token.error-token#9E97F5de—
token.info-token#3EACD9de—
token.warn-token#F18191de—
variable#3CADD9de—
variable.css#3FADDAde—
variable.language#4DB6E0de—
variable.language.wildcard.java#D29809de—
variable.other.constant#54B709de—
variable.other.definition.java#09C44Cde—
variable.other.enummember#09C44Cde—
variable.other.less#6EC32Ede—
variable.other.object.java#4DB6E0de—
variable.other.object.property.java#54B709de—
variable.parameter.c#D19709de—
variable.parameter.function.language.python#D19708de—
variable.parameter.java#07DB54de—
variable.scss#55B90Ade—