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#1d1d16fe
  • activityBar.activeBackground#1d1d16fe
  • activityBar.activeBorder#A2BC0Ffe
  • activityBar.activeFocusBorder#586A7C00
  • activityBar.background#12120Dfe
  • activityBar.border#6B6B4C00
  • activityBar.dropBorder#A2BC0Ffe
  • activityBar.foreground#A2BC08fe
  • activityBar.inactiveForeground#B7B74365
  • activityBarBadge.background#A4BD12fe
  • activityBarBadge.foreground#12120Dfe
  • badge.background#A4BC11fe
  • badge.foreground#12120Dfe
  • banner.background#1d1d16fe
  • banner.foreground#F4F4B4ce
  • banner.iconForeground#BBC2CBfe
  • breadcrumb.activeSelectionForeground#E1D8D8ca
  • breadcrumb.background#14140Ffe
  • breadcrumb.focusForeground#A5BD13fe
  • breadcrumb.foreground#F5F5B2ae
  • breadcrumbPicker.background#1d1d16fe
  • button.background#434333ae
  • button.border#0E0E0A00
  • button.foreground#F4F4B4ce
  • button.hoverBackground#65654C6e
  • button.secondaryBackground#1d1d16fe
  • button.secondaryForeground#F4F4B4ce
  • button.secondaryHoverBackground#1d1d16fe
  • button.separator#0A0C0E00
  • charts.blue#1b1bfffe
  • charts.foreground#F4F4B4ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067b3
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#10100Cfe
  • chat.slashCommandBackground#1d1d16fe
  • chat.slashCommandForeground#F4F4B4ce
  • checkbox.background#10100Cfe
  • checkbox.border#10100Cfe
  • checkbox.foreground#F4F4B4ce
  • checkbox.selectBackground#10100Cfe
  • checkbox.selectBorder#10100Cfe
  • commandCenter.activeBackground#4C23418b
  • commandCenter.activeBorder#10100Cfe
  • commandCenter.activeForeground#A4BC11fe
  • commandCenter.background#1d1d16fe
  • commandCenter.border#10100Cfe
  • commandCenter.foreground#F4F4B4ce
  • commandCenter.inactiveBorder#2B2B2096
  • commandCenter.inactiveForeground#B6B63E65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0E0A0D00
  • contrastBorder#0E0A0A00
  • debugConsole.errorForeground#FF98FFce
  • debugConsole.infoForeground#F4F4B4ce
  • debugConsole.sourceForeground#F4F4B4ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#D2D2C4fe
  • debugExceptionWidget.background#5D005D99
  • debugExceptionWidget.border#10100Cfe
  • debugIcon.breakpointCurrentStackframeForeground#CBD6C9fe
  • debugIcon.breakpointDisabledForeground#BFBFAB65
  • debugIcon.breakpointForeground#CFC0C0fe
  • debugIcon.breakpointStackframeForeground#E2E8E1fe
  • debugIcon.breakpointUnverifiedForeground#CFC0CAfe
  • debugIcon.continueForeground#C0CFC8fe
  • debugIcon.disconnectForeground#CBBBBBfe
  • debugIcon.pauseForeground#E5DDDDfe
  • debugIcon.restartForeground#D6C9D2fe
  • debugIcon.startForeground#E5DDE2fe
  • debugIcon.stepBackForeground#BBC2CBfe
  • debugIcon.stepIntoForeground#B6C7C0fe
  • debugIcon.stepOutForeground#C8C4D2fe
  • debugIcon.stepOverForeground#D6D3DDfe
  • debugIcon.stopForeground#E1E1D8fe
  • debugTokenExpression.boolean#CED3DAca
  • debugTokenExpression.error#E3E1E8ca
  • debugTokenExpression.name#DACED6ca
  • debugTokenExpression.number#CEDAD5ca
  • debugTokenExpression.value#D0DACEca
  • debugToolBar.background#5D005Dc3
  • debugToolBar.border#10100Cfe
  • debugView.exceptionLabelBackground#352B54ca
  • debugView.exceptionLabelForeground#DDD3D3ca
  • debugView.stateLabelBackground#3B2D36ca
  • debugView.stateLabelForeground#DDE5E1ca
  • debugView.valueChangedHighlight#CED3DAca
  • descriptionForeground#F4F4B4ce
  • diffEditor.border#0E0A0A00
  • diffEditor.diagonalFill#000000fd
  • diffEditor.insertedLineBackground#00380031
  • diffEditor.insertedTextBackground#123914fb
  • diffEditor.insertedTextBorder#0A0C0E00
  • diffEditor.move.border#0A0E0C00
  • diffEditor.moveActive.border#0A0C0E00
  • diffEditor.removedLineBackground#69000031
  • diffEditor.removedTextBackground#6B0000fb
  • diffEditor.removedTextBorder#0B0E0A00
  • diffEditor.unchangedCodeBackground#1d1d16fe
  • diffEditor.unchangedRegionBackground#1d1d16fe
  • diffEditor.unchangedRegionForeground#F4F4B4ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#BFBFAB65
  • dropdown.background#10100Cfe
  • dropdown.border#10100Cfe
  • dropdown.foreground#F4F4B4ce
  • dropdown.listBackground#10100Cfe
  • editor.background#1d1d16fe
  • editor.findMatchBackground#604949a2
  • editor.findMatchBorder#10100Cfe
  • editor.findMatchHighlightBackground#485B45a4
  • editor.findMatchHighlightBorder#10100Cfe
  • editor.findRangeHighlightBackground#586F54a2
  • editor.findRangeHighlightBorder#10100Cfe
  • editor.focusedStackFrameHighlightBackground#5E475781
  • editor.foldBackground#B6BEC8a2
  • editor.foreground#F4F4B4ce
  • editor.hoverHighlightBackground#5D4756ab
  • editor.inactiveSelectionBackground#4F4F3A91
  • editor.inlineValuesBackground#1d1d16fe
  • editor.inlineValuesForeground#F4F4B4ce
  • editor.lineHighlightBackground#353528b3
  • editor.lineHighlightBorder#0B0A0E00
  • editor.linkedEditingBackground#1d1d16fe
  • editor.rangeHighlightBackground#40523Da9
  • editor.rangeHighlightBorder#10100Cfe
  • editor.selectionBackground#604848a4
  • editor.selectionForeground#E1E1D8ca
  • editor.selectionHighlightBackground#4C604987
  • editor.selectionHighlightBorder#10100Cfe
  • editor.snippetFinalTabstopHighlightBackground#40523Daa
  • editor.snippetFinalTabstopHighlightBorder#10100Cfe
  • editor.snippetTabstopHighlightBackground#5E4758a1
  • editor.snippetTabstopHighlightBorder#10100Cfe
  • editor.stackFrameHighlightBackground#504A61a1
  • editor.symbolHighlightBackground#444E5Ba1
  • editor.symbolHighlightBorder#10100Cfe
  • editor.wordHighlightBackground#504A62ae
  • editor.wordHighlightBorder#0B0A0E00
  • editor.wordHighlightStrongBackground#654C4Ca6
  • editor.wordHighlightStrongBorder#0E0E0A00
  • editor.wordHighlightTextBackground#3E534Aae
  • editor.wordHighlightTextBorder#0E0A0A00
  • editorBracketHighlight.foreground1#F7F7F5ce
  • editorBracketHighlight.foreground2#F7F7F5ce
  • editorBracketHighlight.foreground3#F7F7F5ce
  • editorBracketHighlight.foreground4#F7F7F5ce
  • editorBracketHighlight.foreground5#F7F7F5ce
  • editorBracketHighlight.foreground6#F7F7F5ce
  • editorBracketHighlight.unexpectedBracket.foreground#F4F4B4ce
  • editorBracketMatch.background#C0C0ABa2
  • editorBracketMatch.border#10100Cfe
  • editorBracketPairGuide.activeBackground1#B6BEC88d
  • editorBracketPairGuide.activeBackground2#B2C2AE8e
  • editorBracketPairGuide.activeBackground3#B7BFC884
  • editorBracketPairGuide.activeBackground4#CBBABA89
  • editorBracketPairGuide.activeBackground5#CBBAC687
  • editorBracketPairGuide.activeBackground6#B6BEC88c
  • editorBracketPairGuide.background1#22351Ffe
  • editorBracketPairGuide.background2#263244fe
  • editorBracketPairGuide.background3#342F3Efe
  • editorBracketPairGuide.background4#482727fe
  • editorBracketPairGuide.background5#1F332Bfe
  • editorBracketPairGuide.background6#2C323Afe
  • editorCodeLens.foreground#BFBFAA6e
  • editorCommentsWidget.rangeActiveBackground#BFBFABfe
  • editorCommentsWidget.rangeBackground#1d1d16fe
  • editorCommentsWidget.resolvedBorder#10100Cfe
  • editorCommentsWidget.unresolvedBorder#6A0000cb
  • editorCursor.background#1d1d16fe
  • editorCursor.foreground#A4BD0Efe
  • editorError.background#0B0E0A00
  • editorError.border#0A0C0E00
  • editorError.foreground#FF98FFce
  • editorGhostText.background#1d1d16fe
  • editorGhostText.border#0B0A0E00
  • editorGhostText.foreground#BFBFAA6e
  • editorGroup.border#10100Cfe
  • editorGroup.dropBackground#1d1d16fe
  • editorGroup.dropIntoPromptBackground#1d1d16fe
  • editorGroup.dropIntoPromptBorder#10100Cfe
  • editorGroup.dropIntoPromptForeground#F4F4B4ce
  • editorGroup.emptyBackground#1d1d16fe
  • editorGroup.focusedEmptyBorder#10100Cfe
  • editorGroupHeader.border#0E0A0D00
  • editorGroupHeader.noTabsBackground#12120Dae
  • editorGroupHeader.tabsBackground#1d1d16a1
  • editorGroupHeader.tabsBorder#0E0A0A00
  • editorGutter.addedBackground#8ACD8Efb
  • editorGutter.background#1d1d16fe
  • editorGutter.commentGlyphForeground#F4F4B4ce
  • editorGutter.commentRangeForeground#F4F4B4ce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FFA5A5cb
  • editorGutter.foldingControlForeground#F4F4B4ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0E0A0D00
  • editorHint.foreground#C5B3FEce
  • editorHoverWidget.background#10100Cfe
  • editorHoverWidget.border#10100Cfe
  • editorHoverWidget.foreground#F4F4B4ce
  • editorHoverWidget.highlightForeground#DACECEca
  • editorHoverWidget.statusBarBackground#1d1d16fe
  • editorIndentGuide.activeBackground1#A1BC07fe
  • editorIndentGuide.activeBackground2#A0BA08fe
  • editorIndentGuide.activeBackground3#A5BD11fe
  • editorIndentGuide.activeBackground4#A4BC12fe
  • editorIndentGuide.activeBackground5#A2BC08fe
  • editorIndentGuide.activeBackground6#A0BA08fe
  • editorIndentGuide.background1#8EA68A35
  • editorIndentGuide.background2#A49EB535
  • editorIndentGuide.background3#B59EAE35
  • editorIndentGuide.background4#B4C4B135
  • editorIndentGuide.background5#C0ACAC35
  • editorIndentGuide.background6#99A3B135
  • editorInfo.background#0B0E0A00
  • editorInfo.border#0E0E0A00
  • editorInfo.foreground#C5B3FEce
  • editorInlayHint.background#1d1d16fe
  • editorInlayHint.foreground#F4F4B4ce
  • editorInlayHint.parameterBackground#1d1d16fe
  • editorInlayHint.parameterForeground#F4F4B4ce
  • editorInlayHint.typeBackground#1d1d16fe
  • editorInlayHint.typeForeground#F4F4B4ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#A5BD13fe
  • editorLineNumber.dimmedForeground#BFBFAA6e
  • editorLineNumber.foreground#BFBFAB6e
  • editorLink.activeForeground#A5BD13fe
  • editorMarkerNavigation.background#10100Cfe
  • editorMarkerNavigationError.background#5D005Db6
  • editorMarkerNavigationError.headerBackground#5D005Db6
  • editorMarkerNavigationInfo.background#0000AEfe
  • editorMarkerNavigationInfo.headerBackground#0000AEfe
  • editorMarkerNavigationWarning.background#392F00fe
  • editorMarkerNavigationWarning.headerBackground#392F00fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#1d1d16fe
  • editorOverviewRuler.border#323217fe
  • editorOverviewRuler.bracketMatchForeground#F4F4B4ce
  • editorOverviewRuler.commentForeground#BFBFAA6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#F4F4B4ce
  • editorOverviewRuler.currentContentForeground#cececea4
  • editorOverviewRuler.deletedForeground#FFA5A5cb
  • editorOverviewRuler.errorForeground#FF98FFce
  • editorOverviewRuler.findMatchForeground#00D3D3ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C5B3FEce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#DDE5E1ca
  • editorOverviewRuler.selectionHighlightForeground#C5B3FEce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#E2E8E1ca
  • editorOverviewRuler.wordHighlightStrongForeground#F4F4B4ce
  • editorOverviewRuler.wordHighlightTextForeground#F4F4B4ce
  • editorPane.background#1d1d16fe
  • editorRuler.foreground#BFBFAC2f
  • editorStickyScroll.background#1d1d16fe
  • editorStickyScrollHover.background#3232246e
  • editorSuggestWidget.background#10100Cfe
  • editorSuggestWidget.border#0E0E0A00
  • editorSuggestWidget.focusHighlightForeground#B8A6FAfe
  • editorSuggestWidget.foreground#B6C7C0fe
  • editorSuggestWidget.highlightForeground#DACED6ca
  • editorSuggestWidget.selectedBackground#6049598e
  • editorSuggestWidget.selectedForeground#E1D8DEca
  • editorSuggestWidget.selectedIconForeground#CEDAD5ca
  • editorSuggestWidgetStatus.foreground#C7C7B6fe
  • editorUnicodeHighlight.background#504A62a9
  • editorUnicodeHighlight.border#10100Cfe
  • editorUnnecessaryCode.border#382F00ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0E0A0A00
  • editorWarning.border#0A0E0C00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#F4F4B4ce
  • editorWidget.background#10100Cfe
  • editorWidget.border#10100Cfe
  • editorWidget.foreground#F4F4B4ce
  • editorWidget.resizeBorder#10100Cfe
  • errorForeground#FF98FFce
  • extensionBadge.remoteBackground#A5BD13fe
  • extensionBadge.remoteForeground#12120Dfe
  • extensionButton.background#32321Eae
  • extensionButton.foreground#F4F4B4ce
  • extensionButton.hoverBackground#3232216e
  • extensionButton.prominentBackground#1d1d16fe
  • extensionButton.prominentForeground#F4F4B4ce
  • extensionButton.prominentHoverBackground#1d1d16fe
  • extensionButton.separator#0B0E0A00
  • extensionIcon.preReleaseForeground#DDD3DAfe
  • extensionIcon.sponsorForeground#C6D2C4fe
  • extensionIcon.starForeground#DDD3D3fe
  • extensionIcon.verifiedForeground#C9D6D1fe
  • focusBorder#0A0C0E00
  • foreground#F4F4B4ce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FFA5A5cb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C5B3FEce
  • gitDecoration.stageDeletedResourceForeground#FFA5A5cb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00D3D3ce
  • icon.foreground#C0C0ACae
  • inlineChat.background#32321Eca
  • inlineChat.border#352B54ca
  • inlineChat.regionHighlight#D6D3DDca
  • inlineChat.shadow#D0DACEca
  • inlineChatDiff.inserted#E2E8E1ca
  • inlineChatDiff.removed#E5DDE2ca
  • inlineChatInput.background#E1E8E5ca
  • inlineChatInput.border#3C2E2Eca
  • inlineChatInput.focusBorder#0A0C0E00
  • inlineChatInput.placeholderForeground#E5DDDDca
  • input.background#10100Cfe
  • input.border#10100Cfe
  • input.foreground#F4F4B4ce
  • input.placeholderForeground#BFBFAB65
  • inputOption.activeBackground#10100Cfe
  • inputOption.activeBorder#10100Cfe
  • inputOption.activeForeground#A4BD12fe
  • inputOption.hoverBackground#10100Cfe
  • inputValidation.errorBackground#670067c4
  • inputValidation.errorBorder#5D005D9a
  • inputValidation.errorForeground#FF98FFce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#10100Cfe
  • inputValidation.infoForeground#F4F4B4ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#10100Cfe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#10100Cfe
  • interactive.inactiveCodeBorder#2B2B209a
  • keybindingLabel.background#1d1d16fe
  • keybindingLabel.border#10100Cfe
  • keybindingLabel.bottomBorder#10100Cfe
  • keybindingLabel.foreground#F4F4B4ce
  • keybindingTable.headerBackground#1d1d16fe
  • keybindingTable.rowsBackground#1d1d16fe
  • list.activeSelectionBackground#41564D86
  • list.activeSelectionForeground#E1D8DEca
  • list.activeSelectionIconForeground#D3DDD9ca
  • list.deemphasizedForeground#F4F4B4ce
  • list.dropBackground#1d1d16fe
  • list.errorForeground#FF98FFce
  • list.filterMatchBackground#1d1d16fe
  • list.filterMatchBorder#10100Cfe
  • list.focusAndSelectionOutline#0B0E0A00
  • list.focusBackground#4F4F3B96
  • list.focusForeground#A4BC11fe
  • list.focusHighlightForeground#B7B753fe
  • list.focusOutline#0E0E0A00
  • list.highlightForeground#CEDAD5ca
  • list.hoverBackground#6A0000ad
  • list.hoverForeground#A4BC14fe
  • list.inactiveFocusBackground#30302494
  • list.inactiveFocusOutline#0E0A0A00
  • list.inactiveSelectionBackground#12120Dae
  • list.inactiveSelectionForeground#BFBFAB65
  • list.inactiveSelectionIconForeground#BFBFAB65
  • list.invalidItemForeground#F4F4B4ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#1d1d16fe
  • listFilterWidget.noMatchesOutline#0B0A0E00
  • listFilterWidget.outline#0E0E0A00
  • listFilterWidget.shadow#0E0E0A00
  • menu.background#12120Dfe
  • menu.border#0B0A0E00
  • menu.foreground#F5F5B2ae
  • menu.selectionBackground#5F4848a5
  • menu.selectionBorder#0E0A0A00
  • menu.selectionForeground#A5BD13fe
  • menu.separatorBackground#31312665
  • menubar.selectionBackground#5F4848ac
  • menubar.selectionBorder#0E0A0D00
  • menubar.selectionForeground#A4BC14fe
  • merge.border#10100Cfe
  • merge.commonContentBackground#1d1d16fe
  • merge.commonHeaderBackground#1d1d16fe
  • merge.currentContentBackground#00380031
  • merge.currentHeaderBackground#123914fb
  • merge.incomingContentBackground#133814cb
  • merge.incomingHeaderBackground#123914fb
  • mergeEditor.change.background#1d1d16fe
  • mergeEditor.change.word.background#1d1d16fe
  • mergeEditor.changeBase.background#1d1d16fe
  • mergeEditor.changeBase.word.background#1d1d16fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#10100Cfe
  • mergeEditor.conflict.handledUnfocused.border#2121193c
  • mergeEditor.conflict.input1.background#10100Cfe
  • mergeEditor.conflict.input2.background#10100Cfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#6700679f
  • mergeEditor.conflict.unhandledFocused.border#10100Cfe
  • mergeEditor.conflict.unhandledUnfocused.border#26261D29
  • mergeEditor.conflictingLines.background#1d1d16fe
  • minimap.background#1d1d16fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F7F7F5ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#8ACD8Efb
  • minimapGutter.deletedBackground#FFA5A5fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#737357fe
  • minimapSlider.background#4D4D3Aae
  • minimapSlider.hoverBackground#6060496e
  • notebook.cellBorderColor#10100Cfe
  • notebook.cellEditorBackground#1d1d16fe
  • notebook.cellHoverBackground#1d1d16fe
  • notebook.cellInsertionIndicator#E2E8E1ca
  • notebook.cellStatusBarItemHoverBackground#1d1d16fe
  • notebook.cellToolbarSeparator#E8E1E1ca
  • notebook.editorBackground#1d1d16fe
  • notebook.focusedCellBackground#1d1d16fe
  • notebook.focusedCellBorder#A4BD12fe
  • notebook.focusedEditorBorder#10100Cfe
  • notebook.inactiveFocusedCellBorder#7D7D5F8e
  • notebook.inactiveSelectedCellBorder#78785B8e
  • notebook.outputContainerBackgroundColor#1d1d16fe
  • notebook.outputContainerBorderColor#10100Cfe
  • notebook.selectedCellBackground#1d1d16fe
  • notebook.selectedCellBorder#10100Cfe
  • notebook.symbolHighlightBackground#1d1d16fe
  • notebookEditorOverviewRuler.runningCellForeground#F4F4B4ce
  • notebookScrollbarSlider.activeBackground#828262fe
  • notebookScrollbarSlider.background#434333ae
  • notebookScrollbarSlider.hoverBackground#6F6F546e
  • notebookStatusErrorIcon.foreground#FF98FFce
  • notebookStatusRunningIcon.foreground#D6D3DDfe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#10100Cfe
  • notificationCenterHeader.background#1d1d16fe
  • notificationCenterHeader.foreground#F4F4B4ce
  • notificationLink.foreground#F4F4B4ce
  • notifications.background#1d1d16fe
  • notifications.border#10100Cfe
  • notifications.foreground#F4F4B4ce
  • notificationsErrorIcon.foreground#FF98FFce
  • notificationsInfoIcon.foreground#C4D2CCfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#10100Cfe
  • panel.background#1d1d16fe
  • panel.border#10100Cfe
  • panel.dropBorder#10100Cfe
  • panelInput.border#10100Cfe
  • panelSection.border#10100Cfe
  • panelSection.dropBackground#1d1d16fe
  • panelSectionHeader.background#1d1d16fe
  • panelSectionHeader.border#10100Cfe
  • panelSectionHeader.foreground#F4F4B4ce
  • panelTitle.activeBorder#0B0E0A00
  • panelTitle.activeForeground#A1BB09fe
  • panelTitle.inactiveForeground#B6B63B65
  • peekView.border#A4BC12fe
  • peekViewEditor.background#10100Cfe
  • peekViewEditor.matchHighlightBackground#3D524882
  • peekViewEditor.matchHighlightBorder#0B0A0E00
  • peekViewEditorGutter.background#10100Cfe
  • peekViewEditorStickyScroll.background#1d1d16fe
  • peekViewResult.background#12120Dfe
  • peekViewResult.fileForeground#F4F4B4ce
  • peekViewResult.lineForeground#F4F4B4ce
  • peekViewResult.matchHighlightBackground#454E5B8e
  • peekViewResult.selectionBackground#6A505085
  • peekViewResult.selectionForeground#DDD3DAca
  • peekViewTitle.background#12120Dfe
  • peekViewTitleDescription.foreground#F4F4B4ce
  • peekViewTitleLabel.foreground#F4F4B4ce
  • pickerGroup.border#10100Cfe
  • pickerGroup.foreground#F4F4B4ce
  • ports.iconRunningProcessForeground#E3E1E8fe
  • problemsErrorIcon.foreground#FF98FFce
  • problemsInfoIcon.foreground#C5B3FEce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#A5BD14fe
  • profileBadge.foreground#12120Dfe
  • progressBar.background#1d1d16fe
  • quickInput.background#12120Dfe
  • quickInput.foreground#F0F0EBae
  • quickInputList.focusBackground#735757a9
  • quickInputList.focusForeground#A3BD10fe
  • quickInputList.focusIconForeground#A5BD13fe
  • quickInputTitle.background#10100Cfe
  • sash.hoverBorder#10100Cfe
  • scrollbar.shadow#0E0A0D00
  • scrollbarSlider.activeBackground#828262fe
  • scrollbarSlider.background#52523Eae
  • scrollbarSlider.hoverBackground#6060496e
  • search.resultsInfoForeground#F4F4B4ce
  • searchEditor.findMatchBackground#604949ae
  • searchEditor.findMatchBorder#10100Cfe
  • searchEditor.textInputBorder#10100Cfe
  • selection.background#1d1d16fe
  • settings.checkboxBackground#10100Cfe
  • settings.checkboxBorder#10100Cfe
  • settings.checkboxForeground#F4F4B4ce
  • settings.dropdownBackground#10100Cfe
  • settings.dropdownBorder#10100Cfe
  • settings.dropdownForeground#F4F4B4ce
  • settings.dropdownListBorder#10100Cfe
  • settings.focusedRowBackground#454F5B83
  • settings.focusedRowBorder#10100Cfe
  • settings.headerBorder#10100Cfe
  • settings.headerForeground#F4F4B4ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#10100Cfe
  • settings.numberInputBorder#10100Cfe
  • settings.numberInputForeground#F4F4B4ce
  • settings.rowHoverBackground#1d1d16fe
  • settings.sashBorder#10100Cfe
  • settings.settingsHeaderHoverForeground#A4BC14fe
  • settings.textInputBackground#10100Cfe
  • settings.textInputBorder#10100Cfe
  • settings.textInputForeground#F4F4B4ce
  • sideBar.background#1d1d16fe
  • sideBar.border#10100Cfe
  • sideBar.dropBackground#1d1d16fe
  • sideBar.foreground#C0C0ACae
  • sideBarSectionHeader.background#0B0A0E00
  • sideBarSectionHeader.border#10100Cfe
  • sideBarSectionHeader.foreground#F4F4B4ce
  • sideBarTitle.foreground#F4F4B4ce
  • sideBySideEditor.horizontalBorder#10100Cfe
  • sideBySideEditor.verticalBorder#10100Cfe
  • simpleFindWidget.sashBorder#10100Cfe
  • statusBar.background#12120Dfe
  • statusBar.border#10100Cfe
  • statusBar.debuggingBackground#5D005Db2
  • statusBar.debuggingBorder#10100Cfe
  • statusBar.debuggingForeground#F4F4B4ce
  • statusBar.focusBorder#0E0A0A00
  • statusBar.foreground#BFBFAB6e
  • statusBar.noFolderBackground#12120Dfe
  • statusBar.noFolderBorder#10100Cfe
  • statusBar.noFolderForeground#F4F4B4ce
  • statusBarItem.activeBackground#12120Dfe
  • statusBarItem.compactHoverBackground#12120Dfe
  • statusBarItem.errorBackground#5D005Dac
  • statusBarItem.errorForeground#FF98FFce
  • statusBarItem.errorHoverBackground#5D005Dbb
  • statusBarItem.errorHoverForeground#BA00BAce
  • statusBarItem.focusBorder#0B0E0A00
  • statusBarItem.hoverBackground#12120Dfe
  • statusBarItem.hoverForeground#A4BD12fe
  • statusBarItem.offlineBackground#12120Dfe
  • statusBarItem.offlineForeground#F4F4B4ce
  • statusBarItem.offlineHoverBackground#12120Dfe
  • statusBarItem.offlineHoverForeground#A3BD10fe
  • statusBarItem.prominentBackground#12120Dfe
  • statusBarItem.prominentForeground#F4F4B4ce
  • statusBarItem.prominentHoverBackground#12120Dfe
  • statusBarItem.prominentHoverForeground#A4BD0Efe
  • statusBarItem.remoteBackground#A5BD14fe
  • statusBarItem.remoteForeground#12120Dfe
  • statusBarItem.remoteHoverBackground#12120Dfe
  • statusBarItem.remoteHoverForeground#A3BD10fe
  • statusBarItem.warningBackground#392F00fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#392F00fe
  • statusBarItem.warningHoverForeground#D2AE00ce
  • symbolIcon.arrayForeground#E2E8E1fe
  • symbolIcon.booleanForeground#00D3D3ce
  • symbolIcon.classForeground#BDCBBBfe
  • symbolIcon.colorForeground#E8E1E1fe
  • symbolIcon.constantForeground#C0CFC8fe
  • symbolIcon.constructorForeground#D2C4C4fe
  • symbolIcon.enumeratorForeground#CED3DAfe
  • symbolIcon.enumeratorMemberForeground#CBCBBBfe
  • symbolIcon.eventForeground#C0C6CFfe
  • symbolIcon.fieldForeground#C0CFC8fe
  • symbolIcon.fileForeground#D1CEDAfe
  • symbolIcon.folderForeground#D8DCE1fe
  • symbolIcon.functionForeground#CEDAD5fe
  • symbolIcon.interfaceForeground#CBCBBBfe
  • symbolIcon.keyForeground#D2C4C4fe
  • symbolIcon.keywordForeground#C4D2CCfe
  • symbolIcon.methodForeground#DACECEfe
  • symbolIcon.moduleForeground#D8DCE1fe
  • symbolIcon.namespaceForeground#D1CEDAfe
  • symbolIcon.nullForeground#D2C4CEfe
  • symbolIcon.numberForeground#C4CAD2fe
  • symbolIcon.objectForeground#D3D7DDfe
  • symbolIcon.operatorForeground#CFC0CAfe
  • symbolIcon.packageForeground#D6D6C9fe
  • symbolIcon.propertyForeground#DFDDE5fe
  • symbolIcon.referenceForeground#CABABAfe
  • symbolIcon.snippetForeground#D6D6C9fe
  • symbolIcon.stringForeground#C9B9C5fe
  • symbolIcon.structForeground#C2CFC0fe
  • symbolIcon.textForeground#BBC2CBfe
  • symbolIcon.typeParameterForeground#E2E8E1fe
  • symbolIcon.unitForeground#CFCFC0fe
  • symbolIcon.variableForeground#DDD3D3fe
  • tab.activeBackground#14140Ffe
  • tab.activeBorder#0A0E0C00
  • tab.activeBorderTop#A4BC12fe
  • tab.activeForeground#A5BD11fe
  • tab.activeModifiedBorder#382F00ce
  • tab.border#0A0C0E00
  • tab.hoverBackground#CABABAaa
  • tab.hoverBorder#10100Cfe
  • tab.hoverForeground#A4BD0Ffe
  • tab.inactiveBackground#2B2B209d
  • tab.inactiveForeground#B6B63B65
  • tab.inactiveModifiedBorder#382F00ce
  • tab.lastPinnedBorder#10100Cfe
  • tab.unfocusedActiveBackground#26261D36
  • tab.unfocusedActiveBorder#0E0E0A00
  • tab.unfocusedActiveBorderTop#32322565
  • tab.unfocusedActiveForeground#B6B63B65
  • tab.unfocusedActiveModifiedBorder#382F00ce
  • tab.unfocusedHoverBackground#C0C0AC27
  • tab.unfocusedHoverBorder#21211928
  • tab.unfocusedHoverForeground#B6B63B65
  • tab.unfocusedInactiveBackground#39392B91
  • tab.unfocusedInactiveForeground#B6B63E65
  • tab.unfocusedInactiveModifiedBorder#382F00ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333ac
  • 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#670067a9
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cecece99
  • terminal.ansiYellow#c4a200fe
  • terminal.background#1d1d16fe
  • terminal.border#10100Cfe
  • terminal.dropBackground#1d1d16fe
  • terminal.findMatchBackground#1d1d16fe
  • terminal.findMatchBorder#10100Cfe
  • terminal.findMatchHighlightBackground#1d1d16fe
  • terminal.findMatchHighlightBorder#10100Cfe
  • terminal.foreground#C0C0ACae
  • terminal.hoverHighlightBackground#1d1d16fe
  • terminal.inactiveSelectionBackground#3E3E2F98
  • terminal.selectionBackground#60494986
  • terminal.selectionForeground#E3E1E8ca
  • terminal.tab.activeBorder#A2BC09fe
  • terminalCommandDecoration.defaultBackground#C0BCCCae
  • terminalCommandDecoration.errorBackground#FFA5A5cb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#1d1d16fe
  • terminalCursor.foreground#A3BD10fe
  • terminalOverviewRuler.cursorForeground#F4F4B4ce
  • terminalOverviewRuler.findMatchForeground#00D3D3ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c5
  • testing.iconUnset#808080a4
  • testing.message.error.decorationForeground#D1E45Bfe
  • testing.message.error.lineBackground#5D005D9c
  • testing.message.info.decorationForeground#C7DC49fe
  • testing.message.info.lineBackground#0000AEfe
  • testing.peekBorder#10100Cfe
  • testing.peekHeaderBackground#1d1d16fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#1d1d16fe
  • textBlockQuote.border#10100Cfe
  • textCodeBlock.background#1d1d16fe
  • textLink.activeForeground#A4BD13fe
  • textLink.foreground#C5B3FEce
  • textPreformat.foreground#F4F4B4ce
  • textSeparator.foreground#F4F4B4ce
  • titleBar.activeBackground#12120Dfe
  • titleBar.activeForeground#B6B669ae
  • titleBar.border#0B0E0A00
  • titleBar.inactiveBackground#2B2B20d2
  • titleBar.inactiveForeground#B7B74065
  • toolbar.activeBackground#351A8288
  • toolbar.hoverBackground#1d1d16fe
  • toolbar.hoverOutline#0E0A0D00
  • tree.inactiveIndentGuidesStroke#C4B1B135
  • tree.indentGuidesStroke#C4DA43fe
  • tree.tableColumnsBorder#10100Cfe
  • tree.tableOddRowsBackground#1d1d16fe
  • walkThrough.embeddedEditorBackground#1d1d16fe
  • walkthrough.stepTitle.foreground#F4F4B4ce
  • welcomePage.background#1d1d16fe
  • welcomePage.progress.background#1d1d16fe
  • welcomePage.progress.foreground#F4F4B4ce
  • welcomePage.tileBackground#1d1d16fe
  • welcomePage.tileBorder#10100Cfe
  • welcomePage.tileHoverBackground#1d1d16fe
  • widget.border#10100Cfe
  • widget.shadow#0B0A0E00
  • window.activeBorder#10100Cfe
  • window.inactiveBorder#33330F9d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#CBCB716e
