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#E2E2D7fe
  • activityBar.activeBackground#E2E2D7fe
  • activityBar.activeBorder#6B264Efe
  • activityBar.activeFocusBorder#7A7ABB00
  • activityBar.background#F0F0EBfe
  • activityBar.border#7A7ABB00
  • activityBar.dropBorder#642C4Ffe
  • activityBar.foreground#612F4Cfe
  • activityBar.inactiveForeground#58583F65
  • activityBarBadge.background#AE3F82fe
  • activityBarBadge.foreground#F0F0EBfe
  • badge.background#9E3E78fe
  • badge.foreground#F0F0EBfe
  • banner.background#E2E2D7fe
  • banner.foreground#3B3B13ce
  • banner.iconForeground#58274Cfe
  • breadcrumb.activeSelectionForeground#750C0Cca
  • breadcrumb.background#EDEDE6fe
  • breadcrumb.focusForeground#7F3B64fe
  • breadcrumb.foreground#3A3A14ae
  • breadcrumbPicker.background#E2E2D7fe
  • button.background#B3B397ae
  • button.border#F7F5F600
  • button.foreground#3B3B13ce
  • button.hoverBackground#B0B0926e
  • button.secondaryBackground#E2E2D7fe
  • button.secondaryForeground#3B3B13ce
  • button.secondaryHoverBackground#E2E2D7fe
  • button.separator#FBFAFA00
  • charts.blue#1b1bfffe
  • charts.foreground#3B3B13ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067cb
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F4F4F0fe
  • chat.slashCommandBackground#E2E2D7fe
  • chat.slashCommandForeground#3B3B13ce
  • checkbox.background#F4F4F0fe
  • checkbox.border#F4F4F0fe
  • checkbox.foreground#3B3B13ce
  • checkbox.selectBackground#F4F4F0fe
  • checkbox.selectBorder#F4F4F0fe
  • commandCenter.activeBackground#E0D6DD82
  • commandCenter.activeBorder#F4F4F0fe
  • commandCenter.activeForeground#873C69fe
  • commandCenter.background#E2E2D7fe
  • commandCenter.border#F4F4F0fe
  • commandCenter.foreground#3B3B13ce
  • commandCenter.inactiveBorder#DADACB9b
  • commandCenter.inactiveForeground#4E4E3865
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F7F5F600
  • contrastBorder#F7F5F600
  • debugConsole.errorForeground#930093ce
  • debugConsole.infoForeground#3B3B13ce
  • debugConsole.sourceForeground#3B3B13ce
  • debugConsole.warningForeground#604F00ce
  • debugConsoleInputIcon.foreground#582B2Bfe
  • debugExceptionWidget.background#FFCAFFb9
  • debugExceptionWidget.border#F4F4F0fe
  • debugIcon.breakpointCurrentStackframeForeground#323943fe
  • debugIcon.breakpointDisabledForeground#54541965
  • debugIcon.breakpointForeground#661551fe
  • debugIcon.breakpointStackframeForeground#0D376Ffe
  • debugIcon.breakpointUnverifiedForeground#273951fe
  • debugIcon.continueForeground#064131fe
  • debugIcon.disconnectForeground#4C3131fe
  • debugIcon.pauseForeground#661551fe
  • debugIcon.restartForeground#3A3A1Bfe
  • debugIcon.startForeground#750C0Cfe
  • debugIcon.stepBackForeground#184110fe
  • debugIcon.stepIntoForeground#3A3A17fe
  • debugIcon.stepOutForeground#680E59fe
  • debugIcon.stepOverForeground#184110fe
  • debugIcon.stopForeground#502E47fe
  • debugTokenExpression.boolean#212A1Fca
  • debugTokenExpression.error#212A1Fca
  • debugTokenExpression.name#1C2523ca
  • debugTokenExpression.number#26261Cca
  • debugTokenExpression.value#121711ca
  • debugToolBar.background#FFCAFFc7
  • debugToolBar.border#F4F4F0fe
  • debugView.exceptionLabelBackground#D0DCDAca
  • debugView.exceptionLabelForeground#1D395Cca
  • debugView.stateLabelBackground#DBDBCFca
  • debugView.stateLabelForeground#223F1Fca
  • debugView.valueChangedHighlight#201C25ca
  • descriptionForeground#3B3B13ce
  • diffEditor.border#FAFAFB00
  • diffEditor.diagonalFill#000000ef
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#BEE3BFfb
  • diffEditor.insertedTextBorder#F7F5F600
  • diffEditor.move.border#FAFBFA00
  • diffEditor.moveActive.border#FAFAFB00
  • diffEditor.removedLineBackground#FECDCD31
  • diffEditor.removedTextBackground#FECFCFfb
  • diffEditor.removedTextBorder#F7F7F500
  • diffEditor.unchangedCodeBackground#E2E2D7fe
  • diffEditor.unchangedRegionBackground#E2E2D7fe
  • diffEditor.unchangedRegionForeground#3B3B13ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#49493565
  • dropdown.background#F4F4F0fe
  • dropdown.border#F4F4F0fe
  • dropdown.foreground#3B3B13ce
  • dropdown.listBackground#F4F4F0fe
  • editor.background#E2E2D7fe
  • editor.findMatchBackground#A2B9B2a1
  • editor.findMatchBorder#F4F4F0fe
  • editor.findMatchHighlightBackground#A2B9B2aa
  • editor.findMatchHighlightBorder#F4F4F0fe
  • editor.findRangeHighlightBackground#9DB5AEa9
  • editor.findRangeHighlightBorder#F4F4F0fe
  • editor.focusedStackFrameHighlightBackground#8996A787
  • editor.foldBackground#5F4584a7
  • editor.foreground#3B3B13ce
  • editor.hoverHighlightBackground#939FAEac
  • editor.inactiveSelectionBackground#D0D0BE93
  • editor.inlineValuesBackground#E2E2D7fe
  • editor.inlineValuesForeground#3B3B13ce
  • editor.lineHighlightBackground#CCCCB9b5
  • editor.lineHighlightBorder#FAFAFB00
  • editor.linkedEditingBackground#E2E2D7fe
  • editor.rangeHighlightBackground#A2ACB9a5
  • editor.rangeHighlightBorder#F4F4F0fe
  • editor.selectionBackground#CFBFBFa2
  • editor.selectionForeground#153F38ca
  • editor.selectionHighlightBackground#ACB4C088
  • editor.selectionHighlightBorder#F4F4F0fe
  • editor.snippetFinalTabstopHighlightBackground#A7899Ea1
  • editor.snippetFinalTabstopHighlightBorder#F4F4F0fe
  • editor.snippetTabstopHighlightBackground#BDA7A7a7
  • editor.snippetTabstopHighlightBorder#F4F4F0fe
  • editor.stackFrameHighlightBackground#A79DB5a1
  • editor.symbolHighlightBackground#BBBBA1a5
  • editor.symbolHighlightBorder#F4F4F0fe
  • editor.wordHighlightBackground#AE93A6a5
  • editor.wordHighlightBorder#FAFAFB00
  • editor.wordHighlightStrongBackground#B3B397a3
  • editor.wordHighlightStrongBorder#FAFBFA00
  • editor.wordHighlightTextBackground#A7B0BDa7
  • editor.wordHighlightTextBorder#FAFAFB00
  • editorBracketHighlight.foreground1#0D0D0Ace
  • editorBracketHighlight.foreground2#0D0D0Ace
  • editorBracketHighlight.foreground3#0D0D0Ace
  • editorBracketHighlight.foreground4#0D0D0Ace
  • editorBracketHighlight.foreground5#0D0D0Ace
  • editorBracketHighlight.foreground6#0D0D0Ace
  • editorBracketHighlight.unexpectedBracket.foreground#3B3B13ce
  • editorBracketMatch.background#8C3434a7
  • editorBracketMatch.border#F4F4F0fe
  • editorBracketPairGuide.activeBackground1#3F536E85
  • editorBracketPairGuide.activeBackground2#8C34348a
  • editorBracketPairGuide.activeBackground3#3D53708a
  • editorBracketPairGuide.activeBackground4#32528082
  • editorBracketPairGuide.activeBackground5#74406688
  • editorBracketPairGuide.activeBackground6#3F564F88
  • editorBracketPairGuide.background1#DADACCfe
  • editorBracketPairGuide.background2#DBDBCEfe
  • editorBracketPairGuide.background3#DCD8E2fe
  • editorBracketPairGuide.background4#E1D7D7fe
  • editorBracketPairGuide.background5#D6DBE0fe
  • editorBracketPairGuide.background6#D5DAE0fe
  • editorCodeLens.foreground#5454256e
  • editorCommentsWidget.rangeActiveBackground#535334fe
  • editorCommentsWidget.rangeBackground#E2E2D7fe
  • editorCommentsWidget.resolvedBorder#F4F4F0fe
  • editorCommentsWidget.unresolvedBorder#FFCDCDcb
  • editorCursor.background#E2E2D7fe
  • editorCursor.foreground#873C69fe
  • editorError.background#F7F7F500
  • editorError.border#FAFBFA00
  • editorError.foreground#930093ce
  • editorGhostText.background#E2E2D7fe
  • editorGhostText.border#FAFAFB00
  • editorGhostText.foreground#5454256e
  • editorGroup.border#F4F4F0fe
  • editorGroup.dropBackground#E2E2D7fe
  • editorGroup.dropIntoPromptBackground#E2E2D7fe
  • editorGroup.dropIntoPromptBorder#F4F4F0fe
  • editorGroup.dropIntoPromptForeground#3B3B13ce
  • editorGroup.emptyBackground#E2E2D7fe
  • editorGroup.focusedEmptyBorder#F4F4F0fe
  • editorGroupHeader.border#FAFAFB00
  • editorGroupHeader.noTabsBackground#F0F0EBae
  • editorGroupHeader.tabsBackground#DEDED2a1
  • editorGroupHeader.tabsBorder#FAFBFA00
  • editorGutter.addedBackground#1A5E1Dfb
  • editorGutter.background#E2E2D7fe
  • editorGutter.commentGlyphForeground#3B3B13ce
  • editorGutter.commentRangeForeground#3B3B13ce
  • editorGutter.commentUnresolvedGlyphForeground#1F5C22cb
  • editorGutter.deletedBackground#A80000cb
  • editorGutter.foldingControlForeground#3B3B13ce
  • editorGutter.modifiedBackground#604F00ce
  • editorHint.border#F7F5F600
  • editorHint.foreground#3E01FFce
  • editorHoverWidget.background#F4F4F0fe
  • editorHoverWidget.border#F4F4F0fe
  • editorHoverWidget.foreground#3B3B13ce
  • editorHoverWidget.highlightForeground#750B0Bca
  • editorHoverWidget.statusBarBackground#E2E2D7fe
  • editorIndentGuide.activeBackground1#702053fe
  • editorIndentGuide.activeBackground2#6B264Efe
  • editorIndentGuide.activeBackground3#612F4Cfe
  • editorIndentGuide.activeBackground4#642C4Ffe
  • editorIndentGuide.activeBackground5#7E0350fe
  • editorIndentGuide.activeBackground6#7E0350fe
  • editorIndentGuide.background1#73565635
  • editorIndentGuide.background2#5B445435
  • editorIndentGuide.background3#4B566535
  • editorIndentGuide.background4#60484835
  • editorIndentGuide.background5#6E535335
  • editorIndentGuide.background6#4B655D35
  • editorInfo.background#FAFBFA00
  • editorInfo.border#FAFAFB00
  • editorInfo.foreground#3E01FFce
  • editorInlayHint.background#E2E2D7fe
  • editorInlayHint.foreground#3B3B13ce
  • editorInlayHint.parameterBackground#E2E2D7fe
  • editorInlayHint.parameterForeground#3B3B13ce
  • editorInlayHint.typeBackground#E2E2D7fe
  • editorInlayHint.typeForeground#3B3B13ce
  • editorLightBulb.foreground#604F00ce
  • editorLightBulbAutoFix.foreground#1F5C22cb
  • editorLineNumber.activeForeground#783A5Ffe
  • editorLineNumber.dimmedForeground#5454256e
  • editorLineNumber.foreground#5454256e
  • editorLink.activeForeground#A63F7Dfe
  • editorMarkerNavigation.background#F4F4F0fe
  • editorMarkerNavigationError.background#FFCAFFb7
  • editorMarkerNavigationError.headerBackground#FFCAFFad
  • editorMarkerNavigationInfo.background#D8D8FFfe
  • editorMarkerNavigationInfo.headerBackground#D8D8FFfe
  • editorMarkerNavigationWarning.background#FED613fe
  • editorMarkerNavigationWarning.headerBackground#FED613fe
  • editorOverviewRuler.addedForeground#1F5C22cb
  • editorOverviewRuler.background#E2E2D7fe
  • editorOverviewRuler.border#DADACCfe
  • editorOverviewRuler.bracketMatchForeground#3B3B13ce
  • editorOverviewRuler.commentForeground#5454256e
  • editorOverviewRuler.commentUnresolvedForeground#1F5C22cb
  • editorOverviewRuler.commonContentForeground#3B3B13ce
  • editorOverviewRuler.currentContentForeground#515151c4
  • editorOverviewRuler.deletedForeground#A80000cb
  • editorOverviewRuler.errorForeground#930093ce
  • editorOverviewRuler.findMatchForeground#005B5Bce
  • editorOverviewRuler.incomingContentForeground#1F5C22cb
  • editorOverviewRuler.infoForeground#3E01FFce
  • editorOverviewRuler.modifiedForeground#604F00ce
  • editorOverviewRuler.rangeHighlightForeground#662020ca
  • editorOverviewRuler.selectionHighlightForeground#3E01FFce
  • editorOverviewRuler.warningForeground#604F00ce
  • editorOverviewRuler.wordHighlightForeground#4E0696ca
  • editorOverviewRuler.wordHighlightStrongForeground#3B3B13ce
  • editorOverviewRuler.wordHighlightTextForeground#3B3B13ce
  • editorPane.background#E2E2D7fe
  • editorRuler.foreground#5353322d
  • editorStickyScroll.background#E2E2D7fe
  • editorStickyScrollHover.background#DADACC6e
  • editorSuggestWidget.background#F4F4F0fe
  • editorSuggestWidget.border#F7F7F500
  • editorSuggestWidget.focusHighlightForeground#434317fe
  • editorSuggestWidget.foreground#4C3131fe
  • editorSuggestWidget.highlightForeground#3A3A07ca
  • editorSuggestWidget.selectedBackground#B0C4BE86
  • editorSuggestWidget.selectedForeground#452E5Bca
  • editorSuggestWidget.selectedIconForeground#3B3B17ca
  • editorSuggestWidgetStatus.foreground#1D395Cfe
  • editorUnicodeHighlight.background#8EA789a8
  • editorUnicodeHighlight.border#F4F4F0fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#FAFBFA00
  • editorWarning.border#FAFAFB00
  • editorWarning.foreground#604F00ce
  • editorWhitespace.foreground#3B3B13ce
  • editorWidget.background#F4F4F0fe
  • editorWidget.border#F4F4F0fe
  • editorWidget.foreground#3B3B13ce
  • editorWidget.resizeBorder#F4F4F0fe
  • errorForeground#930093ce
  • extensionBadge.remoteBackground#AE3F82fe
  • extensionBadge.remoteForeground#F0F0EBfe
  • extensionButton.background#DADACDae
  • extensionButton.foreground#3B3B13ce
  • extensionButton.hoverBackground#DADACC6e
  • extensionButton.prominentBackground#E2E2D7fe
  • extensionButton.prominentForeground#3B3B13ce
  • extensionButton.prominentHoverBackground#E2E2D7fe
  • extensionButton.separator#FAFBFA00
  • extensionIcon.preReleaseForeground#1F411Afe
  • extensionIcon.sponsorForeground#1C4015fe
  • extensionIcon.starForeground#6D0E44fe
  • extensionIcon.verifiedForeground#5F2727fe
  • focusBorder#FAFAFB00
  • foreground#3B3B13ce
  • gitDecoration.addedResourceForeground#1F5C22cb
  • gitDecoration.deletedResourceForeground#A80000cb
  • gitDecoration.modifiedResourceForeground#604F00ce
  • gitDecoration.renamedResourceForeground#3E01FFce
  • gitDecoration.stageDeletedResourceForeground#A80000cb
  • gitDecoration.stageModifiedResourceForeground#1F5C22cb
  • gitDecoration.untrackedResourceForeground#005B5Bce
  • icon.foreground#54542Aae
  • inlineChat.background#E1D8D8ca
  • inlineChat.border#D5DBE0ca
  • inlineChat.regionHighlight#201818ca
  • inlineChat.shadow#212A1Fca
  • inlineChatDiff.inserted#181C20ca
  • inlineChatDiff.removed#212118ca
  • inlineChatInput.background#20181Eca
  • inlineChatInput.border#DCD8E1ca
  • inlineChatInput.focusBorder#F7F7F500
  • inlineChatInput.placeholderForeground#3A3A15ca
  • input.background#F4F4F0fe
  • input.border#F4F4F0fe
  • input.foreground#3B3B13ce
  • input.placeholderForeground#54541965
  • inputOption.activeBackground#F4F4F0fe
  • inputOption.activeBorder#F4F4F0fe
  • inputOption.activeForeground#71385Afe
  • inputOption.hoverBackground#F4F4F0fe
  • inputValidation.errorBackground#670067a7
  • inputValidation.errorBorder#FFCAFFc6
  • inputValidation.errorForeground#930093ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F4F4F0fe
  • inputValidation.infoForeground#3B3B13ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F4F4F0fe
  • inputValidation.warningForeground#604F00ce
  • interactive.activeCodeBorder#F4F4F0fe
  • interactive.inactiveCodeBorder#DADACB9e
  • keybindingLabel.background#E2E2D7fe
  • keybindingLabel.border#F4F4F0fe
  • keybindingLabel.bottomBorder#F4F4F0fe
  • keybindingLabel.foreground#3B3B13ce
  • keybindingTable.headerBackground#E2E2D7fe
  • keybindingTable.rowsBackground#E2E2D7fe
  • list.activeSelectionBackground#92AA8E8c
  • list.activeSelectionForeground#721212ca
  • list.activeSelectionIconForeground#1D395Cca
  • list.deemphasizedForeground#3B3B13ce
  • list.dropBackground#E2E2D7fe
  • list.errorForeground#930093ce
  • list.filterMatchBackground#E2E2D7fe
  • list.filterMatchBorder#F4F4F0fe
  • list.focusAndSelectionOutline#FBFAFA00
  • list.focusBackground#D4D4C396
  • list.focusForeground#9E3E78fe
  • list.focusHighlightForeground#4A3765fe
  • list.focusOutline#FAFAFB00
  • list.highlightForeground#662020ca
  • list.hoverBackground#E0D7D7ae
  • list.hoverForeground#9E3E78fe
  • list.inactiveFocusBackground#CCCCB997
  • list.inactiveFocusOutline#FAFAFB00
  • list.inactiveSelectionBackground#F0F0EBae
  • list.inactiveSelectionForeground#53533C65
  • list.inactiveSelectionIconForeground#54541965
  • list.invalidItemForeground#3B3B13ce
  • list.warningForeground#604F00ce
  • listFilterWidget.background#E2E2D7fe
  • listFilterWidget.noMatchesOutline#FAFBFA00
  • listFilterWidget.outline#FAFBFA00
  • listFilterWidget.shadow#F7F5F600
  • menu.background#F0F0EBfe
  • menu.border#FAFAFB00
  • menu.foreground#3A3A15ae
  • menu.selectionBackground#C8B5B5ac
  • menu.selectionBorder#FBFAFA00
  • menu.selectionForeground#71385Afe
  • menu.separatorBackground#DADACB65
  • menubar.selectionBackground#CBBABAae
  • menubar.selectionBorder#FAFBFA00
  • menubar.selectionForeground#AE3F82fe
  • merge.border#F4F4F0fe
  • merge.commonContentBackground#E2E2D7fe
  • merge.commonHeaderBackground#E2E2D7fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#BEE3BFfb
  • merge.incomingContentBackground#BEE3C0cb
  • merge.incomingHeaderBackground#BEE3BFfb
  • mergeEditor.change.background#E2E2D7fe
  • mergeEditor.change.word.background#E2E2D7fe
  • mergeEditor.changeBase.background#E2E2D7fe
  • mergeEditor.changeBase.word.background#E2E2D7fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F4F4F0fe
  • mergeEditor.conflict.handledUnfocused.border#DADACC23
  • mergeEditor.conflict.input1.background#F4F4F0fe
  • mergeEditor.conflict.input2.background#F4F4F0fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067c2
  • mergeEditor.conflict.unhandledFocused.border#F4F4F0fe
  • mergeEditor.conflict.unhandledUnfocused.border#DBDBCD25
  • mergeEditor.conflictingLines.background#E2E2D7fe
  • minimap.background#E2E2D7fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0D0D0Ace
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1A5E1Dfb
  • minimapGutter.deletedBackground#A70000fb
  • minimapGutter.modifiedBackground#604F00ce
  • minimapSlider.activeBackground#93936Afe
  • minimapSlider.background#BBBBA1ae
  • minimapSlider.hoverBackground#B0B0926e
  • notebook.cellBorderColor#F4F4F0fe
  • notebook.cellEditorBackground#E2E2D7fe
  • notebook.cellHoverBackground#E2E2D7fe
  • notebook.cellInsertionIndicator#18151Cca
  • notebook.cellStatusBarItemHoverBackground#E2E2D7fe
  • notebook.cellToolbarSeparator#1C1519ca
  • notebook.editorBackground#E2E2D7fe
  • notebook.focusedCellBackground#E2E2D7fe
  • notebook.focusedCellBorder#7F3B64fe
  • notebook.focusedEditorBorder#F4F4F0fe
  • notebook.inactiveFocusedCellBorder#8E8E678e
  • notebook.inactiveSelectedCellBorder#8E8E678e
  • notebook.outputContainerBackgroundColor#E2E2D7fe
  • notebook.outputContainerBorderColor#F4F4F0fe
  • notebook.selectedCellBackground#E2E2D7fe
  • notebook.selectedCellBorder#F4F4F0fe
  • notebook.symbolHighlightBackground#E2E2D7fe
  • notebookEditorOverviewRuler.runningCellForeground#3B3B13ce
  • notebookScrollbarSlider.activeBackground#8E8E67fe
  • notebookScrollbarSlider.background#B3B397ae
  • notebookScrollbarSlider.hoverBackground#B0B0926e
  • notebookStatusErrorIcon.foreground#930093ce
  • notebookStatusRunningIcon.foreground#750C0Cfe
  • notebookStatusSuccessIcon.foreground#1F5C22cb
  • notificationCenter.border#F4F4F0fe
  • notificationCenterHeader.background#E2E2D7fe
  • notificationCenterHeader.foreground#3B3B13ce
  • notificationLink.foreground#3B3B13ce
  • notifications.background#E2E2D7fe
  • notifications.border#F4F4F0fe
  • notifications.foreground#3B3B13ce
  • notificationsErrorIcon.foreground#930093ce
  • notificationsInfoIcon.foreground#303946fe
  • notificationsWarningIcon.foreground#604F00ce
  • notificationToast.border#F4F4F0fe
  • panel.background#E2E2D7fe
  • panel.border#F4F4F0fe
  • panel.dropBorder#F4F4F0fe
  • panelInput.border#F4F4F0fe
  • panelSection.border#F4F4F0fe
  • panelSection.dropBackground#E2E2D7fe
  • panelSectionHeader.background#E2E2D7fe
  • panelSectionHeader.border#F4F4F0fe
  • panelSectionHeader.foreground#3B3B13ce
  • panelTitle.activeBorder#F7F5F600
  • panelTitle.activeForeground#682A4Efe
  • panelTitle.inactiveForeground#44443165
  • peekView.border#5F304Cfe
  • peekViewEditor.background#F4F4F0fe
  • peekViewEditor.matchHighlightBackground#B59D9D89
  • peekViewEditor.matchHighlightBorder#FAFBFA00
  • peekViewEditorGutter.background#F4F4F0fe
  • peekViewEditorStickyScroll.background#E2E2D7fe
  • peekViewResult.background#F0F0EBfe
  • peekViewResult.fileForeground#3B3B13ce
  • peekViewResult.lineForeground#3B3B13ce
  • peekViewResult.matchHighlightBackground#AA8E8E85
  • peekViewResult.selectionBackground#98A3B285
  • peekViewResult.selectionForeground#3A3A15ca
  • peekViewTitle.background#F0F0EBfe
  • peekViewTitleDescription.foreground#3B3B13ce
  • peekViewTitleLabel.foreground#3B3B13ce
  • pickerGroup.border#F4F4F0fe
  • pickerGroup.foreground#3B3B13ce
  • ports.iconRunningProcessForeground#3A3A1Bfe
  • problemsErrorIcon.foreground#930093ce
  • problemsInfoIcon.foreground#3E01FFce
  • problemsWarningIcon.foreground#604F00ce
  • profileBadge.background#873C69fe
  • profileBadge.foreground#F0F0EBfe
  • progressBar.background#E2E2D7fe
  • quickInput.background#F0F0EBfe
  • quickInput.foreground#3A3A14ae
  • quickInputList.focusBackground#98B2AAac
  • quickInputList.focusForeground#7F3B64fe
  • quickInputList.focusIconForeground#963E73fe
  • quickInputTitle.background#F4F4F0fe
  • sash.hoverBorder#F4F4F0fe
  • scrollbar.shadow#FAFBFA00
  • scrollbarSlider.activeBackground#9E9E79fe
  • scrollbarSlider.background#BEBEA6ae
  • scrollbarSlider.hoverBackground#A1A17E6e
  • search.resultsInfoForeground#3B3B13ce
  • searchEditor.findMatchBackground#BDA7A7ab
  • searchEditor.findMatchBorder#F4F4F0fe
  • searchEditor.textInputBorder#F4F4F0fe
  • selection.background#E2E2D7fe
  • settings.checkboxBackground#F4F4F0fe
  • settings.checkboxBorder#F4F4F0fe
  • settings.checkboxForeground#3B3B13ce
  • settings.dropdownBackground#F4F4F0fe
  • settings.dropdownBorder#F4F4F0fe
  • settings.dropdownForeground#3B3B13ce
  • settings.dropdownListBorder#F4F4F0fe
  • settings.focusedRowBackground#98A3B287
  • settings.focusedRowBorder#F4F4F0fe
  • settings.headerBorder#F4F4F0fe
  • settings.headerForeground#3B3B13ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F4F4F0fe
  • settings.numberInputBorder#F4F4F0fe
  • settings.numberInputForeground#3B3B13ce
  • settings.rowHoverBackground#E2E2D7fe
  • settings.sashBorder#F4F4F0fe
  • settings.settingsHeaderHoverForeground#8E3D6Efe
  • settings.textInputBackground#F4F4F0fe
  • settings.textInputBorder#F4F4F0fe
  • settings.textInputForeground#3B3B13ce
  • sideBar.background#E2E2D7fe
  • sideBar.border#F4F4F0fe
  • sideBar.dropBackground#E2E2D7fe
  • sideBar.foreground#54542Aae
  • sideBarSectionHeader.background#FBFAFA00
  • sideBarSectionHeader.border#F4F4F0fe
  • sideBarSectionHeader.foreground#3B3B13ce
  • sideBarTitle.foreground#3B3B13ce
  • sideBySideEditor.horizontalBorder#F4F4F0fe
  • sideBySideEditor.verticalBorder#F4F4F0fe
  • simpleFindWidget.sashBorder#F4F4F0fe
  • statusBar.background#F0F0EBfe
  • statusBar.border#F4F4F0fe
  • statusBar.debuggingBackground#FFCAFFb8
  • statusBar.debuggingBorder#F4F4F0fe
  • statusBar.debuggingForeground#3B3B13ce
  • statusBar.focusBorder#FAFBFA00
  • statusBar.foreground#5454256e
  • statusBar.noFolderBackground#F0F0EBfe
  • statusBar.noFolderBorder#F4F4F0fe
  • statusBar.noFolderForeground#3B3B13ce
  • statusBarItem.activeBackground#F0F0EBfe
  • statusBarItem.compactHoverBackground#F0F0EBfe
  • statusBarItem.errorBackground#FFCAFF9a
  • statusBarItem.errorForeground#930093ce
  • statusBarItem.errorHoverBackground#FFCAFFa0
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#FAFBFA00
  • statusBarItem.hoverBackground#F0F0EBfe
  • statusBarItem.hoverForeground#71385Afe
  • statusBarItem.offlineBackground#F0F0EBfe
  • statusBarItem.offlineForeground#3B3B13ce
  • statusBarItem.offlineHoverBackground#F0F0EBfe
  • statusBarItem.offlineHoverForeground#AE3F82fe
  • statusBarItem.prominentBackground#F0F0EBfe
  • statusBarItem.prominentForeground#3B3B13ce
  • statusBarItem.prominentHoverBackground#F0F0EBfe
  • statusBarItem.prominentHoverForeground#A63F7Dfe
  • statusBarItem.remoteBackground#B63F87fe
  • statusBarItem.remoteForeground#F0F0EBfe
  • statusBarItem.remoteHoverBackground#F0F0EBfe
  • statusBarItem.remoteHoverForeground#A63F7Dfe
  • statusBarItem.warningBackground#FED613fe
  • statusBarItem.warningForeground#604F00ce
  • statusBarItem.warningHoverBackground#FED613fe
  • statusBarItem.warningHoverForeground#987E00ce
  • symbolIcon.arrayForeground#253D36fe
  • symbolIcon.booleanForeground#005B5Bce
  • symbolIcon.classForeground#153F38fe
  • symbolIcon.colorForeground#661551fe
  • symbolIcon.constantForeground#2E3E39fe
  • symbolIcon.constructorForeground#502E47fe
  • symbolIcon.enumeratorForeground#2E3E39fe
  • symbolIcon.enumeratorMemberForeground#3A3A2Afe
  • symbolIcon.eventForeground#1A3F36fe
  • symbolIcon.fieldForeground#6D0E44fe
  • symbolIcon.fileForeground#4C3131fe
  • symbolIcon.folderForeground#582B2Bfe
  • symbolIcon.functionForeground#303946fe
  • symbolIcon.interfaceForeground#2B3950fe
  • symbolIcon.keyForeground#2B3950fe
  • symbolIcon.keywordForeground#2B3950fe
  • symbolIcon.methodForeground#442F5Dfe
  • symbolIcon.moduleForeground#3A3A07fe
  • symbolIcon.namespaceForeground#662020fe
  • symbolIcon.nullForeground#661551fe
  • symbolIcon.numberForeground#403253fe
  • symbolIcon.objectForeground#522E2Efe
  • symbolIcon.operatorForeground#0F3A64fe
  • symbolIcon.packageForeground#1B3F34fe
  • symbolIcon.propertyForeground#661551fe
  • symbolIcon.referenceForeground#750B0Bfe
  • symbolIcon.snippetForeground#3A3A18fe
  • symbolIcon.stringForeground#253D36fe
  • symbolIcon.structForeground#2D3A49fe
  • symbolIcon.textForeground#661551fe
  • symbolIcon.typeParameterForeground#3E344Cfe
  • symbolIcon.unitForeground#344332fe
  • symbolIcon.variableForeground#6D1A1Afe
  • tab.activeBackground#EDEDE6fe
  • tab.activeBorder#FAFBFA00
  • tab.activeBorderTop#7E0350fe
  • tab.activeForeground#682A4Efe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F7F7F500
  • tab.hoverBackground#893737a4
  • tab.hoverBorder#F4F4F0fe
  • tab.hoverForeground#9E3E78fe
  • tab.inactiveBackground#DADACC99
  • tab.inactiveForeground#49493565
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F4F4F0fe
  • tab.unfocusedActiveBackground#DBDBCD3e
  • tab.unfocusedActiveBorder#FAFBFA00
  • tab.unfocusedActiveBorderTop#DBDBCE65
  • tab.unfocusedActiveForeground#49493565
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#52523232
  • tab.unfocusedHoverBorder#DBDBCD2f
  • tab.unfocusedHoverForeground#58583F65
  • tab.unfocusedInactiveBackground#C9C9B49d
  • tab.unfocusedInactiveForeground#4E4E3865
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333a1
  • 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#6700679d
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececea0
  • terminal.ansiYellow#c4a200fe
  • terminal.background#E2E2D7fe
  • terminal.border#F4F4F0fe
  • terminal.dropBackground#E2E2D7fe
  • terminal.findMatchBackground#E2E2D7fe
  • terminal.findMatchBorder#F4F4F0fe
  • terminal.findMatchHighlightBackground#E2E2D7fe
  • terminal.findMatchHighlightBorder#F4F4F0fe
  • terminal.foreground#54542Aae
  • terminal.hoverHighlightBackground#E2E2D7fe
  • terminal.inactiveSelectionBackground#CCCCB996
  • terminal.selectionBackground#AE93A68e
  • terminal.selectionForeground#721212ca
  • terminal.tab.activeBorder#7D0A4Ffe
  • terminalCommandDecoration.defaultBackground#2C5A4Ca2
  • terminalCommandDecoration.errorBackground#A80000cb
  • terminalCommandDecoration.successBackground#1F5C22cb
  • terminalCursor.background#E2E2D7fe
  • terminalCursor.foreground#963E73fe
  • terminalOverviewRuler.cursorForeground#3B3B13ce
  • terminalOverviewRuler.findMatchForeground#005B5Bce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0a5
  • testing.iconUnset#808080bf
  • testing.message.error.decorationForeground#71385Afe
  • testing.message.error.lineBackground#FFCAFFa8
  • testing.message.info.decorationForeground#991866fe
  • testing.message.info.lineBackground#D8D8FFfe
  • testing.peekBorder#F4F4F0fe
  • testing.peekHeaderBackground#E2E2D7fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#E2E2D7fe
  • textBlockQuote.border#F4F4F0fe
  • textCodeBlock.background#E2E2D7fe
  • textLink.activeForeground#71385Afe
  • textLink.foreground#3E01FFce
  • textPreformat.foreground#3B3B13ce
  • textSeparator.foreground#3B3B13ce
  • titleBar.activeBackground#F0F0EBfe
  • titleBar.activeForeground#434312ae
  • titleBar.border#FAFBFA00
  • titleBar.inactiveBackground#DADACBd2
  • titleBar.inactiveForeground#49493565
  • toolbar.activeBackground#D1DCD989
  • toolbar.hoverBackground#E2E2D7fe
  • toolbar.hoverOutline#F7F5F600
  • tree.inactiveIndentGuidesStroke#353D4735
  • tree.indentGuidesStroke#71385Afe
  • tree.tableColumnsBorder#F4F4F0fe
  • tree.tableOddRowsBackground#E2E2D7fe
  • walkThrough.embeddedEditorBackground#E2E2D7fe
  • walkthrough.stepTitle.foreground#3B3B13ce
  • welcomePage.background#E2E2D7fe
  • welcomePage.progress.background#E2E2D7fe
  • welcomePage.progress.foreground#3B3B13ce
  • welcomePage.tileBackground#E2E2D7fe
  • welcomePage.tileBorder#F4F4F0fe
  • welcomePage.tileHoverBackground#E2E2D7fe
  • widget.border#F4F4F0fe
  • widget.shadow#FBFAFA00
  • window.activeBorder#F4F4F0fe
  • window.inactiveBorder#DADACC95

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#3333146e
comment.block.html#3434156e
comment.block.java#3434156e
comment.block.javadoc.java#3434156e
comment.block.powershell#3333146e
comment.block.xml#3434126e
comment.line.double-slash.c#3333136e
comment.line.double-slash.cpp#3333136e
comment.line.double-slash.java#3333136e
comment.line.double-slash.js#3333146e
comment.line.number-sign.makefile#3434156e
comment.line.number-sign.python#3434156e
comment.line.number-sign.yaml#3333136e
comment.line.percentage.erlang#3333136e
comment.line.powershell#3333146e
comment.source.cmake#3333146e
comment.source.cmakecache#3434126e
constant.character#3C0292de
constant.character.character-class.regexp#133730de
constant.character.escape#1D371Dde
constant.character.set.regexp#5E1905de
constant.language#5C3C33de
constant.numeric#3E235Fde
constant.numeric.dec.python#1D3631de
constant.other.caps.python#125312de
constant.other.character-class.regexp#46293Ade
constant.other.character-class.set.regexp#492920de
constant.other.color.rgb-value#133730de
constant.other.placeholder#193819de
constant.other.rgb-value#64003Ede
constant.regexp#4B376Ade
constant.sha.git-rebase#412C28de
emphasis#382D49de
entity.name.class#62053Fde
entity.name.function#571A3Dde
entity.name.function.preprocessor#633551de
entity.name.function.python#113911de
entity.name.label#2B3146de
entity.name.namespace#133730de
entity.name.operator#3C0094de
entity.name.operator.custom-literal#5E1905de
entity.name.scope-resolution#3E432Bde
entity.name.tag#492920de
entity.name.tag.css#06382Fde
entity.name.type#563931debold
entity.name.variable#013929de
entity.other.attribute#412C28de
entity.other.attribute-name#06382Fde
entity.other.attribute-name.class.css#0B1E92de
entity.other.attribute-name.class.mixin.css#5E1905de
entity.other.attribute-name.id#2C350Dde
entity.other.attribute-name.id.css#2D3349de
entity.other.attribute-name.parent-selector.css#013929de
entity.other.attribute-name.pseudo-class.css#3B2756de
entity.other.attribute-name.pseudo-element.css#53231Bde
entity.other.attribute-name.scss#51203Bde
entity.other.document.begin.yaml#3333146e
entity.other.inherited-class#563147de
header#2C350Dde
invalid#2B432Bde
keyword#2F364Fdebold
keyword.codetag.notation.python#145145debold
keyword.control#2B432Bdebold
keyword.control.anchor.regexp#5B143Fdebold
keyword.control.import.python#333C5Cdebold
keyword.operator#013929debold
keyword.operator.alignas#5C334Cdebold
keyword.operator.alignof#411082debold
keyword.operator.cast#46293Adebold
keyword.operator.delete#44335Cdebold
keyword.operator.documentation.powershell#3434156ebold
keyword.operator.expression#37416Adebold
keyword.operator.instanceof#263733debold
keyword.operator.logical.python#5C3C33debold
keyword.operator.minus.exponent#892209debold
keyword.operator.negation.regexp#411B6Fdebold
keyword.operator.new#414C15debold
keyword.operator.noexcept#1C371Cdebold
keyword.operator.or.regexp#021F92debold
keyword.operator.plus.exponent#125144debold
keyword.operator.quantifier.regexp#145314debold
keyword.operator.sizeof#64003Edebold
keyword.operator.typeid#424C17debold
keyword.operator.wordlike#263733debold
keyword.other.operator#125144debold
keyword.other.package.java#3C2F4Fdebold
keyword.other.unit#3C0292debold
keyword.other.using#0A382Edebold
markup.bold#62053Fde
markup.changed#3E432Bde
markup.deleted#283D28de
markup.fenced_code.block.markdown#432B39de
markup.heading#2A3048de
markup.inline.raw#892209de
markup.inserted#193819de
markup.italic#2A3048de
markup.raw.block.markdown#411B6Fde
markup.strikethrough#2E3416de
markup.underline#411B6Fde
meta.block.c#283D28de
meta.block.c#49332Dde
meta.class.java#021F92de
meta.definition.variable.name#3C0292de
meta.diff.header#43492Dde
meta.embedded#6A3755de
meta.embedded.assembly#29304Dde
meta.function-call.arguments.python#3C0094de
meta.function-call.python#414C15de
meta.member.access.python#563147de
meta.method.java#125144de
meta.object-literal.key#2B3146de
meta.paragraph.markdown#4F362Fde
meta.preprocessor#2D3349de
meta.preprocessor.numeric#542216de
meta.preprocessor.string#2B433Ede
meta.scope.prerequisites.makefile#313956de
meta.structure.dictionary.json.comments#3434126e
meta.structure.dictionary.key.python#462A23de
meta.structure.dictionary.value.json.comments#3333136e
meta.template.expression#571A3Dde
meta.type.cast.expr#113911debold
meta.type.new.expr#333C5Cdebold
parameter#414C11de
punctuation.character.set.begin.regexp#462A23de
punctuation.character.set.end.regexp#382D49de
punctuation.definition.array.begin.json#51203Bde
punctuation.definition.character-class.regexp#105145de
punctuation.definition.comment#3434126e
punctuation.definition.comment.json.comments#3333146e
punctuation.definition.comment.python#3434156e
punctuation.definition.dictionary.begin.json#412C28de
punctuation.definition.dictionary.end.json#892209de
punctuation.definition.group.assertion.regexp#482639de
punctuation.definition.group.regexp#412C26de
punctuation.definition.list.begin.json#283604de
punctuation.definition.list.begin.markdown#424C17de
punctuation.definition.list.begin.python#2C3505de
punctuation.definition.list.end.json#412C26de
punctuation.definition.list.end.markdown#063A06de
punctuation.definition.list.end.python#333C5Cde
punctuation.definition.parameters.begin.python#2D492Dde
punctuation.definition.parameters.end.bracket.round.java#49332Dde
punctuation.definition.quote.begin.markdown#37416Ade
punctuation.definition.tag#1D3631de
punctuation.definition.template-expression.begin#492D3Ede
punctuation.definition.template-expression.end#462A23de
punctuation.section.class.begin.bracket.curly.java#283D28de
punctuation.section.embedded#44335Cde
punctuation.section.embedded.begin.php#0B1E92de
punctuation.section.embedded.end.php#263733de
punctuation.terminator.java#105145de
source.cmake#571A3Dde
source.coffee.embedded#601604de
source.cpp#37416Ade
source.css.less#412C26de
source.groovy.embedded#185045de
source.java#2F3320de
source.java-properties#185045de
source.json.comments#3434156e
source.makefile#145145de
source.powershell#2F4F2Fde
source.powershell.variable.other.member#145314de
source.python#563931de
storage#6A3755de
storage.modifier#424C17de
storage.modifier.import.java#473563de
storage.modifier.package.java#542216de
storage.type#2C350Ddebold
storage.type.annotation.groovy#2A3048debold
storage.type.annotation.java#4F2F42debold
storage.type.boolean.go#283604debold
storage.type.byte.go#1D371Ddebold
storage.type.cs#263733debold
storage.type.error.go#4C243Ddebold
storage.type.generic.cs#1D2D64debold
storage.type.generic.groovy#892209debold
storage.type.generic.java#382B4Ddebold
storage.type.groovy#165316debold
storage.type.java#6A3755debold
storage.type.modifier.cs#125312debold
storage.type.numeric.go#392A50debold
storage.type.object.array.groovy#1D3631debold
storage.type.object.array.java#411082debold
storage.type.parameters.groovy#283D28debold
storage.type.primitive.array.groovy#3C2F4Fdebold
storage.type.primitive.array.java#2F3320debold
storage.type.primitive.groovy#571A3Ddebold
storage.type.primitive.java#3C2F4Fdebold
storage.type.rune.go#283D28debold
storage.type.string.go#0B1E92debold
storage.type.token.java#6A3755debold
storage.type.uintptr.go#6A3755debold
storage.type.variable.cs#063A06debold
string#411082de
string.quoted.docstring.multi.python#3434156e
string.regexp#0A382Ede
string.tag#542216de
string.value#353E63de
strong#563147de
support.class#0B1E92de
support.constant.color#193819de
support.constant.dom#2D3349de
support.constant.font-name#333C5Cde
support.constant.handlebars#333726de
support.constant.json#412C28de
support.constant.math#424C17de
support.constant.media#133730de
support.constant.media-type#64003Edebold
support.constant.property-value#145145de
support.function#62053Fde
support.function.git-rebase#411B6Fde
support.other.parenthesis.regexp#412C28de
support.type#382D49debold
support.type.property-name#2B3146debold
support.type.vendored.property-name#021F92debold
support.variable#482639de
token.debug-token#462A23de
token.error-token#263726de
token.info-token#563147de
token.warn-token#62053Fde
variable#44335Cde
variable.css#125312de
variable.language#53231Bde
variable.language.wildcard.java#362C48de
variable.other.constant#6A3755de
variable.other.definition.java#1D3631de
variable.other.enummember#1D3631de
variable.other.less#563931de
variable.other.object.java#571A3Dde
variable.other.object.property.java#53231Bde
variable.parameter.c#53231Bde
variable.parameter.function.language.python#0B1E92de
variable.parameter.java#2B3146de
variable.scss#3E432Bde