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#1b1b15fe
  • activityBar.activeBackground#1b1b15fe
  • activityBar.activeBorder#FD9377fe
  • activityBar.activeFocusBorder#5D668200
  • activityBar.background#11110Dfe
  • activityBar.border#5D668200
  • activityBar.dropBorder#FD947Afe
  • activityBar.foreground#FE9277fe
  • activityBar.inactiveForeground#B4B44165
  • activityBarBadge.background#D15333fe
  • activityBarBadge.foreground#11110Dfe
  • badge.background#DD674Afe
  • badge.foreground#11110Dfe
  • banner.background#1b1b15fe
  • banner.foreground#F2F2AFce
  • banner.iconForeground#E4DDDDfe
  • breadcrumb.activeSelectionForeground#D6D3DDca
  • breadcrumb.background#13130Ffe
  • breadcrumb.focusForeground#E27256fe
  • breadcrumb.foreground#E8E8E2ae
  • breadcrumbPicker.background#1b1b15fe
  • button.background#414132ae
  • button.border#0E0A0D00
  • button.foreground#F2F2AFce
  • button.hoverBackground#5959456e
  • button.secondaryBackground#1b1b15fe
  • button.secondaryForeground#F2F2AFce
  • button.secondaryHoverBackground#1b1b15fe
  • button.separator#0E0A0D00
  • charts.blue#1b1bfffe
  • charts.foreground#F2F2AFce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067ae
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0F0F0Cfe
  • chat.slashCommandBackground#1b1b15fe
  • chat.slashCommandForeground#F2F2AFce
  • checkbox.background#0F0F0Cfe
  • checkbox.border#0F0F0Cfe
  • checkbox.foreground#F2F2AFce
  • checkbox.selectBackground#0F0F0Cfe
  • checkbox.selectBorder#0F0F0Cfe
  • commandCenter.activeBackground#1837188a
  • commandCenter.activeBorder#0F0F0Cfe
  • commandCenter.activeForeground#CC4F2Ffe
  • commandCenter.background#1b1b15fe
  • commandCenter.border#0F0F0Cfe
  • commandCenter.foreground#F2F2AFce
  • commandCenter.inactiveBorder#32321496
  • commandCenter.inactiveForeground#B5B53B65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0E0A0D00
  • contrastBorder#0A0E0D00
  • debugConsole.errorForeground#FF95FEce
  • debugConsole.infoForeground#F2F2AFce
  • debugConsole.sourceForeground#F2F2AFce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#C5D2C5fe
  • debugExceptionWidget.background#5C005Cb2
  • debugExceptionWidget.border#0F0F0Cfe
  • debugIcon.breakpointCurrentStackframeForeground#C5D2CDfe
  • debugIcon.breakpointDisabledForeground#BDBDAA65
  • debugIcon.breakpointForeground#BBC0CAfe
  • debugIcon.breakpointStackframeForeground#DDE4DDfe
  • debugIcon.breakpointUnverifiedForeground#E1D8DEfe
  • debugIcon.continueForeground#D9CECEfe
  • debugIcon.disconnectForeground#D3DDDAfe
  • debugIcon.pauseForeground#C9C5D2fe
  • debugIcon.restartForeground#D9D9CEfe
  • debugIcon.startForeground#D9D9CEfe
  • debugIcon.stepBackForeground#B1C3B1fe
  • debugIcon.stepIntoForeground#DDE4E2fe
  • debugIcon.stepOutForeground#C5C0CEfe
  • debugIcon.stepOverForeground#C5C0CEfe
  • debugIcon.stopForeground#DDE4DDfe
  • debugTokenExpression.boolean#D3DDD3ca
  • debugTokenExpression.error#CED9D6ca
  • debugTokenExpression.name#DFDDE4ca
  • debugTokenExpression.number#E1D8DEca
  • debugTokenExpression.value#CAD5D1ca
  • debugToolBar.background#5C005Cc6
  • debugToolBar.border#0F0F0Cfe
  • debugView.exceptionLabelBackground#263145ca
  • debugView.exceptionLabelForeground#E1D8D8ca
  • debugView.stateLabelBackground#35294Eca
  • debugView.stateLabelForeground#CAD5CAca
  • debugView.valueChangedHighlight#D5CACAca
  • descriptionForeground#F2F2AFce
  • diffEditor.border#0E0A0D00
  • diffEditor.diagonalFill#000000fd
  • diffEditor.insertedLineBackground#00380031
  • diffEditor.insertedTextBackground#123814fb
  • diffEditor.insertedTextBorder#0B0A0E00
  • diffEditor.move.border#0A0E0A00
  • diffEditor.moveActive.border#0B0A0E00
  • diffEditor.removedLineBackground#69000031
  • diffEditor.removedTextBackground#690000fb
  • diffEditor.removedTextBorder#0E0E0A00
  • diffEditor.unchangedCodeBackground#1b1b15fe
  • diffEditor.unchangedRegionBackground#1b1b15fe
  • diffEditor.unchangedRegionForeground#F2F2AFce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#BFBFAD65
  • dropdown.background#0F0F0Cfe
  • dropdown.border#0F0F0Cfe
  • dropdown.foreground#F2F2AFce
  • dropdown.listBackground#0F0F0Cfe
  • editor.background#1b1b15fe
  • editor.findMatchBackground#546C64ac
  • editor.findMatchBorder#0F0F0Cfe
  • editor.findMatchHighlightBackground#5E4949a7
  • editor.findMatchHighlightBorder#0F0F0Cfe
  • editor.findRangeHighlightBackground#455952aa
  • editor.findRangeHighlightBorder#0F0F0Cfe
  • editor.focusedStackFrameHighlightBackground#5C546C89
  • editor.foldBackground#BFB9C9a8
  • editor.foreground#F2F2AFce
  • editor.hoverHighlightBackground#546C54a2
  • editor.inactiveSelectionBackground#4D4D3C97
  • editor.inlineValuesBackground#1b1b15fe
  • editor.inlineValuesForeground#F2F2AFce
  • editor.lineHighlightBackground#3C3C2Fb5
  • editor.lineHighlightBorder#0A0E0A00
  • editor.linkedEditingBackground#1b1b15fe
  • editor.rangeHighlightBackground#5D4747a7
  • editor.rangeHighlightBorder#0F0F0Cfe
  • editor.selectionBackground#5B4747a6
  • editor.selectionForeground#CED9D6ca
  • editor.selectionHighlightBackground#3F504B83
  • editor.selectionHighlightBorder#0F0F0Cfe
  • editor.snippetFinalTabstopHighlightBackground#5C4747a6
  • editor.snippetFinalTabstopHighlightBorder#0F0F0Cfe
  • editor.snippetTabstopHighlightBackground#6C5454a4
  • editor.snippetTabstopHighlightBorder#0F0F0Cfe
  • editor.stackFrameHighlightBackground#455945ae
  • editor.symbolHighlightBackground#464C5Aa2
  • editor.symbolHighlightBorder#0F0F0Cfe
  • editor.wordHighlightBackground#545C6Ca8
  • editor.wordHighlightBorder#0E0A0D00
  • editor.wordHighlightStrongBackground#675050ae
  • editor.wordHighlightStrongBorder#0B0A0E00
  • editor.wordHighlightTextBackground#5A4654a1
  • editor.wordHighlightTextBorder#0A0E0A00
  • editorBracketHighlight.foreground1#F7F7F5ce
  • editorBracketHighlight.foreground2#F7F7F5ce
  • editorBracketHighlight.foreground3#F7F7F5ce
  • editorBracketHighlight.foreground4#F7F7F5ce
  • editorBracketHighlight.foreground5#F7F7F5ce
  • editorBracketHighlight.foreground6#F7F7F5ce
  • editorBracketHighlight.unexpectedBracket.foreground#F2F2AFce
  • editorBracketMatch.background#C9B9B9a4
  • editorBracketMatch.border#0F0F0Cfe
  • editorBracketPairGuide.activeBackground1#B8BDC88e
  • editorBracketPairGuide.activeBackground2#B7BDC884
  • editorBracketPairGuide.activeBackground3#B7BCC78d
  • editorBracketPairGuide.activeBackground4#C8B8B883
  • editorBracketPairGuide.activeBackground5#ADC0B989
  • editorBracketPairGuide.activeBackground6#BEB9C88d
  • editorBracketPairGuide.background1#342E3Ffe
  • editorBracketPairGuide.background2#3A2B36fe
  • editorBracketPairGuide.background3#20342Efe
  • editorBracketPairGuide.background4#213421fe
  • editorBracketPairGuide.background5#352D41fe
  • editorBracketPairGuide.background6#342D42fe
  • editorCodeLens.foreground#BDBDAA6e
  • editorCommentsWidget.rangeActiveBackground#BEBEABfe
  • editorCommentsWidget.rangeBackground#1b1b15fe
  • editorCommentsWidget.resolvedBorder#0F0F0Cfe
  • editorCommentsWidget.unresolvedBorder#670000cb
  • editorCursor.background#1b1b15fe
  • editorCursor.foreground#DF6D50fe
  • editorError.background#0B0A0E00
  • editorError.border#0B0A0E00
  • editorError.foreground#FF95FEce
  • editorGhostText.background#1b1b15fe
  • editorGhostText.border#0E0A0A00
  • editorGhostText.foreground#BDBDAA6e
  • editorGroup.border#0F0F0Cfe
  • editorGroup.dropBackground#1b1b15fe
  • editorGroup.dropIntoPromptBackground#1b1b15fe
  • editorGroup.dropIntoPromptBorder#0F0F0Cfe
  • editorGroup.dropIntoPromptForeground#F2F2AFce
  • editorGroup.emptyBackground#1b1b15fe
  • editorGroup.focusedEmptyBorder#0F0F0Cfe
  • editorGroupHeader.border#0A0E0A00
  • editorGroupHeader.noTabsBackground#11110Dae
  • editorGroupHeader.tabsBackground#1A1A14a1
  • editorGroupHeader.tabsBorder#0B0A0E00
  • editorGutter.addedBackground#88CC8Bfb
  • editorGutter.background#1b1b15fe
  • editorGutter.commentGlyphForeground#F2F2AFce
  • editorGutter.commentRangeForeground#F2F2AFce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FFA2A2cb
  • editorGutter.foldingControlForeground#F2F2AFce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0E0A0D00
  • editorHint.foreground#C3B0FFce
  • editorHoverWidget.background#0F0F0Cfe
  • editorHoverWidget.border#0F0F0Cfe
  • editorHoverWidget.foreground#F2F2AFce
  • editorHoverWidget.highlightForeground#CED9CEca
  • editorHoverWidget.statusBarBackground#1b1b15fe
  • editorIndentGuide.activeBackground1#FC937Afe
  • editorIndentGuide.activeBackground2#FC9479fe
  • editorIndentGuide.activeBackground3#FD9479fe
  • editorIndentGuide.activeBackground4#FE9277fe
  • editorIndentGuide.activeBackground5#FC9479fe
  • editorIndentGuide.activeBackground6#FC9479fe
  • editorIndentGuide.background1#A890A035
  • editorIndentGuide.background2#A1869835
  • editorIndentGuide.background3#A3B7B135
  • editorIndentGuide.background4#9D819435
  • editorIndentGuide.background5#BFADB935
  • editorIndentGuide.background6#8BA58B35
  • editorInfo.background#0B0A0E00
  • editorInfo.border#0E0E0A00
  • editorInfo.foreground#C3B0FFce
  • editorInlayHint.background#1b1b15fe
  • editorInlayHint.foreground#F2F2AFce
  • editorInlayHint.parameterBackground#1b1b15fe
  • editorInlayHint.parameterForeground#F2F2AFce
  • editorInlayHint.typeBackground#1b1b15fe
  • editorInlayHint.typeForeground#F2F2AFce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#E27256fe
  • editorLineNumber.dimmedForeground#BDBDAA6e
  • editorLineNumber.foreground#BDBDAA6e
  • editorLink.activeForeground#E27256fe
  • editorMarkerNavigation.background#0F0F0Cfe
  • editorMarkerNavigationError.background#5C005Cb0
  • editorMarkerNavigationError.headerBackground#5C005Caa
  • editorMarkerNavigationInfo.background#0000ADfe
  • editorMarkerNavigationInfo.headerBackground#0000ADfe
  • editorMarkerNavigationWarning.background#392F00fe
  • editorMarkerNavigationWarning.headerBackground#392F00fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#1b1b15fe
  • editorOverviewRuler.border#31311Efe
  • editorOverviewRuler.bracketMatchForeground#F2F2AFce
  • editorOverviewRuler.commentForeground#BDBDAA6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#F2F2AFce
  • editorOverviewRuler.currentContentForeground#cececec8
  • editorOverviewRuler.deletedForeground#FFA2A2cb
  • editorOverviewRuler.errorForeground#FF95FEce
  • editorOverviewRuler.findMatchForeground#00D3D3ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C3B0FFce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#CACDD5ca
  • editorOverviewRuler.selectionHighlightForeground#C3B0FFce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#DDE4DDca
  • editorOverviewRuler.wordHighlightStrongForeground#F2F2AFce
  • editorOverviewRuler.wordHighlightTextForeground#F2F2AFce
  • editorPane.background#1b1b15fe
  • editorRuler.foreground#BDBDAA2c
  • editorStickyScroll.background#1b1b15fe
  • editorStickyScrollHover.background#3131246e
  • editorSuggestWidget.background#0F0F0Cfe
  • editorSuggestWidget.border#0A0E0D00
  • editorSuggestWidget.focusHighlightForeground#5EC0A5fe
  • editorSuggestWidget.foreground#CACABBfe
  • editorSuggestWidget.highlightForeground#E4DDDDca
  • editorSuggestWidget.selectedBackground#50495D8b
  • editorSuggestWidget.selectedForeground#CED2D9ca
  • editorSuggestWidget.selectedIconForeground#D5CACAca
  • editorSuggestWidgetStatus.foreground#C0BBCAfe
  • editorUnicodeHighlight.background#415441a1
  • editorUnicodeHighlight.border#0F0F0Cfe
  • editorUnnecessaryCode.border#382F00ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0E0A0D00
  • editorWarning.border#0A0E0A00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#F2F2AFce
  • editorWidget.background#0F0F0Cfe
  • editorWidget.border#0F0F0Cfe
  • editorWidget.foreground#F2F2AFce
  • editorWidget.resizeBorder#0F0F0Cfe
  • errorForeground#FF95FEce
  • extensionBadge.remoteBackground#D15333fe
  • extensionBadge.remoteForeground#11110Dfe
  • extensionButton.background#31311Fae
  • extensionButton.foreground#F2F2AFce
  • extensionButton.hoverBackground#31311A6e
  • extensionButton.prominentBackground#1b1b15fe
  • extensionButton.prominentForeground#F2F2AFce
  • extensionButton.prominentHoverBackground#1b1b15fe
  • extensionButton.separator#0E0E0A00
  • extensionIcon.preReleaseForeground#D2C5CDfe
  • extensionIcon.sponsorForeground#CAD5CAfe
  • extensionIcon.starForeground#C8B8B8fe
  • extensionIcon.verifiedForeground#CAD5D1fe
  • focusBorder#0E0E0A00
  • foreground#F2F2AFce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FFA2A2cb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C3B0FFce
  • gitDecoration.stageDeletedResourceForeground#FFA2A2cb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00D3D3ce
  • icon.foreground#BDBDAAae
  • inlineChat.background#20342Eca
  • inlineChat.border#203520ca
  • inlineChat.regionHighlight#E1D8D8ca
  • inlineChat.shadow#D9D9CEca
  • inlineChatDiff.inserted#DDD3DAca
  • inlineChatDiff.removed#D3DDDAca
  • inlineChatInput.background#D6D3DDca
  • inlineChatInput.border#263045ca
  • inlineChatInput.focusBorder#0E0A0A00
  • inlineChatInput.placeholderForeground#DBD8E1ca
  • input.background#0F0F0Cfe
  • input.border#0F0F0Cfe
  • input.foreground#F2F2AFce
  • input.placeholderForeground#BFBFAD65
  • inputOption.activeBackground#0F0F0Cfe
  • inputOption.activeBorder#0F0F0Cfe
  • inputOption.activeForeground#E4775Cfe
  • inputOption.hoverBackground#0F0F0Cfe
  • inputValidation.errorBackground#670067bd
  • inputValidation.errorBorder#5C005Cba
  • inputValidation.errorForeground#FF95FEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0F0F0Cfe
  • inputValidation.infoForeground#F2F2AFce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0F0F0Cfe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0F0F0Cfe
  • interactive.inactiveCodeBorder#29292094
  • keybindingLabel.background#1b1b15fe
  • keybindingLabel.border#0F0F0Cfe
  • keybindingLabel.bottomBorder#0F0F0Cfe
  • keybindingLabel.foreground#F2F2AFce
  • keybindingTable.headerBackground#1b1b15fe
  • keybindingTable.rowsBackground#1b1b15fe
  • list.activeSelectionBackground#50495F8b
  • list.activeSelectionForeground#CED9CEca
  • list.activeSelectionIconForeground#CED2D9ca
  • list.deemphasizedForeground#F2F2AFce
  • list.dropBackground#1b1b15fe
  • list.errorForeground#FF95FEce
  • list.filterMatchBackground#1b1b15fe
  • list.filterMatchBorder#0F0F0Cfe
  • list.focusAndSelectionOutline#0E0E0A00
  • list.focusBackground#4D4D3C96
  • list.focusForeground#CC4F2Ffe
  • list.focusHighlightForeground#B4B449fe
  • list.focusOutline#0A0B0E00
  • list.highlightForeground#CED9D6ca
  • list.hoverBackground#680000ab
  • list.hoverForeground#DD674Afe
  • list.inactiveFocusBackground#3333279d
  • list.inactiveFocusOutline#0A0B0E00
  • list.inactiveSelectionBackground#11110Dae
  • list.inactiveSelectionForeground#BDBDAA65
  • list.inactiveSelectionIconForeground#BDBDAA65
  • list.invalidItemForeground#F2F2AFce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#1b1b15fe
  • listFilterWidget.noMatchesOutline#0A0B0E00
  • listFilterWidget.outline#0A0E0A00
  • listFilterWidget.shadow#0E0E0A00
  • menu.background#11110Dfe
  • menu.border#0B0A0E00
  • menu.foreground#ECECE6ae
  • menu.selectionBackground#5B4747a1
  • menu.selectionBorder#0A0E0D00
  • menu.selectionForeground#E4775Cfe
  • menu.separatorBackground#30302665
  • menubar.selectionBackground#5B4747a3
  • menubar.selectionBorder#0A0E0D00
  • menubar.selectionForeground#DD674Afe
  • merge.border#0F0F0Cfe
  • merge.commonContentBackground#1b1b15fe
  • merge.commonHeaderBackground#1b1b15fe
  • merge.currentContentBackground#00380031
  • merge.currentHeaderBackground#123814fb
  • merge.incomingContentBackground#133814cb
  • merge.incomingHeaderBackground#123814fb
  • mergeEditor.change.background#1b1b15fe
  • mergeEditor.change.word.background#1b1b15fe
  • mergeEditor.changeBase.background#1b1b15fe
  • mergeEditor.changeBase.word.background#1b1b15fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0F0F0Cfe
  • mergeEditor.conflict.handledUnfocused.border#1F1F182b
  • mergeEditor.conflict.input1.background#0F0F0Cfe
  • mergeEditor.conflict.input2.background#0F0F0Cfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067ac
  • mergeEditor.conflict.unhandledFocused.border#0F0F0Cfe
  • mergeEditor.conflict.unhandledUnfocused.border#24241C3a
  • mergeEditor.conflictingLines.background#1b1b15fe
  • minimap.background#1b1b15fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F7F7F5ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#88CC8Bfb
  • minimapGutter.deletedBackground#FFA2A2fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#717158fe
  • minimapSlider.background#464636ae
  • minimapSlider.hoverBackground#5959456e
  • notebook.cellBorderColor#0F0F0Cfe
  • notebook.cellEditorBackground#1b1b15fe
  • notebook.cellHoverBackground#1b1b15fe
  • notebook.cellInsertionIndicator#CAD5CAca
  • notebook.cellStatusBarItemHoverBackground#1b1b15fe
  • notebook.cellToolbarSeparator#DDD3DAca
  • notebook.editorBackground#1b1b15fe
  • notebook.focusedCellBackground#1b1b15fe
  • notebook.focusedCellBorder#E4775Cfe
  • notebook.focusedEditorBorder#0F0F0Cfe
  • notebook.inactiveFocusedCellBorder#7171588e
  • notebook.inactiveSelectedCellBorder#76765C8e
  • notebook.outputContainerBackgroundColor#1b1b15fe
  • notebook.outputContainerBorderColor#0F0F0Cfe
  • notebook.selectedCellBackground#1b1b15fe
  • notebook.selectedCellBorder#0F0F0Cfe
  • notebook.symbolHighlightBackground#1b1b15fe
  • notebookEditorOverviewRuler.runningCellForeground#F2F2AFce
  • notebookScrollbarSlider.activeBackground#848467fe
  • notebookScrollbarSlider.background#545441ae
  • notebookScrollbarSlider.hoverBackground#6767506e
  • notebookStatusErrorIcon.foreground#FF95FEce
  • notebookStatusRunningIcon.foreground#C0BBCAfe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0F0F0Cfe
  • notificationCenterHeader.background#1b1b15fe
  • notificationCenterHeader.foreground#F2F2AFce
  • notificationLink.foreground#F2F2AFce
  • notifications.background#1b1b15fe
  • notifications.border#0F0F0Cfe
  • notifications.foreground#F2F2AFce
  • notificationsErrorIcon.foreground#FF95FEce
  • notificationsInfoIcon.foreground#D2C5C5fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0F0F0Cfe
  • panel.background#1b1b15fe
  • panel.border#0F0F0Cfe
  • panel.dropBorder#0F0F0Cfe
  • panelInput.border#0F0F0Cfe
  • panelSection.border#0F0F0Cfe
  • panelSection.dropBackground#1b1b15fe
  • panelSectionHeader.background#1b1b15fe
  • panelSectionHeader.border#0F0F0Cfe
  • panelSectionHeader.foreground#F2F2AFce
  • panelTitle.activeBorder#0A0B0E00
  • panelTitle.activeForeground#FC9479fe
  • panelTitle.inactiveForeground#B0B09965
  • peekView.border#FC937Afe
  • peekViewEditor.background#0F0F0Cfe
  • peekViewEditor.matchHighlightBackground#544D6384
  • peekViewEditor.matchHighlightBorder#0E0A0A00
  • peekViewEditorGutter.background#0F0F0Cfe
  • peekViewEditorStickyScroll.background#1b1b15fe
  • peekViewResult.background#11110Dfe
  • peekViewResult.fileForeground#F2F2AFce
  • peekViewResult.lineForeground#F2F2AFce
  • peekViewResult.matchHighlightBackground#5C47478d
  • peekViewResult.selectionBackground#495E498e
  • peekViewResult.selectionForeground#CED2D9ca
  • peekViewTitle.background#11110Dfe
  • peekViewTitleDescription.foreground#F2F2AFce
  • peekViewTitleLabel.foreground#F2F2AFce
  • pickerGroup.border#0F0F0Cfe
  • pickerGroup.foreground#F2F2AFce
  • ports.iconRunningProcessForeground#CDCAD5fe
  • problemsErrorIcon.foreground#FF95FEce
  • problemsInfoIcon.foreground#C3B0FFce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#DA6244fe
  • profileBadge.foreground#11110Dfe
  • progressBar.background#1b1b15fe
  • quickInput.background#11110Dfe
  • quickInput.foreground#F3F3A6ae
  • quickInputList.focusBackground#545C6Ca1
  • quickInputList.focusForeground#DD674Afe
  • quickInputList.focusIconForeground#E4775Cfe
  • quickInputTitle.background#0F0F0Cfe
  • sash.hoverBorder#0F0F0Cfe
  • scrollbar.shadow#0A0E0A00
  • scrollbarSlider.activeBackground#76765Cfe
  • scrollbarSlider.background#464636ae
  • scrollbarSlider.hoverBackground#5E5E496e
  • search.resultsInfoForeground#F2F2AFce
  • searchEditor.findMatchBackground#6C6C54a1
  • searchEditor.findMatchBorder#0F0F0Cfe
  • searchEditor.textInputBorder#0F0F0Cfe
  • selection.background#1b1b15fe
  • settings.checkboxBackground#0F0F0Cfe
  • settings.checkboxBorder#0F0F0Cfe
  • settings.checkboxForeground#F2F2AFce
  • settings.dropdownBackground#0F0F0Cfe
  • settings.dropdownBorder#0F0F0Cfe
  • settings.dropdownForeground#F2F2AFce
  • settings.dropdownListBorder#0F0F0Cfe
  • settings.focusedRowBackground#49505E84
  • settings.focusedRowBorder#0F0F0Cfe
  • settings.headerBorder#0F0F0Cfe
  • settings.headerForeground#F2F2AFce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0F0F0Cfe
  • settings.numberInputBorder#0F0F0Cfe
  • settings.numberInputForeground#F2F2AFce
  • settings.rowHoverBackground#1b1b15fe
  • settings.sashBorder#0F0F0Cfe
  • settings.settingsHeaderHoverForeground#DF6D50fe
  • settings.textInputBackground#0F0F0Cfe
  • settings.textInputBorder#0F0F0Cfe
  • settings.textInputForeground#F2F2AFce
  • sideBar.background#1b1b15fe
  • sideBar.border#0F0F0Cfe
  • sideBar.dropBackground#1b1b15fe
  • sideBar.foreground#BDBDAAae
  • sideBarSectionHeader.background#0B0A0E00
  • sideBarSectionHeader.border#0F0F0Cfe
  • sideBarSectionHeader.foreground#F2F2AFce
  • sideBarTitle.foreground#F2F2AFce
  • sideBySideEditor.horizontalBorder#0F0F0Cfe
  • sideBySideEditor.verticalBorder#0F0F0Cfe
  • simpleFindWidget.sashBorder#0F0F0Cfe
  • statusBar.background#11110Dfe
  • statusBar.border#0F0F0Cfe
  • statusBar.debuggingBackground#5C005Cc9
  • statusBar.debuggingBorder#0F0F0Cfe
  • statusBar.debuggingForeground#F2F2AFce
  • statusBar.focusBorder#0A0E0A00
  • statusBar.foreground#BDBDAA6e
  • statusBar.noFolderBackground#11110Dfe
  • statusBar.noFolderBorder#0F0F0Cfe
  • statusBar.noFolderForeground#F2F2AFce
  • statusBarItem.activeBackground#11110Dfe
  • statusBarItem.compactHoverBackground#11110Dfe
  • statusBarItem.errorBackground#5C005Cb0
  • statusBarItem.errorForeground#FF95FEce
  • statusBarItem.errorHoverBackground#5C005C99
  • statusBarItem.errorHoverForeground#B700B7ce
  • statusBarItem.focusBorder#0E0A0D00
  • statusBarItem.hoverBackground#11110Dfe
  • statusBarItem.hoverForeground#DF6D50fe
  • statusBarItem.offlineBackground#11110Dfe
  • statusBarItem.offlineForeground#F2F2AFce
  • statusBarItem.offlineHoverBackground#11110Dfe
  • statusBarItem.offlineHoverForeground#D15333fe
  • statusBarItem.prominentBackground#11110Dfe
  • statusBarItem.prominentForeground#F2F2AFce
  • statusBarItem.prominentHoverBackground#11110Dfe
  • statusBarItem.prominentHoverForeground#D75D3Efe
  • statusBarItem.remoteBackground#CC4F2Ffe
  • statusBarItem.remoteForeground#11110Dfe
  • statusBarItem.remoteHoverBackground#11110Dfe
  • statusBarItem.remoteHoverForeground#CC4F2Ffe
  • statusBarItem.warningBackground#392F00fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#392F00fe
  • statusBarItem.warningHoverForeground#D1AD00ce
  • symbolIcon.arrayForeground#C5D2C5fe
  • symbolIcon.booleanForeground#00D3D3ce
  • symbolIcon.classForeground#E1D8D8fe
  • symbolIcon.colorForeground#D2C5C5fe
  • symbolIcon.constantForeground#C7B7C2fe
  • symbolIcon.constructorForeground#E4DDE2fe
  • symbolIcon.enumeratorForeground#CACABBfe
  • symbolIcon.enumeratorMemberForeground#DDE4DDfe
  • symbolIcon.eventForeground#D3D6DDfe
  • symbolIcon.fieldForeground#D2D2C5fe
  • symbolIcon.fileForeground#CEC0C9fe
  • symbolIcon.folderForeground#C7B7C2fe
  • symbolIcon.functionForeground#CED9D6fe
  • symbolIcon.interfaceForeground#BFB9C8fe
  • symbolIcon.keyForeground#D5CACAfe
  • symbolIcon.keywordForeground#D8E1D8fe
  • symbolIcon.methodForeground#CEC0C9fe
  • symbolIcon.moduleForeground#CED2D9fe
  • symbolIcon.namespaceForeground#DDDDD3fe
  • symbolIcon.nullForeground#B6C6B6fe
  • symbolIcon.numberForeground#C9C5D2fe
  • symbolIcon.objectForeground#B1C3B1fe
  • symbolIcon.operatorForeground#D2C5CDfe
  • symbolIcon.packageForeground#D2C5C5fe
  • symbolIcon.propertyForeground#BEB9C9fe
  • symbolIcon.referenceForeground#C7B7C2fe
  • symbolIcon.snippetForeground#D9CED6fe
  • symbolIcon.stringForeground#CEC0C9fe
  • symbolIcon.structForeground#D9CECEfe
  • symbolIcon.textForeground#E1D8D8fe
  • symbolIcon.typeParameterForeground#C8B8B8fe
  • symbolIcon.unitForeground#CACDD5fe
  • symbolIcon.variableForeground#CEC0C9fe
  • tab.activeBackground#13130Ffe
  • tab.activeBorder#0E0A0D00
  • tab.activeBorderTop#FE9277fe
  • tab.activeForeground#FC9479fe
  • tab.activeModifiedBorder#382F00ce
  • tab.border#0A0B0E00
  • tab.hoverBackground#C9B8B8a5
  • tab.hoverBorder#0F0F0Cfe
  • tab.hoverForeground#D75D3Efe
  • tab.inactiveBackground#32320F9d
  • tab.inactiveForeground#B0B09965
  • tab.inactiveModifiedBorder#382F00ce
  • tab.lastPinnedBorder#0F0F0Cfe
  • tab.unfocusedActiveBackground#1F1F1824
  • tab.unfocusedActiveBorder#0A0B0E00
  • tab.unfocusedActiveBorderTop#32321D65
  • tab.unfocusedActiveForeground#B4B44165
  • tab.unfocusedActiveModifiedBorder#382F00ce
  • tab.unfocusedHoverBackground#BDBDAA34
  • tab.unfocusedHoverBorder#1F1F1832
  • tab.unfocusedHoverForeground#B4B43F65
  • tab.unfocusedInactiveBackground#3C3C2F9d
  • tab.unfocusedInactiveForeground#B5B53B65
  • tab.unfocusedInactiveModifiedBorder#382F00ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333c3
  • 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#6700679b
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececebb
  • terminal.ansiYellow#c4a200fe
  • terminal.background#1b1b15fe
  • terminal.border#0F0F0Cfe
  • terminal.dropBackground#1b1b15fe
  • terminal.findMatchBackground#1b1b15fe
  • terminal.findMatchBorder#0F0F0Cfe
  • terminal.findMatchHighlightBackground#1b1b15fe
  • terminal.findMatchHighlightBorder#0F0F0Cfe
  • terminal.foreground#BDBDAAae
  • terminal.hoverHighlightBackground#1b1b15fe
  • terminal.inactiveSelectionBackground#3C3C2F96
  • terminal.selectionBackground#6C546487
  • terminal.selectionForeground#D8E1D8ca
  • terminal.tab.activeBorder#FC9479fe
  • terminalCommandDecoration.defaultBackground#BEB9C8a1
  • terminalCommandDecoration.errorBackground#FFA2A2cb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#1b1b15fe
  • terminalCursor.foreground#DD674Afe
  • terminalOverviewRuler.cursorForeground#F2F2AFce
  • terminalOverviewRuler.findMatchForeground#00D3D3ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c09c
  • testing.iconUnset#808080b8
  • testing.message.error.decorationForeground#EDAD9Cfe
  • testing.message.error.lineBackground#5C005Cb7
  • testing.message.info.decorationForeground#ECAC9Dfe
  • testing.message.info.lineBackground#0000ADfe
  • testing.peekBorder#0F0F0Cfe
  • testing.peekHeaderBackground#1b1b15fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#1b1b15fe
  • textBlockQuote.border#0F0F0Cfe
  • textCodeBlock.background#1b1b15fe
  • textLink.activeForeground#E77D62fe
  • textLink.foreground#C3B0FFce
  • textPreformat.foreground#F2F2AFce
  • textSeparator.foreground#F2F2AFce
  • titleBar.activeBackground#11110Dfe
  • titleBar.activeForeground#B4B469ae
  • titleBar.border#0E0A0D00
  • titleBar.inactiveBackground#24241Cd1
  • titleBar.inactiveForeground#B0B09965
  • toolbar.activeBackground#1B352C8b
  • toolbar.hoverBackground#1b1b15fe
  • toolbar.hoverOutline#0A0E0D00
  • tree.inactiveIndentGuidesStroke#95ACA435
  • tree.indentGuidesStroke#EEAD9Cfe
  • tree.tableColumnsBorder#0F0F0Cfe
  • tree.tableOddRowsBackground#1b1b15fe
  • walkThrough.embeddedEditorBackground#1b1b15fe
  • walkthrough.stepTitle.foreground#F2F2AFce
  • welcomePage.background#1b1b15fe
  • welcomePage.progress.background#1b1b15fe
  • welcomePage.progress.foreground#F2F2AFce
  • welcomePage.tileBackground#1b1b15fe
  • welcomePage.tileBorder#0F0F0Cfe
  • welcomePage.tileHoverBackground#1b1b15fe
  • widget.border#0F0F0Cfe
  • widget.shadow#0B0A0E00
  • window.activeBorder#0F0F0Cfe
  • window.inactiveBorder#32320F9a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#C9C9716e