comment.block.html#CBCB766e
comment.block.java#CBCB766e
comment.block.javadoc.java#CACA736e
comment.block.powershell#CBCB7C6e
comment.block.xml#CACA736e
comment.line.double-slash.c#CBCB7C6e
comment.line.double-slash.cpp#CACA736e
comment.line.double-slash.java#CBCB766e
comment.line.double-slash.js#CBCB7C6e
comment.line.number-sign.makefile#CBCB716e
comment.line.number-sign.python#CACA736e
comment.line.number-sign.yaml#CBCB7C6e
comment.line.percentage.erlang#CBCB716e
comment.line.powershell#CACA736e
comment.source.cmake#CBCB7C6e
comment.source.cmakecache#CBCB766e
constant.character#B7D212de
constant.character.character-class.regexp#F5B298de
constant.character.escape#FEAFDCde
constant.character.set.regexp#F490C9de
constant.language#F1A282de
constant.numeric#B6D312de
constant.numeric.dec.python#B7D30Ede
constant.other.caps.python#88A6F1de
constant.other.character-class.regexp#DEB4FEde
constant.other.character-class.set.regexp#B7D312de
constant.other.color.rgb-value#0AE40Ade
constant.other.placeholder#89A6EDde
constant.other.rgb-value#D5A6F8de
constant.regexp#F7B89Fde
constant.sha.git-rebase#FEB59Ade
emphasis#0EE50Ede
entity.name.class#FEABDBde
entity.name.function#C890F2de
entity.name.function.preprocessor#0BDDBFde
entity.name.function.python#11DEC0de
entity.name.label#98B2F5de
entity.name.namespace#88A6F1de
entity.name.operator#B5D305de
entity.name.operator.custom-literal#FEB599de
entity.name.scope-resolution#B7D312de
entity.name.tag#89A7F2de
entity.name.tag.css#0DE50Dde
entity.name.type#B0C5FEde
entity.name.variable#B6D30Dde
entity.other.attribute#F8A6D5de
entity.other.attribute-name#11DFC1de
entity.other.attribute-name.class.css#10E610de
entity.other.attribute-name.class.mixin.css#B7D212de
entity.other.attribute-name.id#B8D311de
entity.other.attribute-name.id.css#ED86C0de
entity.other.attribute-name.parent-selector.css#B7D311de
entity.other.attribute-name.pseudo-class.css#F1A282de
entity.other.attribute-name.pseudo-element.css#EF9C7Cde
entity.other.attribute-name.scss#89A6EFde
entity.other.document.begin.yaml#CBCB716e
entity.other.inherited-class#C790F1de
header#F8A6D5de
invalid#C890F2de
keyword#8AA6ECde
keyword.codetag.notation.python#0EDFC0de
keyword.control#B7D30Ede
keyword.control.anchor.regexp#98B2F5de
keyword.control.import.python#89A6EFde
keyword.operator#0FDFC0de
keyword.operator.alignas#B7D311de
keyword.operator.alignof#B6D30Dde
keyword.operator.cast#10E610de
keyword.operator.delete#F490C9de
keyword.operator.documentation.powershell#CBCB766e
keyword.operator.expression#ABC3FEde
keyword.operator.instanceof#DEB4FEde
keyword.operator.logical.python#89A6EFde
keyword.operator.minus.exponent#90ADF4de
keyword.operator.negation.regexp#89A6EFde
keyword.operator.new#B6D30Dde
keyword.operator.noexcept#11E511de
keyword.operator.or.regexp#12E512de
keyword.operator.plus.exponent#FEAEDBde
keyword.operator.quantifier.regexp#FEAFDCde
keyword.operator.sizeof#10DFC2de
keyword.operator.typeid#0DE50Dde
keyword.operator.wordlike#0AE40Ade
keyword.other.operator#F2A789de
keyword.other.package.java#F182C1de
keyword.other.unit#11E611de
keyword.other.using#0DDEC0de
markup.bold#B6D30Dde
markup.changed#12E512de
markup.deleted#8AA6ECde
markup.fenced_code.block.markdown#AEC3F9de
markup.heading#FEB69Bde
markup.inline.raw#11E511de
markup.inserted#DDB5FAde
markup.italic#C890F2de
markup.raw.block.markdown#B5D212de
markup.strikethrough#C692EFde
markup.underline#C890F2de
meta.block.c#B6D312de
meta.block.c#B6D20Cde
meta.class.java#10DEC1de
meta.definition.variable.name#B8D311de
meta.diff.header#10DFC1de
meta.embedded#DDB5FAde
meta.embedded.assembly#0EDFC0de
meta.function-call.arguments.python#11DEC1de
meta.function-call.python#F4AD90de
meta.member.access.python#11E511de
meta.method.java#D5A6F8de
meta.object-literal.key#EE84C0de
meta.paragraph.markdown#C890F2de
meta.preprocessor#F182C1de
meta.preprocessor.numeric#C990F4de
meta.preprocessor.string#B7D212de
meta.scope.prerequisites.makefile#10E610de
meta.structure.dictionary.json.comments#CBCB766e
meta.structure.dictionary.key.python#F8A6D5de
meta.structure.dictionary.value.json.comments#CBCB716e
meta.template.expression#08DFC0de
meta.type.cast.expr#F7B89Fde
meta.type.new.expr#C692EFde
parameter#C791F0de
punctuation.character.set.begin.regexp#F5B298de
punctuation.character.set.end.regexp#AEC3F9de
punctuation.definition.array.begin.json#B7D312de
punctuation.definition.character-class.regexp#B6D312de
punctuation.definition.comment#CBCB766e
punctuation.definition.comment.json.comments#CBCB716e
punctuation.definition.comment.python#CBCB7C6e
punctuation.definition.dictionary.begin.json#C793EDde
punctuation.definition.dictionary.end.json#B8D311de
punctuation.definition.group.assertion.regexp#ED86C0de
punctuation.definition.group.regexp#C792EFde
punctuation.definition.list.begin.json#0EDFC0de
punctuation.definition.list.begin.markdown#EF83C0de
punctuation.definition.list.begin.python#D19FF7de
punctuation.definition.list.end.json#12E512de
punctuation.definition.list.end.markdown#11E511de
punctuation.definition.list.end.python#ABC3FEde
punctuation.definition.parameters.begin.python#0FDFC0de
punctuation.definition.parameters.end.bracket.round.java#FEAEDBde
punctuation.definition.quote.begin.markdown#B6D307de
punctuation.definition.tag#11E511de
punctuation.definition.template-expression.begin#F79FD1de
punctuation.definition.template-expression.end#FEB698de
punctuation.section.class.begin.bracket.curly.java#C793EDde
punctuation.section.embedded#F490C9de
punctuation.section.embedded.begin.php#FEB599de
punctuation.section.embedded.end.php#F2A789de
punctuation.terminator.java#0CDEBFde
source.cmake#0AE40Ade
source.coffee.embedded#0BDDBFde
source.cpp#ED86C0de
source.css.less#B5D305de
source.groovy.embedded#FEB698de
source.java#D19FF7de
source.java-properties#10DFC2de
source.json.comments#CBCB7C6e
source.makefile#C793EDde
source.powershell#11E611de
source.powershell.variable.other.member#C890F2de
source.python#89A7F2de
storage#DEB4FEde
storage.modifier#AEC3F9de
storage.modifier.import.java#11E511de
storage.modifier.package.java#FEB698de
storage.type#0CDEBFde
storage.type.annotation.groovy#89A6EFde
storage.type.annotation.java#ED9775de
storage.type.boolean.go#0AE40Ade
storage.type.byte.go#A6BEF8de
storage.type.cs#89A6EDde
storage.type.error.go#F1A282de
storage.type.generic.cs#11E511de
storage.type.generic.groovy#89A6EFde
storage.type.generic.java#0CE60Cde
storage.type.groovy#10E610de
storage.type.java#11E611de
storage.type.modifier.cs#ED9775de
storage.type.numeric.go#0CE60Cde
storage.type.object.array.groovy#FEAFDCde
storage.type.object.array.java#89A6EEde
storage.type.parameters.groovy#ED9775de
storage.type.primitive.array.groovy#EF9C7Cde
storage.type.primitive.array.java#11DFC0de
storage.type.primitive.groovy#EF83C0de
storage.type.primitive.java#F8A6D5de
storage.type.rune.go#D9AEF9de
storage.type.string.go#0CDEBFde
storage.type.token.java#90ADF4de
storage.type.uintptr.go#10DFC1de
storage.type.variable.cs#0DDEC0de
string#11DEC0de
string.quoted.docstring.multi.python#CBCB7C6e
string.regexp#11DEC1de
string.tag#F490C9de
string.value#ED9775de
strong#F2A789de
support.class#DDB5FAde
support.constant.color#F598CDde
support.constant.dom#0EDFC0de
support.constant.font-name#0DE50Dde
support.constant.handlebars#EF83C0de
support.constant.json#C990F4de
support.constant.math#0EE50Ede
support.constant.media#FEB599de
support.constant.media-type#C692EFde
support.constant.property-value#11DFC0de
support.function#AEC3F9de
support.function.git-rebase#B7D30Ede
support.other.parenthesis.regexp#B5D20Ede
support.type#F1A282de
support.type.property-name#08DFC0de
support.type.vendored.property-name#89A6EFde
support.variable#EE84C0de
token.debug-token#B7D311de
token.error-token#F490C9de
token.info-token#11E611de
token.warn-token#B7D312de
variable#FEB599de
variable.css#EE84C0de
variable.language#11DFC1de
variable.language.wildcard.java#E9916Ede
variable.other.constant#F79FD1de
variable.other.definition.java#B7D212de
variable.other.enummember#C692EFde
variable.other.less#FEB698de
variable.other.object.java#AEC5FEde
variable.other.object.property.java#A6BEF8de
variable.parameter.c#B6D30Dde
variable.parameter.function.language.python#B6D30Dde
variable.parameter.java#B6D30Dde
variable.scss#F9AED9de