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#1F1D1Ffe
  • activityBar.activeBackground#1F1D1Ffe
  • activityBar.activeBorder#C9A0FEfe
  • activityBar.activeFocusBorder#B1B1B100
  • activityBar.background#141314fe
  • activityBar.border#B1B1B100
  • activityBar.dropBorder#C89EFEfe
  • activityBar.foreground#C9A0FEfe
  • activityBar.inactiveForeground#ADAAAD65
  • activityBarBadge.background#9864DEfe
  • activityBarBadge.foreground#141314fe
  • badge.background#874FD1fe
  • badge.foreground#141314fe
  • banner.background#1F1D1Ffe
  • banner.foreground#F1F1F1ce
  • banner.iconForeground#E0E2E1fe
  • breadcrumb.activeSelectionForeground#DAD9D8ca
  • breadcrumb.background#161616fe
  • breadcrumb.focusForeground#905AD7fe
  • breadcrumb.foreground#F2F2F2ae
  • breadcrumbPicker.background#1F1D1Ffe
  • button.background#454245ae
  • button.border#0E0E0E00
  • button.foreground#F1F1F1ce
  • button.hoverBackground#4D4A4Dfe
  • button.secondaryBackground#1F1D1Ffe
  • button.secondaryForeground#F1F1F1ce
  • button.secondaryHoverBackground#1F1D1Ffe
  • button.separator#0E0E0E00
  • charts.blue#1b1bfffe
  • charts.foreground#F1F1F1ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067c9
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#111011fe
  • chat.slashCommandBackground#1F1D1Ffe
  • chat.slashCommandForeground#F1F1F1ce
  • checkbox.background#111011fe
  • checkbox.border#111011fe
  • checkbox.foreground#F1F1F1ce
  • checkbox.selectBackground#111011fe
  • checkbox.selectBorder#111011fe
  • commandCenter.activeBackground#242E1681
  • commandCenter.activeBorder#111011fe
  • commandCenter.activeForeground#905AD7fe
  • commandCenter.background#1F1D1Ffe
  • commandCenter.border#111011fe
  • commandCenter.foreground#F1F1F1ce
  • commandCenter.inactiveBorder#51065195
  • commandCenter.inactiveForeground#FE6EFE65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0E0E0E00
  • contrastBorder#0E0E0E00
  • debugConsole.errorForeground#b400b4ce
  • debugConsole.infoForeground#F1F1F1ce
  • debugConsole.sourceForeground#F1F1F1ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#CAC7C8fe
  • debugExceptionWidget.background#670067aa
  • debugExceptionWidget.border#111011fe
  • debugIcon.breakpointCurrentStackframeForeground#DEDDDEfe
  • debugIcon.breakpointDisabledForeground#FDEDFD65
  • debugIcon.breakpointForeground#D9D8DAfe
  • debugIcon.breakpointStackframeForeground#C2C0BEfe
  • debugIcon.breakpointUnverifiedForeground#C7CAC8fe
  • debugIcon.continueForeground#BEC2C0fe
  • debugIcon.disconnectForeground#C7C8CAfe
  • debugIcon.pauseForeground#D8D9DAfe
  • debugIcon.restartForeground#DAD8D9fe
  • debugIcon.startForeground#D5D3D6fe
  • debugIcon.stepBackForeground#C7C8CAfe
  • debugIcon.stepIntoForeground#DEDCDDfe
  • debugIcon.stepOutForeground#C7C8CAfe
  • debugIcon.stepOverForeground#D1D2CFfe
  • debugIcon.stopForeground#D2D1CFfe
  • debugTokenExpression.boolean#E5E5E6ca
  • debugTokenExpression.error#D5D6D3ca
  • debugTokenExpression.name#E6E5E5ca
  • debugTokenExpression.number#D5D6D3ca
  • debugTokenExpression.value#DEDDDEca
  • debugToolBar.background#670067b8
  • debugToolBar.border#111011fe
  • debugView.exceptionLabelBackground#312920ca
  • debugView.exceptionLabelForeground#DDDCDEca
  • debugView.stateLabelBackground#392439ca
  • debugView.stateLabelForeground#E5E5E6ca
  • debugView.valueChangedHighlight#E2E1E2ca
  • descriptionForeground#F1F1F1ce
  • diffEditor.border#0E0E0E00
  • diffEditor.diagonalFill#000000f6
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#39853dfb
  • diffEditor.insertedTextBorder#0E0E0E00
  • diffEditor.move.border#0E0E0E00
  • diffEditor.moveActive.border#0E0E0E00
  • diffEditor.removedLineBackground#ff9a9a31
  • diffEditor.removedTextBackground#e60000fb
  • diffEditor.removedTextBorder#0E0E0E00
  • diffEditor.unchangedCodeBackground#1F1D1Ffe
  • diffEditor.unchangedRegionBackground#1F1D1Ffe
  • diffEditor.unchangedRegionForeground#F1F1F1ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#FDEDFD65
  • dropdown.background#111011fe
  • dropdown.border#111011fe
  • dropdown.foreground#F1F1F1ce
  • dropdown.listBackground#111011fe
  • editor.background#1F1D1Ffe
  • editor.findMatchBackground#585B55a4
  • editor.findMatchBorder#111011fe
  • editor.findMatchHighlightBackground#69656Cab
  • editor.findMatchHighlightBorder#111011fe
  • editor.findRangeHighlightBackground#616468a6
  • editor.findRangeHighlightBorder#111011fe
  • editor.focusedStackFrameHighlightBackground#50715D82
  • editor.foldBackground#F6EFFEac
  • editor.foreground#F1F1F1ce
  • editor.hoverHighlightBackground#8E69C7ab
  • editor.inactiveSelectionBackground#AE4FAE95
  • editor.inlineValuesBackground#1F1D1Ffe
  • editor.inlineValuesForeground#F1F1F1ce
  • editor.lineHighlightBackground#3C3A3Cb4
  • editor.lineHighlightBorder#0E0E0E00
  • editor.linkedEditingBackground#1F1D1Ffe
  • editor.rangeHighlightBackground#625162a7
  • editor.rangeHighlightBorder#111011fe
  • editor.selectionBackground#6F6B6Fa9
  • editor.selectionForeground#D8DAD9ca
  • editor.selectionHighlightBackground#69656C85
  • editor.selectionHighlightBorder#111011fe
  • editor.snippetFinalTabstopHighlightBackground#605D63a6
  • editor.snippetFinalTabstopHighlightBorder#111011fe
  • editor.snippetTabstopHighlightBackground#52504Da4
  • editor.snippetTabstopHighlightBorder#111011fe
  • editor.stackFrameHighlightBackground#5D6063aa
  • editor.symbolHighlightBackground#63605Da3
  • editor.symbolHighlightBorder#111011fe
  • editor.wordHighlightBackground#5B5558ad
  • editor.wordHighlightBorder#0E0E0E00
  • editor.wordHighlightStrongBackground#5A4F6Ba6
  • editor.wordHighlightStrongBorder#0E0E0E00
  • editor.wordHighlightTextBackground#60635Da1
  • editor.wordHighlightTextBorder#0E0E0E00
  • editorBracketHighlight.foreground1#F6F6F6ce
  • editorBracketHighlight.foreground2#F6F6F6ce
  • editorBracketHighlight.foreground3#F6F6F6ce
  • editorBracketHighlight.foreground4#F6F6F6ce
  • editorBracketHighlight.foreground5#F6F6F6ce
  • editorBracketHighlight.foreground6#F6F6F6ce
  • editorBracketHighlight.unexpectedBracket.foreground#F1F1F1ce
  • editorBracketMatch.background#D3FCE3ae
  • editorBracketMatch.border#111011fe
  • editorBracketPairGuide.activeBackground1#F7EFFE85
  • editorBracketPairGuide.activeBackground2#D2FBE987
  • editorBracketPairGuide.activeBackground3#F7EDFE8c
  • editorBracketPairGuide.activeBackground4#E9F3FE88
  • editorBracketPairGuide.activeBackground5#FEECF58c
  • editorBracketPairGuide.activeBackground6#FDF0DF84
  • editorBracketPairGuide.background1#242C1Cfe
  • editorBracketPairGuide.background2#1D2D28fe
  • editorBracketPairGuide.background3#312920fe
  • editorBracketPairGuide.background4#242F1Efe
  • editorBracketPairGuide.background5#36243Ffe
  • editorBracketPairGuide.background6#252D1Dfe
  • editorCodeLens.foreground#FEEDFE6e
  • editorCommentsWidget.rangeActiveBackground#FEEDFEfe
  • editorCommentsWidget.rangeBackground#1F1D1Ffe
  • editorCommentsWidget.resolvedBorder#111011fe
  • editorCommentsWidget.unresolvedBorder#ff6a6acb
  • editorCursor.background#1F1D1Ffe
  • editorCursor.foreground#9864DEfe
  • editorError.background#0E0E0E00
  • editorError.border#0E0E0E00
  • editorError.foreground#b400b4ce
  • editorGhostText.background#1F1D1Ffe
  • editorGhostText.border#0E0E0E00
  • editorGhostText.foreground#FEEDFE6e
  • editorGroup.border#111011fe
  • editorGroup.dropBackground#1F1D1Ffe
  • editorGroup.dropIntoPromptBackground#1F1D1Ffe
  • editorGroup.dropIntoPromptBorder#111011fe
  • editorGroup.dropIntoPromptForeground#F1F1F1ce
  • editorGroup.emptyBackground#1F1D1Ffe
  • editorGroup.focusedEmptyBorder#111011fe
  • editorGroupHeader.border#0E0E0E00
  • editorGroupHeader.noTabsBackground#141314ae
  • editorGroupHeader.tabsBackground#1F1D1Fa1
  • editorGroupHeader.tabsBorder#0E0E0E00
  • editorGutter.addedBackground#39853dfb
  • editorGutter.background#1F1D1Ffe
  • editorGutter.commentGlyphForeground#F1F1F1ce
  • editorGutter.commentRangeForeground#F1F1F1ce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#ff6a6acb
  • editorGutter.foldingControlForeground#F1F1F1ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0E0E0E00
  • editorHint.foreground#8e6affce
  • editorHoverWidget.background#111011fe
  • editorHoverWidget.border#111011fe
  • editorHoverWidget.foreground#F1F1F1ce
  • editorHoverWidget.highlightForeground#DDDCDEca
  • editorHoverWidget.statusBarBackground#1F1D1Ffe
  • editorIndentGuide.activeBackground1#FEECFEfe
  • editorIndentGuide.activeBackground2#FEEBFEfe
  • editorIndentGuide.activeBackground3#FEECFEfe
  • editorIndentGuide.activeBackground4#FEEBFEfe
  • editorIndentGuide.activeBackground5#FEEDFEfe
  • editorIndentGuide.activeBackground6#FEEDFEfe
  • editorIndentGuide.background1#A7A4AA35
  • editorIndentGuide.background2#B6B3B135
  • editorIndentGuide.background3#BABCBE35
  • editorIndentGuide.background4#A6A0A335
  • editorIndentGuide.background5#ADAFB235
  • editorIndentGuide.background6#AEA8AB35
  • editorInfo.background#0E0E0E00
  • editorInfo.border#0E0E0E00
  • editorInfo.foreground#8e6affce
  • editorInlayHint.background#1F1D1Ffe
  • editorInlayHint.foreground#F1F1F1ce
  • editorInlayHint.parameterBackground#1F1D1Ffe
  • editorInlayHint.parameterForeground#F1F1F1ce
  • editorInlayHint.typeBackground#1F1D1Ffe
  • editorInlayHint.typeForeground#F1F1F1ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#C6A3F5fe
  • editorLineNumber.dimmedForeground#FEEDFE6e
  • editorLineNumber.foreground#FEEDFE6e
  • editorLink.activeForeground#9D6AE1fe
  • editorMarkerNavigation.background#111011fe
  • editorMarkerNavigationError.background#670067c2
  • editorMarkerNavigationError.headerBackground#670067b4
  • editorMarkerNavigationInfo.background#1b1bfffe
  • editorMarkerNavigationInfo.headerBackground#1b1bfffe
  • editorMarkerNavigationWarning.background#c4a200fe
  • editorMarkerNavigationWarning.headerBackground#c4a200fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#1F1D1Ffe
  • editorOverviewRuler.border#2B2A2Bfe
  • editorOverviewRuler.bracketMatchForeground#F1F1F1ce
  • editorOverviewRuler.commentForeground#FEECFE6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#F1F1F1ce
  • editorOverviewRuler.currentContentForeground#cececea6
  • editorOverviewRuler.deletedForeground#ff6a6acb
  • editorOverviewRuler.errorForeground#b400b4ce
  • editorOverviewRuler.findMatchForeground#00a5a5ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#8e6affce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#E5E6E5ca
  • editorOverviewRuler.selectionHighlightForeground#8e6affce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#DAD8D9ca
  • editorOverviewRuler.wordHighlightStrongForeground#F1F1F1ce
  • editorOverviewRuler.wordHighlightTextForeground#F1F1F1ce
  • editorPane.background#1F1D1Ffe
  • editorRuler.foreground#FEE9FE39
  • editorStickyScroll.background#1F1D1Ffe
  • editorStickyScroll.shadow#0E0E0E00
  • editorStickyScrollHover.background#4B134Bfe
  • editorSuggestWidget.background#111011fe
  • editorSuggestWidget.border#0E0E0E00
  • editorSuggestWidget.focusHighlightForeground#FD92B6fe
  • editorSuggestWidget.foreground#E5E5E6fe
  • editorSuggestWidget.highlightForeground#DAD8D9ca
  • editorSuggestWidget.selectedBackground#6861648e
  • editorSuggestWidget.selectedForeground#D3D5D6ca
  • editorSuggestWidget.selectedIconForeground#DDDEDCca
  • editorSuggestWidgetStatus.foreground#C0BEC2fe
  • editorUnicodeHighlight.background#8F6D56a9
  • editorUnicodeHighlight.border#111011fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0E0E0E00
  • editorWarning.border#0E0E0E00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#F1F1F1ce
  • editorWidget.background#111011fe
  • editorWidget.border#111011fe
  • editorWidget.foreground#F1F1F1ce
  • editorWidget.resizeBorder#111011fe
  • errorForeground#b400b4ce
  • extensionBadge.remoteBackground#905AD7fe
  • extensionBadge.remoteForeground#141314fe
  • extensionButton.background#4D0E4Dae
  • extensionButton.foreground#F1F1F1ce
  • extensionButton.hoverBackground#4B144Bfe
  • extensionButton.prominentBackground#1F1D1Ffe
  • extensionButton.prominentForeground#F1F1F1ce
  • extensionButton.prominentHoverBackground#1F1D1Ffe
  • extensionButton.separator#0E0E0E00
  • extensionIcon.preReleaseForeground#C4C2C6fe
  • extensionIcon.sponsorForeground#E2E0E1fe
  • extensionIcon.starForeground#D1D2CFfe
  • extensionIcon.verifiedForeground#CFD1D2fe
  • focusBorder#0E0E0E00
  • foreground#F1F1F1ce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#ff6a6acb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#8e6affce
  • gitDecoration.stageDeletedResourceForeground#ff6a6acb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00a5a5ce
  • icon.foreground#FEEBFEae
  • inlineChat.background#322921ca
  • inlineChat.border#322921ca
  • inlineChat.regionHighlight#D9D8DAca
  • inlineChat.shadow#E0E2E1ca
  • inlineChatDiff.inserted#DDDCDEca
  • inlineChatDiff.removed#DCDDDEca
  • inlineChatInput.background#D6D3D5ca
  • inlineChatInput.border#342A21ca
  • inlineChatInput.focusBorder#0E0E0E00
  • inlineChatInput.placeholderForeground#D6D4D6ca
  • input.background#111011fe
  • input.border#111011fe
  • input.foreground#F1F1F1ce
  • input.placeholderForeground#FDEDFD65
  • inputOption.activeBackground#111011fe
  • inputOption.activeBorder#111011fe
  • inputOption.activeForeground#945FDBfe
  • inputOption.hoverBackground#111011fe
  • inputValidation.errorBackground#670067b3
  • inputValidation.errorBorder#670067b9
  • inputValidation.errorForeground#b400b4ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#111011fe
  • inputValidation.infoForeground#F1F1F1ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#111011fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#111011fe
  • interactive.inactiveCodeBorder#50085094
  • keybindingLabel.background#1F1D1Ffe
  • keybindingLabel.border#111011fe
  • keybindingLabel.bottomBorder#111011fe
  • keybindingLabel.foreground#F1F1F1ce
  • keybindingTable.headerBackground#1F1D1Ffe
  • keybindingTable.rowsBackground#1F1D1Ffe
  • list.activeSelectionBackground#526F5E8a
  • list.activeSelectionForeground#E6E5E5ca
  • list.activeSelectionIconForeground#E0E2E1ca
  • list.deemphasizedForeground#F1F1F1ce
  • list.dropBackground#1F1D1Ffe
  • list.errorForeground#b400b4ce
  • list.filterMatchBackground#1F1D1Ffe
  • list.filterMatchBorder#111011fe
  • list.focusAndSelectionOutline#0E0E0E00
  • list.focusBackground#7F497F97
  • list.focusForeground#C6A3F5fe
  • list.focusHighlightForeground#F886F8fe
  • list.focusOutline#0E0E0E00
  • list.highlightForeground#E2E0E1ca
  • list.hoverBackground#4F0C4Ffe
  • list.hoverForeground#945FDBfe
  • list.inactiveFocusBackground#3C3A3C97
  • list.inactiveFocusOutline#0E0E0E00
  • list.inactiveSelectionBackground#141314ae
  • list.inactiveSelectionForeground#FDEDFD65
  • list.inactiveSelectionIconForeground#FDEDFD65
  • list.invalidItemForeground#F1F1F1ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#1F1D1Ffe
  • listFilterWidget.noMatchesOutline#0E0E0E00
  • listFilterWidget.outline#0E0E0E00
  • listFilterWidget.shadow#0E0E0E00
  • menu.background#141314fe
  • menu.border#0E0E0E00
  • menu.foreground#F2F2F2ae
  • menu.selectionBackground#7B777Bab
  • menu.selectionBorder#0E0E0E00
  • menu.selectionForeground#945FDBfe
  • menu.separatorBackground#3C213C65
  • menubar.selectionBackground#666366ad
  • menubar.selectionBorder#0E0E0E00
  • menubar.selectionForeground#8B54D4fe
  • merge.border#111011fe
  • merge.commonContentBackground#1F1D1Ffe
  • merge.commonHeaderBackground#1F1D1Ffe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#39853dfb
  • merge.incomingContentBackground#8acd8dcb
  • merge.incomingHeaderBackground#39853dfb
  • mergeEditor.change.background#1F1D1Ffe
  • mergeEditor.change.word.background#1F1D1Ffe
  • mergeEditor.changeBase.background#1F1D1Ffe
  • mergeEditor.changeBase.word.background#1F1D1Ffe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#111011fe
  • mergeEditor.conflict.handledUnfocused.border#27262736
  • mergeEditor.conflict.input1.background#111011fe
  • mergeEditor.conflict.input2.background#111011fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067a2
  • mergeEditor.conflict.unhandledFocused.border#111011fe
  • mergeEditor.conflict.unhandledUnfocused.border#2322233c
  • mergeEditor.conflictingLines.background#1F1D1Ffe
  • minimap.background#1F1D1Ffe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F6F6F6ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#39853dfb
  • minimapGutter.deletedBackground#e60000fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#6F6B6Ffe
  • minimapSlider.background#454245ae
  • minimapSlider.hoverBackground#454245fe
  • notebook.cellBorderColor#111011fe
  • notebook.cellEditorBackground#1F1D1Ffe
  • notebook.cellHoverBackground#1F1D1Ffe
  • notebook.cellInsertionIndicator#D3D5D6ca
  • notebook.cellStatusBarItemHoverBackground#1F1D1Ffe
  • notebook.cellToolbarSeparator#D9DAD8ca
  • notebook.editorBackground#1F1D1Ffe
  • notebook.focusedCellBackground#1F1D1Ffe
  • notebook.focusedCellBorder#C6A2F5fe
  • notebook.focusedEditorBorder#111011fe
  • notebook.inactiveFocusedCellBorder#6B676B8e
  • notebook.inactiveSelectedCellBorder#6B676B8e
  • notebook.outputContainerBackgroundColor#1F1D1Ffe
  • notebook.outputContainerBorderColor#111011fe
  • notebook.selectedCellBackground#1F1D1Ffe
  • notebook.selectedCellBorder#111011fe
  • notebook.symbolHighlightBackground#1F1D1Ffe
  • notebookEditorOverviewRuler.runningCellForeground#F1F1F1ce
  • notebookScrollbarSlider.activeBackground#6F6B6Ffe
  • notebookScrollbarSlider.background#514F51ae
  • notebookScrollbarSlider.hoverBackground#5A575Afe
  • notebookStatusErrorIcon.foreground#b400b4ce
  • notebookStatusRunningIcon.foreground#E5E6E5fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#111011fe
  • notificationCenterHeader.background#1F1D1Ffe
  • notificationCenterHeader.foreground#F1F1F1ce
  • notificationLink.foreground#F1F1F1ce
  • notifications.background#1F1D1Ffe
  • notifications.border#111011fe
  • notifications.foreground#F1F1F1ce
  • notificationsErrorIcon.foreground#b400b4ce
  • notificationsInfoIcon.foreground#E1E0E2fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#111011fe
  • panel.background#1F1D1Ffe
  • panel.border#111011fe
  • panel.dropBorder#111011fe
  • panelInput.border#111011fe
  • panelSection.border#111011fe
  • panelSection.dropBackground#1F1D1Ffe
  • panelSectionHeader.background#1F1D1Ffe
  • panelSectionHeader.border#111011fe
  • panelSectionHeader.foreground#F1F1F1ce
  • panelTitle.activeBorder#0E0E0E00
  • panelTitle.activeForeground#C19BF3fe
  • panelTitle.inactiveForeground#A9A6A965
  • peekView.border#C69BFEfe
  • peekViewEditor.background#111011fe
  • peekViewEditor.matchHighlightBackground#5156548a
  • peekViewEditor.matchHighlightBorder#0E0E0E00
  • peekViewEditorGutter.background#111011fe
  • peekViewEditorStickyScroll.background#1F1D1Ffe
  • peekViewResult.background#141314fe
  • peekViewResult.fileForeground#F1F1F1ce
  • peekViewResult.lineForeground#F1F1F1ce
  • peekViewResult.matchHighlightBackground#58555B87
  • peekViewResult.selectionBackground#8B546A83
  • peekViewResult.selectionForeground#E1E2E0ca
  • peekViewTitle.background#141314fe
  • peekViewTitleDescription.foreground#F1F1F1ce
  • peekViewTitleLabel.foreground#F1F1F1ce
  • pickerGroup.border#111011fe
  • pickerGroup.foreground#F1F1F1ce
  • ports.iconRunningProcessForeground#CDCCCDfe
  • problemsErrorIcon.foreground#b400b4ce
  • problemsInfoIcon.foreground#8e6affce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#905AD7fe
  • profileBadge.foreground#141314fe
  • progressBar.background#1F1D1Ffe
  • quickInput.background#141314fe
  • quickInput.foreground#EAE9EAae
  • quickInputList.focusBackground#616468a8
  • quickInputList.focusForeground#8B54D4fe
  • quickInputList.focusIconForeground#874FD1fe
  • quickInputTitle.background#111011fe
  • sash.hoverBorder#111011fe
  • scrollbar.shadow#0E0E0E00
  • scrollbarSlider.activeBackground#736F73fe
  • scrollbarSlider.background#514F51ae
  • scrollbarSlider.hoverBackground#5A575Afe
  • search.resultsInfoForeground#F1F1F1ce
  • searchEditor.findMatchBackground#5F595Ca5
  • searchEditor.findMatchBorder#111011fe
  • searchEditor.textInputBorder#111011fe
  • selection.background#1F1D1Ffe
  • settings.checkboxBackground#111011fe
  • settings.checkboxBorder#111011fe
  • settings.checkboxForeground#F1F1F1ce
  • settings.dropdownBackground#111011fe
  • settings.dropdownBorder#111011fe
  • settings.dropdownForeground#F1F1F1ce
  • settings.dropdownListBorder#111011fe
  • settings.focusedRowBackground#4F605682
  • settings.focusedRowBorder#111011fe
  • settings.headerBorder#111011fe
  • settings.headerForeground#F1F1F1ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#111011fe
  • settings.numberInputBorder#111011fe
  • settings.numberInputForeground#F1F1F1ce
  • settings.rowHoverBackground#1F1D1Ffe
  • settings.sashBorder#111011fe
  • settings.settingsHeaderHoverForeground#824ACDfe
  • settings.textInputBackground#111011fe
  • settings.textInputBorder#111011fe
  • settings.textInputForeground#F1F1F1ce
  • sideBar.background#1F1D1Ffe
  • sideBar.border#111011fe
  • sideBar.dropBackground#1F1D1Ffe
  • sideBar.foreground#FEEBFEae
  • sideBarSectionHeader.background#0E0E0E00
  • sideBarSectionHeader.border#111011fe
  • sideBarSectionHeader.foreground#F1F1F1ce
  • sideBarTitle.foreground#F1F1F1ce
  • sideBySideEditor.horizontalBorder#111011fe
  • sideBySideEditor.verticalBorder#111011fe
  • simpleFindWidget.sashBorder#111011fe
  • statusBar.background#141314fe
  • statusBar.border#111011fe
  • statusBar.debuggingBackground#670067c3
  • statusBar.debuggingBorder#111011fe
  • statusBar.debuggingForeground#F1F1F1ce
  • statusBar.focusBorder#0E0E0E00
  • statusBar.foreground#FEECFE6e
  • statusBar.noFolderBackground#141314fe
  • statusBar.noFolderBorder#111011fe
  • statusBar.noFolderForeground#F1F1F1ce
  • statusBarItem.activeBackground#141314fe
  • statusBarItem.compactHoverBackground#141314fe
  • statusBarItem.errorBackground#670067a3
  • statusBarItem.errorForeground#b400b4ce
  • statusBarItem.errorHoverBackground#670067b0
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0E0E0E00
  • statusBarItem.hoverBackground#141314fe
  • statusBarItem.hoverForeground#C6A4F5fe
  • statusBarItem.offlineBackground#141314fe
  • statusBarItem.offlineForeground#F1F1F1ce
  • statusBarItem.offlineHoverBackground#141314fe
  • statusBarItem.offlineHoverForeground#945FDBfe
  • statusBarItem.prominentBackground#141314fe
  • statusBarItem.prominentForeground#F1F1F1ce
  • statusBarItem.prominentHoverBackground#141314fe
  • statusBarItem.prominentHoverForeground#9864DEfe
  • statusBarItem.remoteBackground#945FDBfe
  • statusBarItem.remoteForeground#141314fe
  • statusBarItem.remoteHoverBackground#141314fe
  • statusBarItem.remoteHoverForeground#C6A3F5fe
  • statusBarItem.warningBackground#c4a200fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#c4a200fe
  • statusBarItem.warningHoverForeground#ffd611ce
  • symbolIcon.arrayForeground#C0BEC2fe
  • symbolIcon.booleanForeground#00a5a5ce
  • symbolIcon.classForeground#C4C6C2fe
  • symbolIcon.colorForeground#CAC7C8fe
  • symbolIcon.constantForeground#C7C8CAfe
  • symbolIcon.constructorForeground#DAD8D9fe
  • symbolIcon.enumeratorForeground#E6E5E5fe
  • symbolIcon.enumeratorMemberForeground#C1BFC1fe
  • symbolIcon.eventForeground#E1E0E2fe
  • symbolIcon.fieldForeground#D3D6D5fe
  • symbolIcon.fileForeground#D2D1CFfe
  • symbolIcon.folderForeground#C4C2C6fe
  • symbolIcon.functionForeground#C7C8CAfe
  • symbolIcon.interfaceForeground#E1E2E0fe
  • symbolIcon.keyForeground#D8D9DAfe
  • symbolIcon.keywordForeground#CDCCCDfe
  • symbolIcon.methodForeground#DEDDDEfe
  • symbolIcon.moduleForeground#D1D2CFfe
  • symbolIcon.namespaceForeground#DEDCDDfe
  • symbolIcon.nullForeground#E0E1E2fe
  • symbolIcon.numberForeground#C7C8CAfe
  • symbolIcon.objectForeground#D2D0D2fe
  • symbolIcon.operatorForeground#C9C8C9fe
  • symbolIcon.packageForeground#CFD1D2fe
  • symbolIcon.propertyForeground#CECBCCfe
  • symbolIcon.referenceForeground#CBCCCEfe
  • symbolIcon.snippetForeground#CCCBCEfe
  • symbolIcon.stringForeground#C7CAC8fe
  • symbolIcon.structForeground#C1BFC1fe
  • symbolIcon.textForeground#E2E0E1fe
  • symbolIcon.typeParameterForeground#C4C2C6fe
  • symbolIcon.unitForeground#D2D0D2fe
  • symbolIcon.variableForeground#D2D1CFfe
  • tab.activeBackground#161616fe
  • tab.activeBorder#0E0E0E00
  • tab.activeBorderTop#C89EFEfe
  • tab.activeForeground#C6A2F5fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#0E0E0E00
  • tab.hoverBackground#FEECFEfe
  • tab.hoverBorder#111011fe
  • tab.hoverForeground#8B54D4fe
  • tab.inactiveBackground#53025393
  • tab.inactiveForeground#B5B2B565
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#111011fe
  • tab.unfocusedActiveBackground#2726273b
  • tab.unfocusedActiveBorder#0E0E0E00
  • tab.unfocusedActiveBorderTop#3E213E65
  • tab.unfocusedActiveForeground#B5B2B565
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#FEEDFEfe
  • tab.unfocusedHoverBorder#27262737
  • tab.unfocusedHoverForeground#FE6EFE65
  • tab.unfocusedInactiveBackground#3432349b
  • tab.unfocusedInactiveForeground#A9A6A965
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333a0
  • 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#670067a1
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececeb8
  • terminal.ansiYellow#c4a200fe
  • terminal.background#1F1D1Ffe
  • terminal.border#111011fe
  • terminal.dropBackground#1F1D1Ffe
  • terminal.findMatchBackground#1F1D1Ffe
  • terminal.findMatchBorder#111011fe
  • terminal.findMatchHighlightBackground#1F1D1Ffe
  • terminal.findMatchHighlightBorder#111011fe
  • terminal.foreground#FEEBFEae
  • terminal.hoverHighlightBackground#1F1D1Ffe
  • terminal.inactiveSelectionBackground#3C3A3C92
  • terminal.selectionBackground#54565181
  • terminal.selectionForeground#D8D9DAca
  • terminal.tab.activeBorder#C79DFEfe
  • terminalCommandDecoration.defaultBackground#FEEEF8ac
  • terminalCommandDecoration.errorBackground#ff6a6acb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#1F1D1Ffe
  • terminalCursor.foreground#945FDBfe
  • terminalOverviewRuler.cursorForeground#F1F1F1ce
  • terminalOverviewRuler.findMatchForeground#00a5a5ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0bd
  • testing.iconUnset#808080bb
  • testing.message.error.decorationForeground#F6EFFEfe
  • testing.message.error.lineBackground#670067aa
  • testing.message.info.decorationForeground#F6EFFEfe
  • testing.message.info.lineBackground#1b1bfffe
  • testing.peekBorder#111011fe
  • testing.peekHeaderBackground#1F1D1Ffe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#1F1D1Ffe
  • textBlockQuote.border#111011fe
  • textCodeBlock.background#1F1D1Ffe
  • textLink.activeForeground#824ACDfe
  • textLink.foreground#8e6affce
  • textPreformat.foreground#F1F1F1ce
  • textSeparator.foreground#F1F1F1ce
  • titleBar.activeBackground#141314fe
  • titleBar.activeForeground#F48EF4ae
  • titleBar.border#0E0E0E00
  • titleBar.inactiveBackground#2B2A2Bd4
  • titleBar.inactiveForeground#ADAAAD65
  • toolbar.activeBackground#560C318d
  • toolbar.hoverBackground#1F1D1Ffe
  • toolbar.hoverOutline#0E0E0E00
  • tree.inactiveIndentGuidesStroke#9B9FA235
  • tree.indentGuidesStroke#F5EEFEfe
  • tree.tableColumnsBorder#111011fe
  • tree.tableOddRowsBackground#1F1D1Ffe
  • walkThrough.embeddedEditorBackground#1F1D1Ffe
  • walkthrough.stepTitle.foreground#F1F1F1ce
  • welcomePage.background#1F1D1Ffe
  • welcomePage.progress.background#1F1D1Ffe
  • welcomePage.progress.foreground#F1F1F1ce
  • welcomePage.tileBackground#1F1D1Ffe
  • welcomePage.tileBorder#111011fe
  • welcomePage.tileHoverBackground#1F1D1Ffe
  • widget.border#111011fe
  • widget.shadow#0E0E0E00
  • window.activeBorder#111011fe
  • window.inactiveBorder#2B2A2B9c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#EF7CEF6e