comment.block.html#C9C97B6e
comment.block.java#C9C9726e
comment.block.javadoc.java#C9C9726e
comment.block.powershell#C9C9726e
comment.block.xml#C9C9726e
comment.line.double-slash.c#C9C9726e
comment.line.double-slash.cpp#C9C9756e
comment.line.double-slash.java#C9C9726e
comment.line.double-slash.js#C9C9756e
comment.line.number-sign.makefile#C9C9716e
comment.line.number-sign.python#C9C9756e
comment.line.number-sign.yaml#C9C9726e
comment.line.percentage.erlang#C9C9726e
comment.line.powershell#C9C97B6e
comment.source.cmake#C9C97B6e
comment.source.cmakecache#C9C9756e
constant.character#C0CC0Fde
constant.character.character-class.regexp#EF81C3de
constant.character.escape#81A5EDde
constant.character.set.regexp#BE91F2de
constant.language#C0CD13de
constant.numeric#FEABDDde
constant.numeric.dec.python#BF92F1de
constant.other.caps.python#0FDFA6de
constant.other.character-class.regexp#C1CE0Cde
constant.other.character-class.set.regexp#BBCC05de
constant.other.color.rgb-value#C1CE13de
constant.other.placeholder#BECD07de
constant.other.rgb-value#11DEA7de
constant.regexp#F598D0de
constant.sha.git-rebase#10DEA9de
emphasis#F5AB98de
entity.name.class#91B2F4de
entity.name.function#BF91F4de
entity.name.function.preprocessor#BECD07de
entity.name.function.python#FEB19Dde
entity.name.label#ED8E76de
entity.name.namespace#C0CE11de
entity.name.operator#ED81C2de
entity.name.operator.custom-literal#F29F8Ade
entity.name.scope-resolution#1FE310de
entity.name.tag#1BE30Ede
entity.name.tag.css#FEB19Ede
entity.name.type#1DE30Ede
entity.name.variable#FEB29Fde
entity.other.attribute#BF91F2de
entity.other.attribute-name#1FE211de
entity.other.attribute-name.class.css#BD92EFde
entity.other.attribute-name.class.mixin.css#C0CE11de
entity.other.attribute-name.id#1EE311de
entity.other.attribute-name.id.css#11DEA7de
entity.other.attribute-name.parent-selector.css#81A5EDde
entity.other.attribute-name.pseudo-class.css#F29F8Ade
entity.other.attribute-name.pseudo-element.css#FEB19Ede
entity.other.attribute-name.scss#BF92F1de
entity.other.document.begin.yaml#C9C9756e
entity.other.inherited-class#F28AC9de
header#81A5EDde
invalid#C1CE13de
keyword#F7B19Fde
keyword.codetag.notation.python#F28AC9de
keyword.control#FEB19Dde
keyword.control.anchor.regexp#1FE211de
keyword.control.import.python#C1CE13de
keyword.operator#EA8D76de
keyword.operator.alignas#FEABDDde
keyword.operator.alignof#F183C5de
keyword.operator.cast#CDA7F8de
keyword.operator.delete#C89FF7de
keyword.operator.documentation.powershell#C9C9756e
keyword.operator.expression#0DDFA7de
keyword.operator.instanceof#9FBDF7de
keyword.operator.logical.python#8AADF2de
keyword.operator.minus.exponent#ED8E76de
keyword.operator.negation.regexp#83A8F1de
keyword.operator.new#C1CD12de
keyword.operator.noexcept#C1CE13de
keyword.operator.or.regexp#FEABDDde
keyword.operator.plus.exponent#1DE30Ede
keyword.operator.quantifier.regexp#82A5ECde
keyword.operator.sizeof#A8C5FEde
keyword.operator.typeid#11DEA7de
keyword.operator.wordlike#EF81C3de
keyword.other.operator#83A8F1de
keyword.other.package.java#C1CD11de
keyword.other.unit#BD92EEde
keyword.other.using#0EDFA6de
markup.bold#EE80C2de
markup.changed#9FBDF7de
markup.deleted#C1CE0Ede
markup.fenced_code.block.markdown#BD92EEde
markup.heading#08DFA5de
markup.inline.raw#82A5ECde
markup.inserted#0FDFA6de
markup.italic#11DFA7de
markup.raw.block.markdown#BBCC05de
markup.strikethrough#EA8D76de
markup.underline#0CDEA7de
meta.block.c#82A5ECde
meta.block.c#C2CD0Dde
meta.class.java#1FE211de
meta.definition.variable.name#8AADF2de
meta.diff.header#1CE30Ede
meta.embedded#1DE30Ede
meta.embedded.assembly#C2CE0Fde
meta.function-call.arguments.python#D8B6FEde
meta.function-call.python#1DE30Ede
meta.member.access.python#C2CD0Dde
meta.method.java#D7B4FEde
meta.object-literal.key#EF937Cde
meta.paragraph.markdown#82A5ECde
meta.preprocessor#0BDDA4de
meta.preprocessor.numeric#08DFA5de
meta.preprocessor.string#EA8D76de
meta.scope.prerequisites.makefile#BFCD11de
meta.structure.dictionary.json.comments#C9C9716e
meta.structure.dictionary.key.python#FEABDDde
meta.structure.dictionary.value.json.comments#C9C9726e
meta.template.expression#A3C2FEde
meta.type.cast.expr#F5AB98de
meta.type.new.expr#C1CD12de
parameter#0FDFA6de
punctuation.character.set.begin.regexp#FEB19Dde
punctuation.character.set.end.regexp#82A5EEde
punctuation.definition.array.begin.json#0DDFA7de
punctuation.definition.character-class.regexp#D1AEF9de
punctuation.definition.comment#C9C9726e
punctuation.definition.comment.json.comments#C9C9716e
punctuation.definition.comment.python#C9C9726e
punctuation.definition.dictionary.begin.json#A7C5FEde
punctuation.definition.dictionary.end.json#F491CCde
punctuation.definition.group.assertion.regexp#A9C5FEde
punctuation.definition.group.regexp#0FDFA6de
punctuation.definition.list.begin.json#C1CD12de
punctuation.definition.list.begin.markdown#11DDA8de
punctuation.definition.list.begin.python#BECD07de
punctuation.definition.list.end.json#F19983de
punctuation.definition.list.end.markdown#FEB29Fde
punctuation.definition.list.end.python#11DDA8de
punctuation.definition.parameters.begin.python#10DEA9de
punctuation.definition.parameters.end.bracket.round.java#BD92EFde
punctuation.definition.quote.begin.markdown#EF937Cde
punctuation.definition.tag#81A5EDde
punctuation.definition.template-expression.begin#11DEA7de
punctuation.definition.template-expression.end#81A5EDde
punctuation.section.class.begin.bracket.curly.java#F19983de
punctuation.section.embedded#98B7F5de
punctuation.section.embedded.begin.php#F5AB98de
punctuation.section.embedded.end.php#1EE310de
punctuation.terminator.java#82A5ECde
source.cmake#C0CD13de
source.coffee.embedded#1EE311de
source.cpp#1FE211de
source.css.less#F598D0de
source.groovy.embedded#C1CE0Cde
source.java#A8C5FEde
source.java-properties#ED81C2de
source.json.comments#C9C97B6e
source.makefile#0DDFA7de
source.powershell#C0CC0Fde
source.powershell.variable.other.member#1FE211de
source.python#C89FF7de
storage#82A5EEde
storage.modifier#F9AEDBde
storage.modifier.import.java#C498F5de
storage.modifier.package.java#C0CC0Fde
storage.type#F19983de
storage.type.annotation.groovy#C89FF7de
storage.type.annotation.java#8AADF2de
storage.type.boolean.go#9FBDF7de
storage.type.byte.go#BBCC05de
storage.type.cs#EE80C2de
storage.type.error.go#F9AEDBde
storage.type.generic.cs#ED81C2de
storage.type.generic.groovy#1EE311de
storage.type.generic.java#EF937Cde
storage.type.groovy#F491CCde
storage.type.java#FEB19Dde
storage.type.modifier.cs#F29F8Ade
storage.type.numeric.go#CDA7F8de
storage.type.object.array.groovy#C1CE13de
storage.type.object.array.java#0DDFA7de
storage.type.parameters.groovy#BE92F0de
storage.type.primitive.array.groovy#11DDA8de
storage.type.primitive.array.java#ED8E76de
storage.type.primitive.groovy#ED81C2de
storage.type.primitive.java#11DFA7de
storage.type.rune.go#BBCC05de
storage.type.string.go#81A5EDde
storage.type.token.java#1FE310de
storage.type.uintptr.go#F491CCde
storage.type.variable.cs#BECD07de
string#C1CE0Cde
string.quoted.docstring.multi.python#C9C97B6e
string.regexp#FEAF9Bde
string.tag#D7B4FEde
string.value#F598D0de
strong#D7B4FEde
support.class#C0CD12de
support.constant.color#C0CE11de
support.constant.dom#EF937Cde
support.constant.font-name#9FBDF7de
support.constant.handlebars#D6B6FAde
support.constant.json#1FE310de
support.constant.math#F28AC9de
support.constant.media#1FE310de
support.constant.media-type#0BDDA4de
support.constant.property-value#C0CD13de
support.function#1FE211de
support.function.git-rebase#C2CE13de
support.other.parenthesis.regexp#FEAF9Bde
support.type#0CDEA7de
support.type.property-name#CDA7F8de
support.type.vendored.property-name#0EDFA7de
support.variable#FEA9DCde
token.debug-token#F7B19Fde
token.error-token#82A5ECde
token.info-token#F5AB98de
token.warn-token#C1CE0Ede
variable#F183C5de
variable.css#1EE311de
variable.language#BECD07de
variable.language.wildcard.java#FEABDDde
variable.other.constant#11DEA7de
variable.other.definition.java#A7C2F8de
variable.other.enummember#1AE20Cde
variable.other.less#FEB29Fde
variable.other.object.java#BFCD11de
variable.other.object.property.java#0DDFA7de
variable.parameter.c#F8A7D7de
variable.parameter.function.language.python#82A5ECde
variable.parameter.java#EF81C3de
variable.scss#1CE30Ede