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—