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#1a1d1afe
  • activityBar.activeBackground#1a1d1afe
  • activityBar.activeBorder#11C5C5fe
  • activityBar.activeFocusBorder#73636B00
  • activityBar.background#101210fe
  • activityBar.border#67677800
  • activityBar.dropBorder#07C2C2fe
  • activityBar.foreground#0FC5C5fe
  • activityBar.inactiveForeground#AAB3AA65
  • activityBarBadge.background#12C4C4fe
  • activityBarBadge.foreground#101210fe
  • badge.background#11C5C5fe
  • badge.foreground#101210fe
  • banner.background#1a1d1afe
  • banner.foreground#D0FBD0ce
  • banner.iconForeground#D3CECEfe
  • breadcrumb.activeSelectionForeground#E3DFE0ca
  • breadcrumb.background#121412fe
  • breadcrumb.focusForeground#10C5C5fe
  • breadcrumb.foreground#E4E7E4ae
  • breadcrumbPicker.background#1a1d1afe
  • button.background#414941ae
  • button.border#0C0E0D00
  • button.foreground#D0FBD0ce
  • button.hoverBackground#555F556e
  • button.secondaryBackground#1a1d1afe
  • button.secondaryForeground#D0FBD0ce
  • button.secondaryHoverBackground#1a1d1afe
  • button.separator#0C0E0D00
  • charts.blue#1b1bfffe
  • charts.foreground#D0FBD0ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#6700679e
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0E100Efe
  • chat.slashCommandBackground#1a1d1afe
  • chat.slashCommandForeground#D0FBD0ce
  • checkbox.background#0E100Efe
  • checkbox.border#0E100Efe
  • checkbox.foreground#D0FBD0ce
  • checkbox.selectBackground#0E100Efe
  • checkbox.selectBorder#0E100Efe
  • commandCenter.activeBackground#43232E81
  • commandCenter.activeBorder#0E100Efe
  • commandCenter.activeForeground#0BC5C5fe
  • commandCenter.background#1a1d1afe
  • commandCenter.border#0E100Efe
  • commandCenter.foreground#D0FBD0ce
  • commandCenter.inactiveBorder#14331493
  • commandCenter.inactiveForeground#A1ABA165
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0E0C0D00
  • contrastBorder#0C0C0E00
  • debugConsole.errorForeground#FF98FFce
  • debugConsole.infoForeground#D0FBD0ce
  • debugConsole.sourceForeground#D0FBD0ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#D3CECFfe
  • debugExceptionWidget.background#550055bd
  • debugExceptionWidget.border#0E100Efe
  • debugIcon.breakpointCurrentStackframeForeground#D7D7DBfe
  • debugIcon.breakpointDisabledForeground#B8BFB865
  • debugIcon.breakpointForeground#D9DBD7fe
  • debugIcon.breakpointStackframeForeground#CDCFC9fe
  • debugIcon.breakpointUnverifiedForeground#C0C7C5fe
  • debugIcon.continueForeground#BCC3BCfe
  • debugIcon.disconnectForeground#CED3CEfe
  • debugIcon.pauseForeground#C0C7C0fe
  • debugIcon.restartForeground#DDDFDBfe
  • debugIcon.startForeground#C3BCBEfe
  • debugIcon.stepBackForeground#E2E3DFfe
  • debugIcon.stepIntoForeground#C7C5CBfe
  • debugIcon.stepOutForeground#DBDFDDfe
  • debugIcon.stepOverForeground#DFDBDCfe
  • debugIcon.stopForeground#DCDBDFfe
  • debugTokenExpression.boolean#D7DBD7ca
  • debugTokenExpression.error#DFDFE3ca
  • debugTokenExpression.name#D2D7D2ca
  • debugTokenExpression.number#D2D7D5ca
  • debugTokenExpression.value#E4E4E7ca
  • debugToolBar.background#550055b7
  • debugToolBar.border#0E100Efe
  • debugView.exceptionLabelBackground#31293Fca
  • debugView.exceptionLabelForeground#DCDBDFca
  • debugView.stateLabelBackground#212E21ca
  • debugView.stateLabelForeground#D7D2D2ca
  • debugView.valueChangedHighlight#D7D7DBca
  • descriptionForeground#D0FBD0ce
  • diffEditor.border#0E0C0C00
  • diffEditor.diagonalFill#000000ee
  • diffEditor.insertedLineBackground#00340031
  • diffEditor.insertedTextBackground#113413fb
  • diffEditor.insertedTextBorder#0C0E0D00
  • diffEditor.move.border#0C0E0D00
  • diffEditor.moveActive.border#0C0E0D00
  • diffEditor.removedLineBackground#61000031
  • diffEditor.removedTextBackground#620000fb
  • diffEditor.removedTextBorder#0D0E0C00
  • diffEditor.unchangedCodeBackground#1a1d1afe
  • diffEditor.unchangedRegionBackground#1a1d1afe
  • diffEditor.unchangedRegionForeground#D0FBD0ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B7BFB765
  • dropdown.background#0E100Efe
  • dropdown.border#0E100Efe
  • dropdown.foreground#D0FBD0ce
  • dropdown.listBackground#0E100Efe
  • editor.background#1a1d1afe
  • editor.findMatchBackground#49524Fa5
  • editor.findMatchBorder#0E100Efe
  • editor.findMatchHighlightBackground#685D5Daa
  • editor.findMatchHighlightBorder#0E100Efe
  • editor.findRangeHighlightBackground#564D50a1
  • editor.findRangeHighlightBorder#0E100Efe
  • editor.focusedStackFrameHighlightBackground#544B4B82
  • editor.foldBackground#BFBDC4a9
  • editor.foreground#D0FBD0ce
  • editor.hoverHighlightBackground#59555Fab
  • editor.inactiveSelectionBackground#474F479a
  • editor.inlineValuesBackground#1a1d1afe
  • editor.inlineValuesForeground#D0FBD0ce
  • editor.lineHighlightBackground#2D332Db5
  • editor.lineHighlightBorder#0C0C0E00
  • editor.linkedEditingBackground#1a1d1afe
  • editor.rangeHighlightBackground#64685Da8
  • editor.rangeHighlightBorder#0E100Efe
  • editor.selectionBackground#4C4E45a8
  • editor.selectionForeground#D7D2D4ca
  • editor.selectionHighlightBackground#544B4B88
  • editor.selectionHighlightBorder#0E100Efe
  • editor.snippetFinalTabstopHighlightBackground#55555Fa6
  • editor.snippetFinalTabstopHighlightBorder#0E100Efe
  • editor.snippetTabstopHighlightBackground#495249a2
  • editor.snippetTabstopHighlightBorder#0E100Efe
  • editor.stackFrameHighlightBackground#5F5559ae
  • editor.symbolHighlightBackground#606459a7
  • editor.symbolHighlightBorder#0E100Efe
  • editor.wordHighlightBackground#596459a2
  • editor.wordHighlightBorder#0D0E0C00
  • editor.wordHighlightStrongBackground#475047ae
  • editor.wordHighlightStrongBorder#0C0E0C00
  • editor.wordHighlightTextBackground#504C56a4
  • editor.wordHighlightTextBorder#0C0E0C00
  • editorBracketHighlight.foreground1#F6F7F6ce
  • editorBracketHighlight.foreground2#F6F7F6ce
  • editorBracketHighlight.foreground3#F6F7F6ce
  • editorBracketHighlight.foreground4#F6F7F6ce
  • editorBracketHighlight.foreground5#F6F7F6ce
  • editorBracketHighlight.foreground6#F6F7F6ce
  • editorBracketHighlight.unexpectedBracket.foreground#D0FBD0ce
  • editorBracketMatch.background#BCBCC4a9
  • editorBracketMatch.border#0E100Efe
  • editorBracketPairGuide.activeBackground1#BDBDC387
  • editorBracketPairGuide.activeBackground2#C3BCBC8a
  • editorBracketPairGuide.activeBackground3#BFBCC381
  • editorBracketPairGuide.activeBackground4#C3BCBE84
  • editorBracketPairGuide.activeBackground5#B9C0BD81
  • editorBracketPairGuide.activeBackground6#C2BBBB83
  • editorBracketPairGuide.background1#392727fe
  • editorBracketPairGuide.background2#3C252Cfe
  • editorBracketPairGuide.background3#212F21fe
  • editorBracketPairGuide.background4#2C2C32fe
  • editorBracketPairGuide.background5#2E2C32fe
  • editorBracketPairGuide.background6#3B262Dfe
  • editorCodeLens.foreground#B8BFB86e
  • editorCommentsWidget.rangeActiveBackground#B9C0B9fe
  • editorCommentsWidget.rangeBackground#1a1d1afe
  • editorCommentsWidget.resolvedBorder#0E100Efe
  • editorCommentsWidget.unresolvedBorder#620000cb
  • editorCursor.background#1a1d1afe
  • editorCursor.foreground#0CC5C5fe
  • editorError.background#0D0C0E00
  • editorError.border#0C0E0D00
  • editorError.foreground#FF98FFce
  • editorGhostText.background#1a1d1afe
  • editorGhostText.border#0E0C0C00
  • editorGhostText.foreground#B8BFB86e
  • editorGroup.border#0E100Efe
  • editorGroup.dropBackground#1a1d1afe
  • editorGroup.dropIntoPromptBackground#1a1d1afe
  • editorGroup.dropIntoPromptBorder#0E100Efe
  • editorGroup.dropIntoPromptForeground#D0FBD0ce
  • editorGroup.emptyBackground#1a1d1afe
  • editorGroup.focusedEmptyBorder#0E100Efe
  • editorGroupHeader.border#0C0C0E00
  • editorGroupHeader.noTabsBackground#101210ae
  • editorGroupHeader.tabsBackground#1a1d1aa1
  • editorGroupHeader.tabsBorder#0D0C0E00
  • editorGutter.addedBackground#8ACD8Efb
  • editorGutter.background#1a1d1afe
  • editorGutter.commentGlyphForeground#D0FBD0ce
  • editorGutter.commentRangeForeground#D0FBD0ce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FFA5A5cb
  • editorGutter.foldingControlForeground#D0FBD0ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0C0C0E00
  • editorHint.foreground#C5B3FEce
  • editorHoverWidget.background#0E100Efe
  • editorHoverWidget.border#0E100Efe
  • editorHoverWidget.foreground#D0FBD0ce
  • editorHoverWidget.highlightForeground#D7DBD9ca
  • editorHoverWidget.statusBarBackground#1a1d1afe
  • editorIndentGuide.activeBackground1#0FC4C4fe
  • editorIndentGuide.activeBackground2#07C2C2fe
  • editorIndentGuide.activeBackground3#08C4C4fe
  • editorIndentGuide.activeBackground4#0FC4C4fe
  • editorIndentGuide.activeBackground5#0FC4C4fe
  • editorIndentGuide.activeBackground6#0FC5C5fe
  • editorIndentGuide.background1#AFAFB735
  • editorIndentGuide.background2#8F8F9B35
  • editorIndentGuide.background3#BCBFB735
  • editorIndentGuide.background4#9B8F9335
  • editorIndentGuide.background5#B7AFB135
  • editorIndentGuide.background6#AFB7B435
  • editorInfo.background#0C0C0E00
  • editorInfo.border#0C0E0D00
  • editorInfo.foreground#C5B3FEce
  • editorInlayHint.background#1a1d1afe
  • editorInlayHint.foreground#D0FBD0ce
  • editorInlayHint.parameterBackground#1a1d1afe
  • editorInlayHint.parameterForeground#D0FBD0ce
  • editorInlayHint.typeBackground#1a1d1afe
  • editorInlayHint.typeForeground#D0FBD0ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#0CC5C5fe
  • editorLineNumber.dimmedForeground#B8BFB86e
  • editorLineNumber.foreground#B8BFB86e
  • editorLink.activeForeground#13C4C4fe
  • editorMarkerNavigation.background#0E100Efe
  • editorMarkerNavigationError.background#550055b5
  • editorMarkerNavigationError.headerBackground#550055b8
  • editorMarkerNavigationInfo.background#0000A2fe
  • editorMarkerNavigationInfo.headerBackground#0000A2fe
  • editorMarkerNavigationWarning.background#352C00fe
  • editorMarkerNavigationWarning.headerBackground#352C00fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#1a1d1afe
  • editorOverviewRuler.border#252A25fe
  • editorOverviewRuler.bracketMatchForeground#D0FBD0ce
  • editorOverviewRuler.commentForeground#B8BFB86e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#D0FBD0ce
  • editorOverviewRuler.currentContentForeground#cececebd
  • editorOverviewRuler.deletedForeground#FFA5A5cb
  • editorOverviewRuler.errorForeground#FF98FFce
  • editorOverviewRuler.findMatchForeground#00D3D3ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C5B3FEce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#E7E4E4ca
  • editorOverviewRuler.selectionHighlightForeground#C5B3FEce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#D4D2D7ca
  • editorOverviewRuler.wordHighlightStrongForeground#D0FBD0ce
  • editorOverviewRuler.wordHighlightTextForeground#D0FBD0ce
  • editorPane.background#1a1d1afe
  • editorRuler.foreground#B9C0B937
  • editorStickyScroll.background#1a1d1afe
  • editorStickyScrollHover.background#1C321C6e
  • editorSuggestWidget.background#0E100Efe
  • editorSuggestWidget.border#0C0E0D00
  • editorSuggestWidget.focusHighlightForeground#4FC84Ffe
  • editorSuggestWidget.foreground#D7D2D2fe
  • editorSuggestWidget.highlightForeground#E3DFE0ca
  • editorSuggestWidget.selectedBackground#5F555983
  • editorSuggestWidget.selectedForeground#D7D7DBca
  • editorSuggestWidget.selectedIconForeground#DBD7D8ca
  • editorSuggestWidgetStatus.foreground#C5C5CBfe
  • editorUnicodeHighlight.background#544B4Ba8
  • editorUnicodeHighlight.border#0E100Efe
  • editorUnnecessaryCode.border#332B00ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0C0E0C00
  • editorWarning.border#0C0C0E00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#D0FBD0ce
  • editorWidget.background#0E100Efe
  • editorWidget.border#0E100Efe
  • editorWidget.foreground#D0FBD0ce
  • editorWidget.resizeBorder#0E100Efe
  • errorForeground#FF98FFce
  • extensionBadge.remoteBackground#0CC5C5fe
  • extensionBadge.remoteForeground#101210fe
  • extensionButton.background#1A321Aae
  • extensionButton.foreground#D0FBD0ce
  • extensionButton.hoverBackground#2A2E2A6e
  • extensionButton.prominentBackground#1a1d1afe
  • extensionButton.prominentForeground#D0FBD0ce
  • extensionButton.prominentHoverBackground#1a1d1afe
  • extensionButton.separator#0C0E0D00
  • extensionIcon.preReleaseForeground#C5CBC5fe
  • extensionIcon.sponsorForeground#C0C3BCfe
  • extensionIcon.starForeground#E7E4E5fe
  • extensionIcon.verifiedForeground#E4E4E7fe
  • focusBorder#0D0C0E00
  • foreground#D0FBD0ce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FFA5A5cb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C5B3FEce
  • gitDecoration.stageDeletedResourceForeground#FFA5A5cb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00D3D3ce
  • icon.foreground#B9C0B9ae
  • inlineChat.background#2A2A42ca
  • inlineChat.border#3B2626ca
  • inlineChat.regionHighlight#D2D7D5ca
  • inlineChat.shadow#D5D7D2ca
  • inlineChatDiff.inserted#DBDFDBca
  • inlineChatDiff.removed#E0DFE3ca
  • inlineChatInput.background#DFDBDBca
  • inlineChatInput.border#3B262Bca
  • inlineChatInput.focusBorder#0E0C0D00
  • inlineChatInput.placeholderForeground#DDDFDBca
  • input.background#0E100Efe
  • input.border#0E100Efe
  • input.foreground#D0FBD0ce
  • input.placeholderForeground#B7BFB765
  • inputOption.activeBackground#0E100Efe
  • inputOption.activeBorder#0E100Efe
  • inputOption.activeForeground#11C5C5fe
  • inputOption.hoverBackground#0E100Efe
  • inputValidation.errorBackground#670067a8
  • inputValidation.errorBorder#550055a1
  • inputValidation.errorForeground#FF98FFce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0E100Efe
  • inputValidation.infoForeground#D0FBD0ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0E100Efe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0E100Efe
  • interactive.inactiveCodeBorder#17331797
  • keybindingLabel.background#1a1d1afe
  • keybindingLabel.border#0E100Efe
  • keybindingLabel.bottomBorder#0E100Efe
  • keybindingLabel.foreground#D0FBD0ce
  • keybindingTable.headerBackground#1a1d1afe
  • keybindingTable.rowsBackground#1a1d1afe
  • list.activeSelectionBackground#4C4C5681
  • list.activeSelectionForeground#E3DFDFca
  • list.activeSelectionIconForeground#D7DBD9ca
  • list.deemphasizedForeground#D0FBD0ce
  • list.dropBackground#1a1d1afe
  • list.errorForeground#FF98FFce
  • list.filterMatchBackground#1a1d1afe
  • list.filterMatchBorder#0E100Efe
  • list.focusAndSelectionOutline#0E0C0D00
  • list.focusBackground#474F4796
  • list.focusForeground#0CC5C5fe
  • list.focusHighlightForeground#6BC56Bfe
  • list.focusOutline#0C0E0D00
  • list.highlightForeground#E5E4E7ca
  • list.hoverBackground#273015ac
  • list.hoverForeground#0EC5C5fe
  • list.inactiveFocusBackground#2D332D9a
  • list.inactiveFocusOutline#0D0E0C00
  • list.inactiveSelectionBackground#101210ae
  • list.inactiveSelectionForeground#B7BFB765
  • list.inactiveSelectionIconForeground#B7BFB765
  • list.invalidItemForeground#D0FBD0ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#1a1d1afe
  • listFilterWidget.noMatchesOutline#0C0C0E00
  • listFilterWidget.outline#0C0C0E00
  • listFilterWidget.shadow#0D0E0C00
  • menu.background#101210fe
  • menu.border#0D0E0C00
  • menu.foreground#E4E7E4ae
  • menu.selectionBackground#4C4F46a6
  • menu.selectionBorder#0C0E0D00
  • menu.selectionForeground#13C5C5fe
  • menu.separatorBackground#282D2865
  • menubar.selectionBackground#4C4E45a2
  • menubar.selectionBorder#0C0C0E00
  • menubar.selectionForeground#13C5C5fe
  • merge.border#0E100Efe
  • merge.commonContentBackground#1a1d1afe
  • merge.commonHeaderBackground#1a1d1afe
  • merge.currentContentBackground#00340031
  • merge.currentHeaderBackground#113413fb
  • merge.incomingContentBackground#113213cb
  • merge.incomingHeaderBackground#113413fb
  • mergeEditor.change.background#1a1d1afe
  • mergeEditor.change.word.background#1a1d1afe
  • mergeEditor.changeBase.background#1a1d1afe
  • mergeEditor.changeBase.word.background#1a1d1afe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0E100Efe
  • mergeEditor.conflict.handledUnfocused.border#1D211D26
  • mergeEditor.conflict.input1.background#0E100Efe
  • mergeEditor.conflict.input2.background#0E100Efe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067c2
  • mergeEditor.conflict.unhandledFocused.border#0E100Efe
  • mergeEditor.conflict.unhandledUnfocused.border#21252130
  • mergeEditor.conflictingLines.background#1a1d1afe
  • minimap.background#1a1d1afe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F6F7F6ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#8ACD8Efb
  • minimapGutter.deletedBackground#FFA5A5fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#657165fe
  • minimapSlider.background#495249ae
  • minimapSlider.hoverBackground#515B516e
  • notebook.cellBorderColor#0E100Efe
  • notebook.cellEditorBackground#1a1d1afe
  • notebook.cellHoverBackground#1a1d1afe
  • notebook.cellInsertionIndicator#D9DBD7ca
  • notebook.cellStatusBarItemHoverBackground#1a1d1afe
  • notebook.cellToolbarSeparator#D7D2D2ca
  • notebook.editorBackground#1a1d1afe
  • notebook.focusedCellBackground#1a1d1afe
  • notebook.focusedCellBorder#0CC5C5fe
  • notebook.focusedEditorBorder#0E100Efe
  • notebook.inactiveFocusedCellBorder#6975698e
  • notebook.inactiveSelectedCellBorder#6D7A6D8e
  • notebook.outputContainerBackgroundColor#1a1d1afe
  • notebook.outputContainerBorderColor#0E100Efe
  • notebook.selectedCellBackground#1a1d1afe
  • notebook.selectedCellBorder#0E100Efe
  • notebook.symbolHighlightBackground#1a1d1afe
  • notebookEditorOverviewRuler.runningCellForeground#D0FBD0ce
  • notebookScrollbarSlider.activeBackground#697569fe
  • notebookScrollbarSlider.background#414941ae
  • notebookScrollbarSlider.hoverBackground#5964596e
  • notebookStatusErrorIcon.foreground#FF98FFce
  • notebookStatusRunningIcon.foreground#DCDBDFfe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0E100Efe
  • notificationCenterHeader.background#1a1d1afe
  • notificationCenterHeader.foreground#D0FBD0ce
  • notificationLink.foreground#D0FBD0ce
  • notifications.background#1a1d1afe
  • notifications.border#0E100Efe
  • notifications.foreground#D0FBD0ce
  • notificationsErrorIcon.foreground#FF98FFce
  • notificationsInfoIcon.foreground#DBD7D7fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0E100Efe
  • panel.background#1a1d1afe
  • panel.border#0E100Efe
  • panel.dropBorder#0E100Efe
  • panelInput.border#0E100Efe
  • panelSection.border#0E100Efe
  • panelSection.dropBackground#1a1d1afe
  • panelSectionHeader.background#1a1d1afe
  • panelSectionHeader.border#0E100Efe
  • panelSectionHeader.foreground#D0FBD0ce
  • panelTitle.activeBorder#0E0C0C00
  • panelTitle.activeForeground#09C3C3fe
  • panelTitle.inactiveForeground#47CA4765
  • peekView.border#12C4C4fe
  • peekViewEditor.background#0E100Efe
  • peekViewEditor.matchHighlightBackground#555F5C85
  • peekViewEditor.matchHighlightBorder#0D0C0E00
  • peekViewEditorGutter.background#0E100Efe
  • peekViewEditorStickyScroll.background#1a1d1afe
  • peekViewResult.background#101210fe
  • peekViewResult.fileForeground#D0FBD0ce
  • peekViewResult.lineForeground#D0FBD0ce
  • peekViewResult.matchHighlightBackground#4C4C5683
  • peekViewResult.selectionBackground#5B515189
  • peekViewResult.selectionForeground#CED3CEca
  • peekViewTitle.background#101210fe
  • peekViewTitleDescription.foreground#D0FBD0ce
  • peekViewTitleLabel.foreground#D0FBD0ce
  • pickerGroup.border#0E100Efe
  • pickerGroup.foreground#D0FBD0ce
  • ports.iconRunningProcessForeground#C2C0C7fe
  • problemsErrorIcon.foreground#FF98FFce
  • problemsInfoIcon.foreground#C5B3FEce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#13C4C4fe
  • profileBadge.foreground#101210fe
  • progressBar.background#1a1d1afe
  • quickInput.background#101210fe
  • quickInput.foreground#E4E7E4ae
  • quickInputList.focusBackground#606459ad
  • quickInputList.focusForeground#0CC5C5fe
  • quickInputList.focusIconForeground#12C4C4fe
  • quickInputTitle.background#0E100Efe
  • sash.hoverBorder#0E100Efe
  • scrollbar.shadow#0C0E0C00
  • scrollbarSlider.activeBackground#717E71fe
  • scrollbarSlider.background#414941ae
  • scrollbarSlider.hoverBackground#5D685D6e
  • search.resultsInfoForeground#D0FBD0ce
  • searchEditor.findMatchBackground#49524Fa5
  • searchEditor.findMatchBorder#0E100Efe
  • searchEditor.textInputBorder#0E100Efe
  • selection.background#1a1d1afe
  • settings.checkboxBackground#0E100Efe
  • settings.checkboxBorder#0E100Efe
  • settings.checkboxForeground#D0FBD0ce
  • settings.dropdownBackground#0E100Efe
  • settings.dropdownBorder#0E100Efe
  • settings.dropdownForeground#D0FBD0ce
  • settings.dropdownListBorder#0E100Efe
  • settings.focusedRowBackground#6064598d
  • settings.focusedRowBorder#0E100Efe
  • settings.headerBorder#0E100Efe
  • settings.headerForeground#D0FBD0ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0E100Efe
  • settings.numberInputBorder#0E100Efe
  • settings.numberInputForeground#D0FBD0ce
  • settings.rowHoverBackground#1a1d1afe
  • settings.sashBorder#0E100Efe
  • settings.settingsHeaderHoverForeground#13C5C5fe
  • settings.textInputBackground#0E100Efe
  • settings.textInputBorder#0E100Efe
  • settings.textInputForeground#D0FBD0ce
  • sideBar.background#1a1d1afe
  • sideBar.border#0E100Efe
  • sideBar.dropBackground#1a1d1afe
  • sideBar.foreground#B9C0B9ae
  • sideBarSectionHeader.background#0E0C0D00
  • sideBarSectionHeader.border#0E100Efe
  • sideBarSectionHeader.foreground#D0FBD0ce
  • sideBarTitle.foreground#D0FBD0ce
  • sideBySideEditor.horizontalBorder#0E100Efe
  • sideBySideEditor.verticalBorder#0E100Efe
  • simpleFindWidget.sashBorder#0E100Efe
  • statusBar.background#101210fe
  • statusBar.border#0E100Efe
  • statusBar.debuggingBackground#550055c2
  • statusBar.debuggingBorder#0E100Efe
  • statusBar.debuggingForeground#D0FBD0ce
  • statusBar.focusBorder#0C0E0C00
  • statusBar.foreground#B7BFB76e
  • statusBar.noFolderBackground#101210fe
  • statusBar.noFolderBorder#0E100Efe
  • statusBar.noFolderForeground#D0FBD0ce
  • statusBarItem.activeBackground#101210fe
  • statusBarItem.compactHoverBackground#101210fe
  • statusBarItem.errorBackground#5500559f
  • statusBarItem.errorForeground#FF98FFce
  • statusBarItem.errorHoverBackground#550055a9
  • statusBarItem.errorHoverForeground#BA00BAce
  • statusBarItem.focusBorder#0E0C0D00
  • statusBarItem.hoverBackground#101210fe
  • statusBarItem.hoverForeground#0EC5C5fe
  • statusBarItem.offlineBackground#101210fe
  • statusBarItem.offlineForeground#D0FBD0ce
  • statusBarItem.offlineHoverBackground#101210fe
  • statusBarItem.offlineHoverForeground#13C5C5fe
  • statusBarItem.prominentBackground#101210fe
  • statusBarItem.prominentForeground#D0FBD0ce
  • statusBarItem.prominentHoverBackground#101210fe
  • statusBarItem.prominentHoverForeground#11C5C5fe
  • statusBarItem.remoteBackground#13C4C4fe
  • statusBarItem.remoteForeground#101210fe
  • statusBarItem.remoteHoverBackground#101210fe
  • statusBarItem.remoteHoverForeground#11C5C5fe
  • statusBarItem.warningBackground#352C00fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#352C00fe
  • statusBarItem.warningHoverForeground#D2AE00ce
  • symbolIcon.arrayForeground#D7D7DBfe
  • symbolIcon.booleanForeground#00D3D3ce
  • symbolIcon.classForeground#C7C5CBfe
  • symbolIcon.colorForeground#D4D2D7fe
  • symbolIcon.constantForeground#B7BFB7fe
  • symbolIcon.constructorForeground#C3BCBCfe
  • symbolIcon.enumeratorForeground#CFCED3fe
  • symbolIcon.enumeratorMemberForeground#C5C7C0fe
  • symbolIcon.eventForeground#C5C7C0fe
  • symbolIcon.fieldForeground#DBDBDFfe
  • symbolIcon.fileForeground#D4D2D7fe
  • symbolIcon.folderForeground#C7C5CBfe
  • symbolIcon.functionForeground#E6E7E4fe
  • symbolIcon.interfaceForeground#DDDFDBfe
  • symbolIcon.keyForeground#C7C0C2fe
  • symbolIcon.keywordForeground#DFE3DFfe
  • symbolIcon.methodForeground#DFDBDBfe
  • symbolIcon.moduleForeground#BEBCC3fe
  • symbolIcon.namespaceForeground#DFDBDCfe
  • symbolIcon.nullForeground#C9CFCDfe
  • symbolIcon.numberForeground#DFE3DFfe
  • symbolIcon.objectForeground#E7E4E4fe
  • symbolIcon.operatorForeground#CECED3fe
  • symbolIcon.packageForeground#C3BCBCfe
  • symbolIcon.propertyForeground#E0DFE3fe
  • symbolIcon.referenceForeground#CFCED3fe
  • symbolIcon.snippetForeground#D3CECEfe
  • symbolIcon.stringForeground#C7C0C0fe
  • symbolIcon.structForeground#C0C7C0fe
  • symbolIcon.textForeground#C2C0C7fe
  • symbolIcon.typeParameterForeground#C7C5CBfe
  • symbolIcon.unitForeground#E3DFDFfe
  • symbolIcon.variableForeground#C5CBC5fe
  • tab.activeBackground#121412fe
  • tab.activeBorder#0C0E0C00
  • tab.activeBorderTop#12C4C4fe
  • tab.activeForeground#0FC4C4fe
  • tab.activeModifiedBorder#332B00ce
  • tab.border#0C0E0C00
  • tab.hoverBackground#BCBEB6ab
  • tab.hoverBorder#0E100Efe
  • tab.hoverForeground#13C4C4fe
  • tab.inactiveBackground#1134119d
  • tab.inactiveForeground#4BCA4B65
  • tab.inactiveModifiedBorder#332B00ce
  • tab.lastPinnedBorder#0E100Efe
  • tab.unfocusedActiveBackground#21252121
  • tab.unfocusedActiveBorder#0C0C0E00
  • tab.unfocusedActiveBorderTop#292D2965
  • tab.unfocusedActiveForeground#4BCA4B65
  • tab.unfocusedActiveModifiedBorder#332B00ce
  • tab.unfocusedHoverBackground#B9C0B937
  • tab.unfocusedHoverBorder#2125213e
  • tab.unfocusedHoverForeground#A6AFA665
  • tab.unfocusedInactiveBackground#252A2594
  • tab.unfocusedInactiveForeground#AAB3AA65
  • tab.unfocusedInactiveModifiedBorder#332B00ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333bd
  • 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#6700679e
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececeb8
  • terminal.ansiYellow#c4a200fe
  • terminal.background#1a1d1afe
  • terminal.border#0E100Efe
  • terminal.dropBackground#1a1d1afe
  • terminal.findMatchBackground#1a1d1afe
  • terminal.findMatchBorder#0E100Efe
  • terminal.findMatchHighlightBackground#1a1d1afe
  • terminal.findMatchHighlightBorder#0E100Efe
  • terminal.foreground#B9C0B9ae
  • terminal.hoverHighlightBackground#1a1d1afe
  • terminal.inactiveSelectionBackground#2D332D9b
  • terminal.selectionBackground#504D568c
  • terminal.selectionForeground#E5E4E7ca
  • terminal.tab.activeBorder#09C3C3fe
  • terminalCommandDecoration.defaultBackground#C3BBBBac
  • terminalCommandDecoration.errorBackground#FFA5A5cb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#1a1d1afe
  • terminalCursor.foreground#0EC5C5fe
  • terminalOverviewRuler.cursorForeground#D0FBD0ce
  • 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#4ADDDDfe
  • testing.message.error.lineBackground#55005599
  • testing.message.info.decorationForeground#44DBDBfe
  • testing.message.info.lineBackground#0000A2fe
  • testing.peekBorder#0E100Efe
  • testing.peekHeaderBackground#1a1d1afe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#1a1d1afe
  • textBlockQuote.border#0E100Efe
  • textCodeBlock.background#1a1d1afe
  • textLink.activeForeground#0FC4C4fe
  • textLink.foreground#C5B3FEce
  • textPreformat.foreground#D0FBD0ce
  • textSeparator.foreground#D0FBD0ce
  • titleBar.activeBackground#101210fe
  • titleBar.activeForeground#74C374ae
  • titleBar.border#0C0E0C00
  • titleBar.inactiveBackground#252A25db
  • titleBar.inactiveForeground#4BCA4B65
  • toolbar.activeBackground#4A1E2E85
  • toolbar.hoverBackground#1a1d1afe
  • toolbar.hoverOutline#0C0E0D00
  • tree.inactiveIndentGuidesStroke#A79D9D35
  • tree.indentGuidesStroke#3ED8D8fe
  • tree.tableColumnsBorder#0E100Efe
  • tree.tableOddRowsBackground#1a1d1afe
  • walkThrough.embeddedEditorBackground#1a1d1afe
  • walkthrough.stepTitle.foreground#D0FBD0ce
  • welcomePage.background#1a1d1afe
  • welcomePage.progress.background#1a1d1afe
  • welcomePage.progress.foreground#D0FBD0ce
  • welcomePage.tileBackground#1a1d1afe
  • welcomePage.tileBorder#0E100Efe
  • welcomePage.tileHoverBackground#1a1d1afe
  • widget.border#0E100Efe
  • widget.shadow#0E0C0D00
  • window.activeBorder#0E100Efe
  • window.inactiveBorder#11341193

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#88D7886e
comment.block.html#88D9886e
comment.block.java#88D9886e
comment.block.javadoc.java#82DA826e
comment.block.powershell#84DA846e
comment.block.xml#82DA826e
comment.line.double-slash.c#88D7886e
comment.line.double-slash.cpp#84DA846e
comment.line.double-slash.java#84DA846e
comment.line.double-slash.js#84DA846e
comment.line.number-sign.makefile#88D9886e
comment.line.number-sign.python#88D9886e
comment.line.number-sign.yaml#88D9886e
comment.line.percentage.erlang#88D7886e
comment.line.powershell#88D9886e
comment.source.cmake#88D9886e
comment.source.cmakecache#88D7886e
constant.character#98A4F6de
constant.character.character-class.regexp#DC9FF7de
constant.character.escape#0FDBDBde
constant.character.set.regexp#F8A7CAde
constant.language#11DCDCde
constant.numeric#A7B1F8de
constant.numeric.dec.python#10E41Ede
constant.other.caps.python#ED86B3de
constant.other.character-class.regexp#FEACD0de
constant.other.character-class.set.regexp#99D810de
constant.other.color.rgb-value#10E51Ede
constant.other.placeholder#F1AC83de
constant.other.rgb-value#FDB68Bde
constant.regexp#F698C1de
constant.sha.git-rebase#9AD811de
emphasis#98D80Fde
entity.name.class#97A2EFde
entity.name.function#99D810de
entity.name.function.preprocessor#96A2F2de
entity.name.function.python#10E51Ede
entity.name.label#0FDBDBde
entity.name.namespace#0FE41Cde
entity.name.operator#0EDBDBde
entity.name.operator.custom-literal#FDB78Dde
entity.name.scope-resolution#0FDCDCde
entity.name.tag#9AD80Fde
entity.name.tag.css#10E51Ede
entity.name.type#EC87B3de
entity.name.variable#0DE51Ade
entity.other.attribute#E79462de
entity.other.attribute-name#FEAED1de
entity.other.attribute-name.class.css#EFA77Cde
entity.other.attribute-name.class.mixin.css#11E51Ede
entity.other.attribute-name.id#98A4F6de
entity.other.attribute-name.id.css#0FDBDBde
entity.other.attribute-name.parent-selector.css#0AE41Ade
entity.other.attribute-name.pseudo-class.css#FEB68Cde
entity.other.attribute-name.pseudo-element.css#9BD812de
entity.other.attribute-name.scss#FDB78Bde
entity.other.document.begin.yaml#88D7886e
entity.other.inherited-class#9BD812de
header#0FDBDBde
invalid#0DDCDCde
keyword#0CDBDBde
keyword.codetag.notation.python#9BD912de
keyword.control#0CDBDBde
keyword.control.anchor.regexp#D28BF1de
keyword.control.import.python#D28AF3de
keyword.operator#F8A7CAde
keyword.operator.alignas#D28BF1de
keyword.operator.alignof#F79FC6de
keyword.operator.cast#11DCDCde
keyword.operator.delete#0FDBDBde
keyword.operator.documentation.powershell#88D7886e
keyword.operator.expression#12DCDCde
keyword.operator.instanceof#11E41Fde
keyword.operator.logical.python#E99969de
keyword.operator.minus.exponent#F8A7CAde
keyword.operator.negation.regexp#F3B18Ade
keyword.operator.new#E2AEF9de
keyword.operator.noexcept#10E51Dde
keyword.operator.or.regexp#9AD811de
keyword.operator.plus.exponent#EF86B4de
keyword.operator.quantifier.regexp#D28AF3de
keyword.operator.sizeof#FEB68Cde
keyword.operator.typeid#E5ACFEde
keyword.operator.wordlike#9AD90Cde
keyword.other.operator#F085B4de
keyword.other.package.java#0AE41Ade
keyword.other.unit#0DE51Ade
keyword.other.using#12DCDCde
markup.bold#E79462de
markup.changed#95A1F1de
markup.deleted#0FE41Cde
markup.fenced_code.block.markdown#ED86B3de
markup.heading#F8A7CAde
markup.inline.raw#B9C2FEde
markup.inserted#F085B4de
markup.italic#10E51Dde
markup.raw.block.markdown#12DCDCde
markup.strikethrough#9BD90Fde
markup.underline#0CE41Ade
meta.block.c#9BD812de
meta.block.c#D898F6de
meta.class.java#FEB68Bde
meta.definition.variable.name#95A1F4de
meta.diff.header#10DBDBde
meta.embedded#0FDBDBde
meta.embedded.assembly#0DDCDCde
meta.function-call.arguments.python#10DBDBde
meta.function-call.python#B6BEFAde
meta.member.access.python#FEAED1de
meta.method.java#EC87B3de
meta.object-literal.key#9AD910de
meta.paragraph.markdown#0FDBDBde
meta.preprocessor#9BD912de
meta.preprocessor.numeric#9AD80Ede
meta.preprocessor.string#DFA7F8de
meta.scope.prerequisites.makefile#FEAED1de
meta.structure.dictionary.json.comments#84DA846e
meta.structure.dictionary.key.python#98D80Fde
meta.structure.dictionary.value.json.comments#84DA846e
meta.template.expression#11E51Ede
meta.type.cast.expr#B6BEFAde
meta.type.new.expr#9AD80Fde
parameter#9BD812de
punctuation.character.set.begin.regexp#11E41Dde
punctuation.character.set.end.regexp#99D80Dde
punctuation.definition.array.begin.json#9FAAF7de
punctuation.definition.character-class.regexp#EFA77Cde
punctuation.definition.comment#88D7886e
punctuation.definition.comment.json.comments#82DA826e
punctuation.definition.comment.python#88D9886e
punctuation.definition.dictionary.begin.json#D591F4de
punctuation.definition.dictionary.end.json#F38AB8de
punctuation.definition.group.assertion.regexp#E79462de
punctuation.definition.group.regexp#0EDBDBde
punctuation.definition.list.begin.json#95A1F3de
punctuation.definition.list.begin.markdown#10E51Ede
punctuation.definition.list.begin.python#FDB78Bde
punctuation.definition.list.end.json#11DCDCde
punctuation.definition.list.end.markdown#D18DEFde
punctuation.definition.list.end.python#0EDBDBde
punctuation.definition.parameters.begin.python#DC9FF7de
punctuation.definition.parameters.end.bracket.round.java#EE86B3de
punctuation.definition.quote.begin.markdown#9AD80Ede
punctuation.definition.tag#95A1F4de
punctuation.definition.template-expression.begin#0EE51Cde
punctuation.definition.template-expression.end#B9C2FEde
punctuation.section.class.begin.bracket.curly.java#FEB68Bde
punctuation.section.embedded#B6BEFAde
punctuation.section.embedded.begin.php#D591F4de
punctuation.section.embedded.end.php#E2AEF9de
punctuation.terminator.java#0DDCDCde
source.cmake#FEAED1de
source.coffee.embedded#0FE41Cde
source.cpp#0FE41Cde
source.css.less#FDB78Bde
source.groovy.embedded#0DE51Ade
source.java#F3B18Ade
source.java-properties#0EDBDBde
source.json.comments#82DA826e
source.makefile#9AD80Fde
source.powershell#E7B2FEde
source.powershell.variable.other.member#E5ACFEde
source.python#F491BCde
storage#10E41Ede
storage.modifier#EFA77Cde
storage.modifier.import.java#E7B2FEde
storage.modifier.package.java#0EE51Dde
storage.type#D08EEEde
storage.type.annotation.groovy#D898F6de
storage.type.annotation.java#E79462de
storage.type.boolean.go#D18BF0de
storage.type.byte.go#F38AB8de
storage.type.cs#95A1F3de
storage.type.error.go#0DDCDCde
storage.type.generic.cs#EF86B4de
storage.type.generic.groovy#11DCDCde
storage.type.generic.java#0EE51Cde
storage.type.groovy#D18DEFde
storage.type.java#0CE41Ade
storage.type.modifier.cs#9AD80Fde
storage.type.numeric.go#0DE51Ade
storage.type.object.array.groovy#FEB68Cde
storage.type.object.array.java#11DCDCde
storage.type.parameters.groovy#10E51Dde
storage.type.primitive.array.groovy#E79462de
storage.type.primitive.array.java#9BD912de
storage.type.primitive.groovy#0FDBDBde
storage.type.primitive.java#98A4F6de
storage.type.rune.go#FEB68Cde
storage.type.string.go#F79FC6de
storage.type.token.java#9AD911de
storage.type.uintptr.go#10DCDCde
storage.type.variable.cs#F085B4de
string#F3B18Ade
string.quoted.docstring.multi.python#84DA846e
string.regexp#DC9FF7de
string.tag#10DBDBde
string.value#D18DF0de
strong#97A2F0de
support.class#12DCDCde
support.constant.color#9AD911de
support.constant.dom#D898F6de
support.constant.font-name#D18DEFde
support.constant.handlebars#0DDCDCde
support.constant.json#0EE51Dde
support.constant.math#0EE51Cde
support.constant.media#0FDCDCde
support.constant.media-type#0CE41Ade
support.constant.property-value#12DCDCde
support.function#D18DEFde
support.function.git-rebase#FEB68Cde
support.other.parenthesis.regexp#9AD911de
support.type#11DCDCde
support.type.property-name#0DDCDCde
support.type.vendored.property-name#EF86B4de
support.variable#D08EEEde
token.debug-token#9AD90Cde
token.error-token#F38AB8de
token.info-token#10DCDCde
token.warn-token#0EE51Cde
variable#10E51Dde
variable.css#B9C2FEde
variable.language#D18DEFde
variable.language.wildcard.java#F491BCde
variable.other.constant#D08DEDde
variable.other.definition.java#F38AB8de
variable.other.enummember#FEB68Bde
variable.other.less#D18DEFde
variable.other.object.java#ED86B3de
variable.other.object.property.java#97A2F0de
variable.parameter.c#FDB68Bde
variable.parameter.function.language.python#B6BEFAde
variable.parameter.java#E7B2FEde
variable.scss#12DCDCde