comment.block.html#B3B3B36e
comment.block.java#F89DF86e
comment.block.javadoc.java#A9A9A96e
comment.block.powershell#F99EF96e
comment.block.xml#F287F26e
comment.line.double-slash.c#F48EF46e
comment.line.double-slash.cpp#B4B4B46e
comment.line.double-slash.java#EF7CEF6e
comment.line.double-slash.js#F17EF16e
comment.line.number-sign.makefile#C0C0C06e
comment.line.number-sign.python#B5B5B56e
comment.line.number-sign.yaml#F385F36e
comment.line.percentage.erlang#BCBCBC6e
comment.line.powershell#B0B0B06e
comment.source.cmake#F9A5F96e
comment.source.cmakecache#A9A9A96e
constant.character#AEC80Cde
constant.character.character-class.regexp#F2A396de
constant.character.escape#F5A2D1de
constant.character.set.regexp#A6BF0Cde
constant.language#4FD1ACde
constant.numeric#F6B4A9de
constant.numeric.dec.python#D0B3F8de
constant.other.caps.python#A9BFF6de
constant.other.character-class.regexp#EF8CC5de
constant.other.character-class.set.regexp#EE9B8Cde
constant.other.color.rgb-value#F6A9D5de
constant.other.placeholder#EC9384de
constant.other.rgb-value#4FD1ACde
constant.regexp#0BC38Fde
constant.sha.git-rebase#F1A295de
emphasis#55D455de
entity.name.class#3DBE98de
entity.name.function#0BDB0Bde
entity.name.function.preprocessor#54D454de
entity.name.function.python#9FB7F4de
entity.name.label#F195CAde
entity.name.namespace#0AD80Ade
entity.name.operator#ED9687de
entity.name.operator.custom-literal#9BB30Bde
entity.name.scope-resolution#CDACF7de
entity.name.tag#EF8EC5de
entity.name.tag.css#5FDB5Fde
entity.name.type#4ACDA8de
entity.name.variable#B3CF0Bde
entity.other.attribute#0CCC95de
entity.other.attribute-name#CAA9F6de
entity.other.attribute-name.class.css#F6A9D5de
entity.other.attribute-name.class.mixin.css#EB9181de
entity.other.attribute-name.id#F299CCde
entity.other.attribute-name.id.css#AEC13Dde
entity.other.attribute-name.parent-selector.css#F6A7D4de
entity.other.attribute-name.pseudo-class.css#59D8B3de
entity.other.attribute-name.pseudo-element.css#09C992de
entity.other.attribute-name.scss#0CCC95de
entity.other.document.begin.yaml#C3C3C36e
entity.other.inherited-class#54D4B0de
header#A7C109de
invalid#C6A2F5de
keyword#8DA9EFde
keyword.codetag.notation.python#D7BCFAde
keyword.control#AFC4F8de
keyword.control.anchor.regexp#0AE0A3de
keyword.control.import.python#D4B8F9de
keyword.operator#CEB0F7de
keyword.operator.alignas#54D4B0de
keyword.operator.alignof#C19BF3de
keyword.operator.cast#A9C30Cde
keyword.operator.delete#ACBE3Dde
keyword.operator.documentation.powershell#F385F36e
keyword.operator.expression#CAA9F6de
keyword.operator.instanceof#C4A0F4de
keyword.operator.logical.python#F7B7ADde
keyword.operator.minus.exponent#0BE20Bde
keyword.operator.negation.regexp#F6A9D5de
keyword.operator.new#B1CD09de
keyword.operator.noexcept#8FABF0de
keyword.operator.or.regexp#A7B93Dde
keyword.operator.plus.exponent#0BE1A4de
keyword.operator.quantifier.regexp#ABC50Dde
keyword.operator.sizeof#46C9A4de
keyword.operator.typeid#F6A7D4de
keyword.operator.wordlike#4FD1ACde
keyword.other.operator#9BB4F3de
keyword.other.package.java#A6BDF6de
keyword.other.unit#C39EF4de
keyword.other.using#4ACD4Ade
markup.bold#8EAAEFde
markup.changed#C19BF3de
markup.deleted#F39CCDde
markup.fenced_code.block.markdown#F5AEA2de
markup.heading#0BE50Bde
markup.inline.raw#98B3F2de
markup.inserted#BACD4Ade
markup.italic#62DCBAde
markup.raw.block.markdown#9FB7F4de
markup.strikethrough#95AFF1de
markup.underline#F5B1A5de
meta.block.c#F4A0D0de
meta.block.c#A2BA0Dde
meta.class.java#54D454de
meta.definition.variable.name#5AD75Ade
meta.diff.header#EF8DC5de
meta.embedded#A7B93Dde
meta.embedded.assembly#ED9688de
meta.function-call.arguments.python#CBAAF7de
meta.function-call.python#A0B13Cde
meta.member.access.python#F8AFD8de
meta.method.java#94AFF1de
meta.object-literal.key#4FD14Fde
meta.paragraph.markdown#CAA9F6de
meta.preprocessor#A3BC0Dde
meta.preprocessor.numeric#A0B80Cde
meta.preprocessor.string#F1A295de
meta.scope.prerequisites.makefile#93AEF0de
meta.structure.dictionary.json.comments#B7B7B76e
meta.structure.dictionary.key.python#D1B4F8de
meta.structure.dictionary.value.json.comments#B9B9B96e
meta.template.expression#C6A2F5de
meta.type.cast.expr#0CD299de
meta.type.new.expr#3DC19Bde
parameter#54D454de
punctuation.character.set.begin.regexp#66DF66de
punctuation.character.set.end.regexp#C8A5F6de
punctuation.definition.array.begin.json#F5A2D2de
punctuation.definition.character-class.regexp#95AFF1de
punctuation.definition.comment#C4C4C46e
punctuation.definition.comment.json.comments#FAA2FA6e
punctuation.definition.comment.python#F488F46e
punctuation.definition.dictionary.begin.json#0CD70Cde
punctuation.definition.dictionary.end.json#0CC892de
punctuation.definition.group.assertion.regexp#9CB40Cde
punctuation.definition.group.regexp#46C9A4de
punctuation.definition.list.begin.json#51D2ADde
punctuation.definition.list.begin.markdown#F2A396de
punctuation.definition.list.begin.python#5AD7B3de
punctuation.definition.list.end.json#B0CB0Bde
punctuation.definition.list.end.markdown#F6A9D5de
punctuation.definition.list.end.python#D0B2F8de
punctuation.definition.parameters.begin.python#CCACF7de
punctuation.definition.parameters.end.bracket.round.java#F195C9de
punctuation.definition.quote.begin.markdown#0BD10Bde
punctuation.definition.tag#A0B13Cde
punctuation.definition.template-expression.begin#C099F2de
punctuation.definition.template-expression.end#97B1F1de
punctuation.section.class.begin.bracket.curly.java#0CDA0Cde
punctuation.section.embedded#C5A2F5de
punctuation.section.embedded.begin.php#EF90C7de
punctuation.section.embedded.end.php#C6A2F5de
punctuation.terminator.java#EE9889de
source.cmake#5FDB5Fde
source.coffee.embedded#CDADF7de
source.cpp#F5A6D4de
source.css.less#91ACF0de
source.groovy.embedded#D3B6F9de
source.java#F297CBde
source.java-properties#EF8EC5de
source.json.comments#BCBCBC6e
source.makefile#C9A7F6de
source.powershell#AAC509de
source.powershell.variable.other.member#F7B6ACde
source.python#0CD299de
storage#A6C00Cde
storage.modifier#C19BF3de
storage.modifier.import.java#A9C30Cde
storage.modifier.package.java#D5BAF9de
storage.type#D5BAF9de
storage.type.annotation.groovy#0AD49Bde
storage.type.annotation.java#F29ACCde
storage.type.boolean.go#AFC4F8de
storage.type.byte.go#A6BCF5de
storage.type.cs#A7B93Dde
storage.type.error.go#64DE64de
storage.type.generic.cs#3CC23Cde
storage.type.generic.groovy#09C58Fde
storage.type.generic.java#CAAAF6de
storage.type.groovy#EF8CC4de
storage.type.java#A7B93Dde
storage.type.modifier.cs#EB9183de
storage.type.numeric.go#A0B8F4de
storage.type.object.array.groovy#BF98F2de
storage.type.object.array.java#F29ACCde
storage.type.parameters.groovy#C19BF3de
storage.type.primitive.array.groovy#09E609de
storage.type.primitive.array.java#0BCC95de
storage.type.primitive.groovy#CCABF7de
storage.type.primitive.java#F39DCEde
storage.type.rune.go#F7B7ACde
storage.type.string.go#F1A194de
storage.type.token.java#F3A99Cde
storage.type.uintptr.go#F49FCFde
storage.type.variable.cs#F1A294de
string#96B0F1de
string.quoted.docstring.multi.python#FBADFB6e
string.regexp#AAC0F6de
string.tag#F6B5AAde
string.value#63DD63de
strong#0BDD0Bde
support.class#F6B4A9de
support.constant.color#F2A598de
support.constant.dom#A5BCF5de
support.constant.font-name#C6A4F5de
support.constant.handlebars#4FD1ACde
support.constant.json#9AB4F3de
support.constant.math#ACC70Cde
support.constant.media#B0C5F8de
support.constant.media-type#EF8EC6de
support.constant.property-value#F5AEA2de
support.function#96B0F2de
support.function.git-rebase#0BC994de
support.other.parenthesis.regexp#41C541de
support.type#9EB50Cde
support.type.property-name#ED9687de
support.type.vendored.property-name#A9BFF6de
support.variable#C9A7F6de
token.debug-token#A5BE0Dde
token.error-token#9BB5F3de
token.info-token#A0B80Cde
token.warn-token#5FDB5Fde
variable#B1C5F8de
variable.css#F7ABD6de
variable.language#B1CE0Cde
variable.language.wildcard.java#09DA9Dde
variable.other.constant#BED14Fde
variable.other.definition.java#4ACDA8de
variable.other.enummember#97B1F2de
variable.other.less#F7B6AAde
variable.other.object.java#0CC40Cde
variable.other.object.property.java#D1B3F8de
variable.parameter.c#A8BFF6de
variable.parameter.function.language.python#C19BF3de
variable.parameter.java#F1A295de
variable.scss#0CD10Cde