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#E2E2D8fe
  • activityBar.activeBackground#E2E2D8fe
  • activityBar.activeBorder#214B1Bfe
  • activityBar.activeFocusBorder#AA717100
  • activityBar.background#F0F0EBfe
  • activityBar.border#6D839800
  • activityBar.dropBorder#194A13fe
  • activityBar.foreground#1E4A17fe
  • activityBar.inactiveForeground#54543E65
  • activityBarBadge.background#20950Ffe
  • activityBarBadge.foreground#F0F0EBfe
  • badge.background#348D27fe
  • badge.foreground#F0F0EBfe
  • banner.background#E2E2D8fe
  • banner.foreground#3A3A13ce
  • banner.iconForeground#324030fe
  • breadcrumb.activeSelectionForeground#602046ca
  • breadcrumb.background#EDEDE6fe
  • breadcrumb.focusForeground#1D950Bfe
  • breadcrumb.foreground#3A3A15ae
  • breadcrumbPicker.background#E2E2D8fe
  • button.background#BABAA2ae
  • button.border#F5F7F500
  • button.foreground#3A3A13ce
  • button.hoverBackground#A1A1806e
  • button.secondaryBackground#E2E2D8fe
  • button.secondaryForeground#3A3A13ce
  • button.secondaryHoverBackground#E2E2D8fe
  • button.separator#F7F5F600
  • charts.blue#1b1bfffe
  • charts.foreground#3A3A13ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067a6
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F4F4F0fe
  • chat.slashCommandBackground#E2E2D8fe
  • chat.slashCommandForeground#3A3A13ce
  • checkbox.background#F4F4F0fe
  • checkbox.border#F4F4F0fe
  • checkbox.foreground#3A3A13ce
  • checkbox.selectBackground#F4F4F0fe
  • checkbox.selectBorder#F4F4F0fe
  • commandCenter.activeBackground#E3D9D986
  • commandCenter.activeBorder#F4F4F0fe
  • commandCenter.activeForeground#20950Ffe
  • commandCenter.background#E2E2D8fe
  • commandCenter.border#F4F4F0fe
  • commandCenter.foreground#3A3A13ce
  • commandCenter.inactiveBorder#DCDCD093
  • commandCenter.inactiveForeground#4A4A3765
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F7F5F600
  • contrastBorder#F7F7F500
  • debugConsole.errorForeground#930093ce
  • debugConsole.infoForeground#3A3A13ce
  • debugConsole.sourceForeground#3A3A13ce
  • debugConsole.warningForeground#604F00ce
  • debugConsoleInputIcon.foreground#442C67fe
  • debugExceptionWidget.background#FFCAFFc8
  • debugExceptionWidget.border#F4F4F0fe
  • debugIcon.breakpointCurrentStackframeForeground#1E4019fe
  • debugIcon.breakpointDisabledForeground#54541A65
  • debugIcon.breakpointForeground#094203fe
  • debugIcon.breakpointStackframeForeground#6F1616fe
  • debugIcon.breakpointUnverifiedForeground#432F5Efe
  • debugIcon.continueForeground#522C43fe
  • debugIcon.disconnectForeground#3A3A24fe
  • debugIcon.pauseForeground#6D0E44fe
  • debugIcon.restartForeground#404030fe
  • debugIcon.startForeground#522C43fe
  • debugIcon.stepBackForeground#41315Cfe
  • debugIcon.stepIntoForeground#20395Ffe
  • debugIcon.stepOutForeground#4D2F42fe
  • debugIcon.stepOverForeground#15410Cfe
  • debugIcon.stopForeground#671F1Ffe
  • debugTokenExpression.boolean#13161Aca
  • debugTokenExpression.error#1f1f17ca
  • debugTokenExpression.name#131A17ca
  • debugTokenExpression.number#141A13ca
  • debugTokenExpression.value#1A1317ca
  • debugToolBar.background#FFCAFFa1
  • debugToolBar.border#F4F4F0fe
  • debugView.exceptionLabelBackground#DDD9E2ca
  • debugView.exceptionLabelForeground#3B3B01ca
  • debugView.stateLabelBackground#D4DEDAca
  • debugView.stateLabelForeground#194031ca
  • debugView.valueChangedHighlight#1F281Eca
  • descriptionForeground#3A3A13ce
  • diffEditor.border#F7F7F500
  • diffEditor.diagonalFill#000000f8
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#C0E4C2fb
  • diffEditor.insertedTextBorder#F7F5F600
  • diffEditor.move.border#F7F7F500
  • diffEditor.moveActive.border#F6F5F700
  • diffEditor.removedLineBackground#FFCFCF31
  • diffEditor.removedTextBackground#FFD2D2fb
  • diffEditor.removedTextBorder#F6F5F700
  • diffEditor.unchangedCodeBackground#E2E2D8fe
  • diffEditor.unchangedRegionBackground#E2E2D8fe
  • diffEditor.unchangedRegionForeground#3A3A13ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#4A4A3765
  • dropdown.background#F4F4F0fe
  • dropdown.border#F4F4F0fe
  • dropdown.foreground#3A3A13ce
  • dropdown.listBackground#F4F4F0fe
  • editor.background#E2E2D8fe
  • editor.findMatchBackground#BEBEA7a4
  • editor.findMatchBorder#F4F4F0fe
  • editor.findMatchHighlightBackground#A2BAB1a4
  • editor.findMatchHighlightBorder#F4F4F0fe
  • editor.findRangeHighlightBackground#8EA88Aa8
  • editor.findRangeHighlightBorder#F4F4F0fe
  • editor.focusedStackFrameHighlightBackground#A180808d
  • editor.foldBackground#325B2Ba4
  • editor.foreground#3A3A13ce
  • editor.hoverHighlightBackground#ACC1B9a3
  • editor.inactiveSelectionBackground#D3D3C49a
  • editor.inlineValuesBackground#E2E2D8fe
  • editor.inlineValuesForeground#3A3A13ce
  • editor.lineHighlightBackground#C5C5B1b1
  • editor.lineHighlightBorder#F7F7F500
  • editor.linkedEditingBackground#E2E2D8fe
  • editor.rangeHighlightBackground#A58599a5
  • editor.rangeHighlightBorder#F4F4F0fe
  • editor.selectionBackground#C5B1B1a7
  • editor.selectionForeground#1E4019ca
  • editor.selectionHighlightBackground#A79EB785
  • editor.selectionHighlightBorder#F4F4F0fe
  • editor.snippetFinalTabstopHighlightBackground#BEBEA7a9
  • editor.snippetFinalTabstopHighlightBorder#F4F4F0fe
  • editor.snippetTabstopHighlightBackground#9A8FACaa
  • editor.snippetTabstopHighlightBorder#F4F4F0fe
  • editor.stackFrameHighlightBackground#8AA89Dad
  • editor.symbolHighlightBackground#9EA7B7ae
  • editor.symbolHighlightBorder#F4F4F0fe
  • editor.wordHighlightBackground#A1A180ad
  • editor.wordHighlightBorder#F5F7F600
  • editor.wordHighlightStrongBackground#C1ACACac
  • editor.wordHighlightStrongBorder#F7F7F500
  • editor.wordHighlightTextBackground#A58599ab
  • editor.wordHighlightTextBorder#F7F5F600
  • editorBracketHighlight.foreground1#0E0E0Bce
  • editorBracketHighlight.foreground2#0E0E0Bce
  • editorBracketHighlight.foreground3#0E0E0Bce
  • editorBracketHighlight.foreground4#0E0E0Bce
  • editorBracketHighlight.foreground5#0E0E0Bce
  • editorBracketHighlight.foreground6#0E0E0Bce
  • editorBracketHighlight.unexpectedBracket.foreground#3A3A13ce
  • editorBracketMatch.background#54542Cad
  • editorBracketMatch.border#F4F4F0fe
  • editorBracketPairGuide.activeBackground1#44526B87
  • editorBracketPairGuide.activeBackground2#8739398d
  • editorBracketPairGuide.activeBackground3#325B2D89
  • editorBracketPairGuide.activeBackground4#5D47818c
  • editorBracketPairGuide.activeBackground5#7C3B648e
  • editorBracketPairGuide.activeBackground6#632BC38c
  • editorBracketPairGuide.background1#E3D8D8fe
  • editorBracketPairGuide.background2#D7DCE1fe
  • editorBracketPairGuide.background3#D6DFD5fe
  • editorBracketPairGuide.background4#D7DCE1fe
  • editorBracketPairGuide.background5#E3D8DEfe
  • editorBracketPairGuide.background6#D8DDE3fe
  • editorCodeLens.foreground#5454246e
  • editorCommentsWidget.rangeActiveBackground#525235fe
  • editorCommentsWidget.rangeBackground#E2E2D8fe
  • editorCommentsWidget.resolvedBorder#F4F4F0fe
  • editorCommentsWidget.unresolvedBorder#FFCFCFcb
  • editorCursor.background#E2E2D8fe
  • editorCursor.foreground#1F950Efe
  • editorError.background#F6F5F700
  • editorError.border#F5F6F700
  • editorError.foreground#930093ce
  • editorGhostText.background#E2E2D8fe
  • editorGhostText.border#F7F7F500
  • editorGhostText.foreground#54541C6e
  • editorGroup.border#F4F4F0fe
  • editorGroup.dropBackground#E2E2D8fe
  • editorGroup.dropIntoPromptBackground#E2E2D8fe
  • editorGroup.dropIntoPromptBorder#F4F4F0fe
  • editorGroup.dropIntoPromptForeground#3A3A13ce
  • editorGroup.emptyBackground#E2E2D8fe
  • editorGroup.focusedEmptyBorder#F4F4F0fe
  • editorGroupHeader.border#F7F5F600
  • editorGroupHeader.noTabsBackground#F0F0EBae
  • editorGroupHeader.tabsBackground#E2E2D8a1
  • editorGroupHeader.tabsBorder#F6F5F700
  • editorGutter.addedBackground#1A5E1Dfb
  • editorGutter.background#E2E2D8fe
  • editorGutter.commentGlyphForeground#3A3A13ce
  • editorGutter.commentRangeForeground#3A3A13ce
  • editorGutter.commentUnresolvedGlyphForeground#1F5E22cb
  • editorGutter.deletedBackground#A80000cb
  • editorGutter.foldingControlForeground#3A3A13ce
  • editorGutter.modifiedBackground#604F00ce
  • editorHint.border#F6F5F700
  • editorHint.foreground#3E01FFce
  • editorHoverWidget.background#F4F4F0fe
  • editorHoverWidget.border#F4F4F0fe
  • editorHoverWidget.foreground#3A3A13ce
  • editorHoverWidget.highlightForeground#3A3A18ca
  • editorHoverWidget.statusBarBackground#E2E2D8fe
  • editorIndentGuide.activeBackground1#164A10fe
  • editorIndentGuide.activeBackground2#23511Dfe
  • editorIndentGuide.activeBackground3#0D4B04fe
  • editorIndentGuide.activeBackground4#1C4915fe
  • editorIndentGuide.activeBackground5#214B1Bfe
  • editorIndentGuide.activeBackground6#0D4B04fe
  • editorIndentGuide.background1#36453335
  • editorIndentGuide.background2#5E455435
  • editorIndentGuide.background3#4A373735
  • editorIndentGuide.background4#4E455E35
  • editorIndentGuide.background5#3E465435
  • editorIndentGuide.background6#49625935
  • editorInfo.background#F5F6F700
  • editorInfo.border#F7F5F600
  • editorInfo.foreground#3E01FFce
  • editorInlayHint.background#E2E2D8fe
  • editorInlayHint.foreground#3A3A13ce
  • editorInlayHint.parameterBackground#E2E2D8fe
  • editorInlayHint.parameterForeground#3A3A13ce
  • editorInlayHint.typeBackground#E2E2D8fe
  • editorInlayHint.typeForeground#3A3A13ce
  • editorLightBulb.foreground#604F00ce
  • editorLightBulbAutoFix.foreground#1F5E22cb
  • editorLineNumber.activeForeground#307D25fe
  • editorLineNumber.dimmedForeground#5454216e
  • editorLineNumber.foreground#5454216e
  • editorLink.activeForeground#1D940Dfe
  • editorMarkerNavigation.background#F4F4F0fe
  • editorMarkerNavigationError.background#FFCAFFb1
  • editorMarkerNavigationError.headerBackground#FFCAFFb5
  • editorMarkerNavigationInfo.background#D8D8FFfe
  • editorMarkerNavigationInfo.headerBackground#D8D8FFfe
  • editorMarkerNavigationWarning.background#FFD820fe
  • editorMarkerNavigationWarning.headerBackground#FFD820fe
  • editorOverviewRuler.addedForeground#1F5E22cb
  • editorOverviewRuler.background#E2E2D8fe
  • editorOverviewRuler.border#DCDCD0fe
  • editorOverviewRuler.bracketMatchForeground#3A3A13ce
  • editorOverviewRuler.commentForeground#5454266e
  • editorOverviewRuler.commentUnresolvedForeground#1F5E22cb
  • editorOverviewRuler.commonContentForeground#3A3A13ce
  • editorOverviewRuler.currentContentForeground#515151b1
  • editorOverviewRuler.deletedForeground#A80000cb
  • editorOverviewRuler.errorForeground#930093ce
  • editorOverviewRuler.findMatchForeground#005B5Bce
  • editorOverviewRuler.incomingContentForeground#1F5E22cb
  • editorOverviewRuler.infoForeground#3E01FFce
  • editorOverviewRuler.modifiedForeground#604F00ce
  • editorOverviewRuler.rangeHighlightForeground#1C4016ca
  • editorOverviewRuler.selectionHighlightForeground#3E01FFce
  • editorOverviewRuler.warningForeground#604F00ce
  • editorOverviewRuler.wordHighlightForeground#671F1Fca
  • editorOverviewRuler.wordHighlightStrongForeground#3A3A13ce
  • editorOverviewRuler.wordHighlightTextForeground#3A3A13ce
  • editorPane.background#E2E2D8fe
  • editorRuler.foreground#52523326
  • editorStickyScroll.background#E2E2D8fe
  • editorStickyScrollHover.background#DCDCD06e
  • editorSuggestWidget.background#F4F4F0fe
  • editorSuggestWidget.border#F5F7F600
  • editorSuggestWidget.focusHighlightForeground#42421Cfe
  • editorSuggestWidget.foreground#233F1Ffe
  • editorSuggestWidget.highlightForeground#1D3F34ca
  • editorSuggestWidget.selectedBackground#AC8FA18b
  • editorSuggestWidget.selectedForeground#740B0Bca
  • editorSuggestWidget.selectedIconForeground#224018ca
  • editorSuggestWidgetStatus.foreground#3A3A24fe
  • editorUnicodeHighlight.background#A1B79Ea7
  • editorUnicodeHighlight.border#F4F4F0fe
  • editorUnnecessaryCode.border#FED924ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F7F5F500
  • editorWarning.border#F7F7F500
  • editorWarning.foreground#604F00ce
  • editorWhitespace.foreground#3A3A13ce
  • editorWidget.background#F4F4F0fe
  • editorWidget.border#F4F4F0fe
  • editorWidget.foreground#3A3A13ce
  • editorWidget.resizeBorder#F4F4F0fe
  • errorForeground#930093ce
  • extensionBadge.remoteBackground#20950Ffe
  • extensionBadge.remoteForeground#F0F0EBfe
  • extensionButton.background#DCDCD0ae
  • extensionButton.foreground#3A3A13ce
  • extensionButton.hoverBackground#DCDCD16e
  • extensionButton.prominentBackground#E2E2D8fe
  • extensionButton.prominentForeground#3A3A13ce
  • extensionButton.prominentHoverBackground#E2E2D8fe
  • extensionButton.separator#F5F6F700
  • extensionIcon.preReleaseForeground#3A3A0Bfe
  • extensionIcon.sponsorForeground#19395Ffe
  • extensionIcon.starForeground#1E4019fe
  • extensionIcon.verifiedForeground#523030fe
  • focusBorder#F5F7F500
  • foreground#3A3A13ce
  • gitDecoration.addedResourceForeground#1F5E22cb
  • gitDecoration.deletedResourceForeground#A80000cb
  • gitDecoration.modifiedResourceForeground#604F00ce
  • gitDecoration.renamedResourceForeground#3E01FFce
  • gitDecoration.stageDeletedResourceForeground#A80000cb
  • gitDecoration.stageModifiedResourceForeground#1F5E22cb
  • gitDecoration.untrackedResourceForeground#005B5Bce
  • icon.foreground#54542Cae
  • inlineChat.background#D7DBE1ca
  • inlineChat.border#D6DFD5ca
  • inlineChat.regionHighlight#1E1A23ca
  • inlineChat.shadow#281E1Eca
  • inlineChatDiff.inserted#131A17ca
  • inlineChatDiff.removed#1E1616ca
  • inlineChatInput.background#1A171Fca
  • inlineChatInput.border#D8DDE3ca
  • inlineChatInput.focusBorder#F5F7F600
  • inlineChatInput.placeholderForeground#213F1Dca
  • input.background#F4F4F0fe
  • input.border#F4F4F0fe
  • input.foreground#3A3A13ce
  • input.placeholderForeground#45453365
  • inputOption.activeBackground#F4F4F0fe
  • inputOption.activeBorder#F4F4F0fe
  • inputOption.activeForeground#20950Ffe
  • inputOption.hoverBackground#F4F4F0fe
  • inputValidation.errorBackground#670067be
  • inputValidation.errorBorder#FFCAFFc5
  • inputValidation.errorForeground#930093ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F4F4F0fe
  • inputValidation.infoForeground#3A3A13ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F4F4F0fe
  • inputValidation.warningForeground#604F00ce
  • interactive.activeCodeBorder#F4F4F0fe
  • interactive.inactiveCodeBorder#DCDCD093
  • keybindingLabel.background#E2E2D8fe
  • keybindingLabel.border#F4F4F0fe
  • keybindingLabel.bottomBorder#F4F4F0fe
  • keybindingLabel.foreground#3A3A13ce
  • keybindingTable.headerBackground#E2E2D8fe
  • keybindingTable.rowsBackground#E2E2D8fe
  • list.activeSelectionBackground#B79E9E81
  • list.activeSelectionForeground#3A3A19ca
  • list.activeSelectionIconForeground#0E3577ca
  • list.deemphasizedForeground#3A3A13ce
  • list.dropBackground#E2E2D8fe
  • list.errorForeground#930093ce
  • list.filterMatchBackground#E2E2D8fe
  • list.filterMatchBorder#F4F4F0fe
  • list.focusAndSelectionOutline#F7F7F500
  • list.focusBackground#D0D0BF96
  • list.focusForeground#348D27fe
  • list.focusHighlightForeground#840707fe
  • list.focusOutline#F5F7F600
  • list.highlightForeground#6F1616ca
  • list.hoverBackground#E3D9D9a8
  • list.hoverForeground#307D25fe
  • list.inactiveFocusBackground#C9C9B69e
  • list.inactiveFocusOutline#F5F7F600
  • list.inactiveSelectionBackground#F0F0EBae
  • list.inactiveSelectionForeground#4F4F3A65
  • list.inactiveSelectionIconForeground#54541A65
  • list.invalidItemForeground#3A3A13ce
  • list.warningForeground#604F00ce
  • listFilterWidget.background#E2E2D8fe
  • listFilterWidget.noMatchesOutline#F5F6F700
  • listFilterWidget.outline#F5F6F700
  • listFilterWidget.shadow#F5F7F500
  • menu.background#F0F0EBfe
  • menu.border#F6F5F700
  • menu.foreground#3A3A13ae
  • menu.selectionBackground#C9B6B6a1
  • menu.selectionBorder#F7F5F500
  • menu.selectionForeground#20950Ffe
  • menu.separatorBackground#DCDCD165
  • menubar.selectionBackground#D3C4C4a3
  • menubar.selectionBorder#F5F7F500
  • menubar.selectionForeground#348D27fe
  • merge.border#F4F4F0fe
  • merge.commonContentBackground#E2E2D8fe
  • merge.commonHeaderBackground#E2E2D8fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#C0E4C2fb
  • merge.incomingContentBackground#C0E4C2cb
  • merge.incomingHeaderBackground#C0E4C2fb
  • mergeEditor.change.background#E2E2D8fe
  • mergeEditor.change.word.background#E2E2D8fe
  • mergeEditor.changeBase.background#E2E2D8fe
  • mergeEditor.changeBase.word.background#E2E2D8fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F4F4F0fe
  • mergeEditor.conflict.handledUnfocused.border#DCDCD039
  • mergeEditor.conflict.input1.background#F4F4F0fe
  • mergeEditor.conflict.input2.background#F4F4F0fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067c7
  • mergeEditor.conflict.unhandledFocused.border#F4F4F0fe
  • mergeEditor.conflict.unhandledUnfocused.border#DCDCD03b
  • mergeEditor.conflictingLines.background#E2E2D8fe
  • minimap.background#E2E2D8fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0E0E0Bce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1A5E1Dfb
  • minimapGutter.deletedBackground#A70000fb
  • minimapGutter.modifiedBackground#604F00ce
  • minimapSlider.activeBackground#9D9D7Cfe
  • minimapSlider.background#B7B79Eae
  • minimapSlider.hoverBackground#AFAF946e
  • notebook.cellBorderColor#F4F4F0fe
  • notebook.cellEditorBackground#E2E2D8fe
  • notebook.cellHoverBackground#E2E2D8fe
  • notebook.cellInsertionIndicator#1F281Eca
  • notebook.cellStatusBarItemHoverBackground#E2E2D8fe
  • notebook.cellToolbarSeparator#1F171Cca
  • notebook.editorBackground#E2E2D8fe
  • notebook.focusedCellBackground#E2E2D8fe
  • notebook.focusedCellBorder#1A950Afe
  • notebook.focusedEditorBorder#F4F4F0fe
  • notebook.inactiveFocusedCellBorder#9D9D7C8e
  • notebook.inactiveSelectedCellBorder#9696728e
  • notebook.outputContainerBackgroundColor#E2E2D8fe
  • notebook.outputContainerBorderColor#F4F4F0fe
  • notebook.selectedCellBackground#E2E2D8fe
  • notebook.selectedCellBorder#F4F4F0fe
  • notebook.symbolHighlightBackground#E2E2D8fe
  • notebookEditorOverviewRuler.runningCellForeground#3A3A13ce
  • notebookScrollbarSlider.activeBackground#9A9A77fe
  • notebookScrollbarSlider.background#C1C1ACae
  • notebookScrollbarSlider.hoverBackground#A8A88A6e
  • notebookStatusErrorIcon.foreground#930093ce
  • notebookStatusRunningIcon.foreground#522C43fe
  • notebookStatusSuccessIcon.foreground#1F5E22cb
  • notificationCenter.border#F4F4F0fe
  • notificationCenterHeader.background#E2E2D8fe
  • notificationCenterHeader.foreground#3A3A13ce
  • notificationLink.foreground#3A3A13ce
  • notifications.background#E2E2D8fe
  • notifications.border#F4F4F0fe
  • notifications.foreground#3A3A13ce
  • notificationsErrorIcon.foreground#930093ce
  • notificationsInfoIcon.foreground#2E3C2Cfe
  • notificationsWarningIcon.foreground#604F00ce
  • notificationToast.border#F4F4F0fe
  • panel.background#E2E2D8fe
  • panel.border#F4F4F0fe
  • panel.dropBorder#F4F4F0fe
  • panelInput.border#F4F4F0fe
  • panelSection.border#F4F4F0fe
  • panelSection.dropBackground#E2E2D8fe
  • panelSectionHeader.background#E2E2D8fe
  • panelSectionHeader.border#F4F4F0fe
  • panelSectionHeader.foreground#3A3A13ce
  • panelTitle.activeBorder#F6F5F700
  • panelTitle.activeForeground#214B1Bfe
  • panelTitle.inactiveForeground#59594265
  • peekView.border#1C4915fe
  • peekViewEditor.background#F4F4F0fe
  • peekViewEditor.matchHighlightBackground#A5BAA28a
  • peekViewEditor.matchHighlightBorder#F5F6F700
  • peekViewEditorGutter.background#F4F4F0fe
  • peekViewEditorStickyScroll.background#E2E2D8fe
  • peekViewResult.background#F0F0EBfe
  • peekViewResult.fileForeground#3A3A13ce
  • peekViewResult.lineForeground#3A3A13ce
  • peekViewResult.matchHighlightBackground#BEA7A78a
  • peekViewResult.selectionBackground#99B3A988
  • peekViewResult.selectionForeground#6B1049ca
  • peekViewTitle.background#F0F0EBfe
  • peekViewTitleDescription.foreground#3A3A13ce
  • peekViewTitleLabel.foreground#3A3A13ce
  • pickerGroup.border#F4F4F0fe
  • pickerGroup.foreground#3A3A13ce
  • ports.iconRunningProcessForeground#3A3A19fe
  • problemsErrorIcon.foreground#930093ce
  • problemsInfoIcon.foreground#3E01FFce
  • problemsWarningIcon.foreground#604F00ce
  • profileBadge.background#1A950Afe
  • profileBadge.foreground#F0F0EBfe
  • progressBar.background#E2E2D8fe
  • quickInput.background#F0F0EBfe
  • quickInput.foreground#3A3A15ae
  • quickInputList.focusBackground#B79EADa6
  • quickInputList.focusForeground#219410fe
  • quickInputList.focusIconForeground#307D25fe
  • quickInputTitle.background#F4F4F0fe
  • sash.hoverBorder#F4F4F0fe
  • scrollbar.shadow#F5F6F700
  • scrollbarSlider.activeBackground#8E8E69fe
  • scrollbarSlider.background#C1C1ACae
  • scrollbarSlider.hoverBackground#ACAC8F6e
  • search.resultsInfoForeground#3A3A13ce
  • searchEditor.findMatchBackground#958AA8ab
  • searchEditor.findMatchBorder#F4F4F0fe
  • searchEditor.textInputBorder#F4F4F0fe
  • selection.background#E2E2D8fe
  • settings.checkboxBackground#F4F4F0fe
  • settings.checkboxBorder#F4F4F0fe
  • settings.checkboxForeground#3A3A13ce
  • settings.dropdownBackground#F4F4F0fe
  • settings.dropdownBorder#F4F4F0fe
  • settings.dropdownForeground#3A3A13ce
  • settings.dropdownListBorder#F4F4F0fe
  • settings.focusedRowBackground#89A58582
  • settings.focusedRowBorder#F4F4F0fe
  • settings.headerBorder#F4F4F0fe
  • settings.headerForeground#3A3A13ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F4F4F0fe
  • settings.numberInputBorder#F4F4F0fe
  • settings.numberInputForeground#3A3A13ce
  • settings.rowHoverBackground#E2E2D8fe
  • settings.sashBorder#F4F4F0fe
  • settings.settingsHeaderHoverForeground#229411fe
  • settings.textInputBackground#F4F4F0fe
  • settings.textInputBorder#F4F4F0fe
  • settings.textInputForeground#3A3A13ce
  • sideBar.background#E2E2D8fe
  • sideBar.border#F4F4F0fe
  • sideBar.dropBackground#E2E2D8fe
  • sideBar.foreground#54542Cae
  • sideBarSectionHeader.background#F5F7F500
  • sideBarSectionHeader.border#F4F4F0fe
  • sideBarSectionHeader.foreground#3A3A13ce
  • sideBarTitle.foreground#3A3A13ce
  • sideBySideEditor.horizontalBorder#F4F4F0fe
  • sideBySideEditor.verticalBorder#F4F4F0fe
  • simpleFindWidget.sashBorder#F4F4F0fe
  • statusBar.background#F0F0EBfe
  • statusBar.border#F4F4F0fe
  • statusBar.debuggingBackground#FFCAFFaf
  • statusBar.debuggingBorder#F4F4F0fe
  • statusBar.debuggingForeground#3A3A13ce
  • statusBar.focusBorder#F5F7F600
  • statusBar.foreground#54541F6e
  • statusBar.noFolderBackground#F0F0EBfe
  • statusBar.noFolderBorder#F4F4F0fe
  • statusBar.noFolderForeground#3A3A13ce
  • statusBarItem.activeBackground#F0F0EBfe
  • statusBarItem.compactHoverBackground#F0F0EBfe
  • statusBarItem.errorBackground#FFCAFFb8
  • statusBarItem.errorForeground#930093ce
  • statusBarItem.errorHoverBackground#FFCAFF9d
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#F7F5F500
  • statusBarItem.hoverBackground#F0F0EBfe
  • statusBarItem.hoverForeground#1A950Afe
  • statusBarItem.offlineBackground#F0F0EBfe
  • statusBarItem.offlineForeground#3A3A13ce
  • statusBarItem.offlineHoverBackground#F0F0EBfe
  • statusBarItem.offlineHoverForeground#307D25fe
  • statusBarItem.prominentBackground#F0F0EBfe
  • statusBarItem.prominentForeground#3A3A13ce
  • statusBarItem.prominentHoverBackground#F0F0EBfe
  • statusBarItem.prominentHoverForeground#1D940Dfe
  • statusBarItem.remoteBackground#1D940Dfe
  • statusBarItem.remoteForeground#F0F0EBfe
  • statusBarItem.remoteHoverBackground#F0F0EBfe
  • statusBarItem.remoteHoverForeground#20950Ffe
  • statusBarItem.warningBackground#FFD820fe
  • statusBarItem.warningForeground#604F00ce
  • statusBarItem.warningHoverBackground#FFD820fe
  • statusBarItem.warningHoverForeground#987E00ce
  • symbolIcon.arrayForeground#15410Cfe
  • symbolIcon.booleanForeground#005B5Bce
  • symbolIcon.classForeground#562C2Cfe
  • symbolIcon.colorForeground#66184Cfe
  • symbolIcon.constantForeground#0D402Ffe
  • symbolIcon.constructorForeground#6B1049fe
  • symbolIcon.enumeratorForeground#184031fe
  • symbolIcon.enumeratorMemberForeground#203E32fe
  • symbolIcon.eventForeground#721010fe
  • symbolIcon.fieldForeground#233F1Ffe
  • symbolIcon.fileForeground#442C67fe
  • symbolIcon.folderForeground#4A0A9Afe
  • symbolIcon.functionForeground#562945fe
  • symbolIcon.interfaceForeground#1D3F34fe
  • symbolIcon.keyForeground#30403Afe
  • symbolIcon.keywordForeground#40305Cfe
  • symbolIcon.methodForeground#562945fe
  • symbolIcon.moduleForeground#4A0A9Afe
  • symbolIcon.namespaceForeground#2B394Dfe
  • symbolIcon.nullForeground#0C3578fe
  • symbolIcon.numberForeground#6F1616fe
  • symbolIcon.objectForeground#094203fe
  • symbolIcon.operatorForeground#3A3A13fe
  • symbolIcon.packageForeground#253956fe
  • symbolIcon.propertyForeground#1E4019fe
  • symbolIcon.referenceForeground#0D402Ffe
  • symbolIcon.snippetForeground#5B2449fe
  • symbolIcon.stringForeground#721010fe
  • symbolIcon.structForeground#432F5Efe
  • symbolIcon.textForeground#3A3A13fe
  • symbolIcon.typeParameterForeground#41315Cfe
  • symbolIcon.unitForeground#721010fe
  • symbolIcon.variableForeground#721010fe
  • tab.activeBackground#EDEDE6fe
  • tab.activeBorder#F5F6F700
  • tab.activeBorderTop#194A11fe
  • tab.activeForeground#1C4915fe
  • tab.activeModifiedBorder#FED924ce
  • tab.border#F5F6F700
  • tab.hoverBackground#8C3434ae
  • tab.hoverBorder#F4F4F0fe
  • tab.hoverForeground#1A950Afe
  • tab.inactiveBackground#DCDCCF92
  • tab.inactiveForeground#59594265
  • tab.inactiveModifiedBorder#FED924ce
  • tab.lastPinnedBorder#F4F4F0fe
  • tab.unfocusedActiveBackground#D7D7C939
  • tab.unfocusedActiveBorder#F7F5F500
  • tab.unfocusedActiveBorderTop#DCDCCF65
  • tab.unfocusedActiveForeground#54543E65
  • tab.unfocusedActiveModifiedBorder#FED924ce
  • tab.unfocusedHoverBackground#52523323
  • tab.unfocusedHoverBorder#DCDCCF3d
  • tab.unfocusedHoverForeground#4F4F3A65
  • tab.unfocusedInactiveBackground#C9C9B698
  • tab.unfocusedInactiveForeground#4F4F3A65
  • tab.unfocusedInactiveModifiedBorder#FED924ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333a7
  • 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#6700679f
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cecececb
  • terminal.ansiYellow#c4a200fe
  • terminal.background#E2E2D8fe
  • terminal.border#F4F4F0fe
  • terminal.dropBackground#E2E2D8fe
  • terminal.findMatchBackground#E2E2D8fe
  • terminal.findMatchBorder#F4F4F0fe
  • terminal.findMatchHighlightBackground#E2E2D8fe
  • terminal.findMatchHighlightBorder#F4F4F0fe
  • terminal.foreground#54542Cae
  • terminal.hoverHighlightBackground#E2E2D8fe
  • terminal.inactiveSelectionBackground#D0D0BF92
  • terminal.selectionBackground#8F9AAC81
  • terminal.selectionForeground#1D3F34ca
  • terminal.tab.activeBorder#23511Dfe
  • terminalCommandDecoration.defaultBackground#623F98aa
  • terminalCommandDecoration.errorBackground#A80000cb
  • terminalCommandDecoration.successBackground#1F5E22cb
  • terminalCursor.background#E2E2D8fe
  • terminalCursor.foreground#1D950Bfe
  • terminalOverviewRuler.cursorForeground#3A3A13ce
  • terminalOverviewRuler.findMatchForeground#005B5Bce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c09c
  • testing.iconUnset#808080a9
  • testing.message.error.decorationForeground#185F0Dfe
  • testing.message.error.lineBackground#FFCAFFa0
  • testing.message.info.decorationForeground#1A5E11fe
  • testing.message.info.lineBackground#D8D8FFfe
  • testing.peekBorder#F4F4F0fe
  • testing.peekHeaderBackground#E2E2D8fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#E2E2D8fe
  • textBlockQuote.border#F4F4F0fe
  • textCodeBlock.background#E2E2D8fe
  • textLink.activeForeground#307D25fe
  • textLink.foreground#3E01FFce
  • textPreformat.foreground#3A3A13ce
  • textSeparator.foreground#3A3A13ce
  • titleBar.activeBackground#F0F0EBfe
  • titleBar.activeForeground#424215ae
  • titleBar.border#F6F5F700
  • titleBar.inactiveBackground#DCDCCFd4
  • titleBar.inactiveForeground#4A4A3765
  • toolbar.activeBackground#D2DED98c
  • toolbar.hoverBackground#E2E2D8fe
  • toolbar.hoverOutline#F5F6F700
  • tree.inactiveIndentGuidesStroke#4C566735
  • tree.indentGuidesStroke#1D5E13fe
  • tree.tableColumnsBorder#F4F4F0fe
  • tree.tableOddRowsBackground#E2E2D8fe
  • walkThrough.embeddedEditorBackground#E2E2D8fe
  • walkthrough.stepTitle.foreground#3A3A13ce
  • welcomePage.background#E2E2D8fe
  • welcomePage.progress.background#E2E2D8fe
  • welcomePage.progress.foreground#3A3A13ce
  • welcomePage.tileBackground#E2E2D8fe
  • welcomePage.tileBorder#F4F4F0fe
  • welcomePage.tileHoverBackground#E2E2D8fe
  • widget.border#F4F4F0fe
  • widget.shadow#F7F7F500
  • window.activeBorder#F4F4F0fe
  • window.inactiveBorder#DCDCD094

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#3434156e
comment.block.html#3333156e
comment.block.java#3434156e
comment.block.javadoc.java#3333146e
comment.block.powershell#3333136e
comment.block.xml#3333156e
comment.line.double-slash.c#3333156e
comment.line.double-slash.cpp#3333136e
comment.line.double-slash.java#3333136e
comment.line.double-slash.js#3434156e
comment.line.number-sign.makefile#3333146e
comment.line.number-sign.python#3434156e
comment.line.number-sign.yaml#3434156e
comment.line.percentage.erlang#3333136e
comment.line.powershell#3333146e
comment.source.cmake#3333156e
comment.source.cmakecache#3333156e
constant.character#6E2723de
constant.character.character-class.regexp#135409de
constant.character.escape#214067de
constant.character.set.regexp#6E2357de
constant.language#032F69de
constant.numeric#4E490Bde
constant.numeric.dec.python#5E0D46de
constant.other.caps.python#033925de
constant.other.character-class.regexp#3C2169de
constant.other.character-class.set.regexp#103828de
constant.other.color.rgb-value#5A1D17de
constant.other.placeholder#363415de
constant.other.rgb-value#602420de
constant.regexp#5B1145de
constant.sha.git-rebase#3C2169de
emphasis#153255de
entity.name.class#003924de
entity.name.function#5B1145de
entity.name.function.preprocessor#762924de
entity.name.function.python#153255de
entity.name.label#561B42de
entity.name.namespace#033925de
entity.name.operator#620346de
entity.name.operator.custom-literal#4D4911de
entity.name.scope-resolution#672151de
entity.name.tag#5E0D45de
entity.name.tag.css#3D1E70de
entity.name.type#0B2F6Adebold
entity.name.variable#1B4B39de
entity.other.attribute#3C2169de
entity.other.attribute-name#0B2F6Ade
entity.other.attribute-name.class.css#3D1F6Cde
entity.other.attribute-name.class.mixin.css#1F4419de
entity.other.attribute-name.id#5E0D45de
entity.other.attribute-name.id.css#103909de
entity.other.attribute-name.parent-selector.css#203C60de
entity.other.attribute-name.pseudo-class.css#5B1145de
entity.other.attribute-name.pseudo-element.css#63110Dde
entity.other.attribute-name.scss#62120Cde
entity.other.document.begin.yaml#3333146e
entity.other.inherited-class#591E46de
header#6E2357de
invalid#1D3451de
keyword#123258debold
keyword.codetag.notation.python#185310debold
keyword.control#5E0D46debold
keyword.control.anchor.regexp#1A3251debold
keyword.control.import.python#3D2269debold
keyword.operator#5A1544debold
keyword.operator.alignas#620346debold
keyword.operator.alignof#0D315Fdebold
keyword.operator.cast#4D490Edebold
keyword.operator.delete#1F4419debold
keyword.operator.documentation.powershell#3333136ebold
keyword.operator.expression#762924debold
keyword.operator.instanceof#3D1F6Cdebold
keyword.operator.logical.python#6E2723debold
keyword.operator.minus.exponent#203C60debold
keyword.operator.negation.regexp#135409debold
keyword.operator.new#5E0D45debold
keyword.operator.noexcept#60204Cdebold
keyword.operator.or.regexp#1A3251debold
keyword.operator.plus.exponent#3E157Fdebold
keyword.operator.quantifier.regexp#4D490Ddebold
keyword.operator.sizeof#0E315Cdebold
keyword.operator.typeid#1E3859debold
keyword.operator.wordlike#123258debold
keyword.other.operator#003924debold
keyword.other.package.java#444119debold
keyword.other.unit#123258debold
keyword.other.using#3E157Fdebold
markup.bold#3F236Ede
markup.changed#0D5238de
markup.deleted#63110Dde
markup.fenced_code.block.markdown#5A1D17de
markup.heading#3D1F6Cde
markup.inline.raw#093927de
markup.inserted#0B2F6Ade
markup.italic#093927de
markup.raw.block.markdown#194434de
markup.strikethrough#3D0F87de
markup.underline#353310de
meta.block.c#353304de
meta.block.c#3E157Fde
meta.class.java#672621de
meta.definition.variable.name#76245Cde
meta.diff.header#59221Ede
meta.embedded#185310de
meta.embedded.assembly#63110Dde
meta.function-call.arguments.python#0D5238de
meta.function-call.python#214B1Bde
meta.member.access.python#561943de
meta.method.java#173D2Fde
meta.object-literal.key#203C60de
meta.paragraph.markdown#3D3B17de
meta.preprocessor#3D0F87de
meta.preprocessor.numeric#033925de
meta.preprocessor.string#672151de
meta.scope.prerequisites.makefile#103909de
meta.structure.dictionary.json.comments#3333136e
meta.structure.dictionary.key.python#0D5238de
meta.structure.dictionary.value.json.comments#3333136e
meta.template.expression#672151de
meta.type.cast.expr#561943debold
meta.type.new.expr#103829debold
parameter#105239de
punctuation.character.set.begin.regexp#153910de
punctuation.character.set.end.regexp#650D07de
punctuation.definition.array.begin.json#214067de
punctuation.definition.character-class.regexp#4E490Bde
punctuation.definition.comment#3333156e
punctuation.definition.comment.json.comments#3333156e
punctuation.definition.comment.python#3434156e
punctuation.definition.dictionary.begin.json#173812de
punctuation.definition.dictionary.end.json#571F1Bde
punctuation.definition.group.assertion.regexp#1F4419de
punctuation.definition.group.regexp#3B088Fde
punctuation.definition.list.begin.json#4C490Fde
punctuation.definition.list.begin.markdown#0E315Cde
punctuation.definition.list.begin.python#16530Dde
punctuation.definition.list.end.json#3D1F6Cde
punctuation.definition.list.end.markdown#602420de
punctuation.definition.list.end.python#3D2269de
punctuation.definition.parameters.begin.python#5E0D46de
punctuation.definition.parameters.end.bracket.round.java#3B0990de
punctuation.definition.quote.begin.markdown#3B226Bde
punctuation.definition.tag#3D1E70de
punctuation.definition.template-expression.begin#5E0D45de
punctuation.definition.template-expression.end#0D315Fde
punctuation.section.class.begin.bracket.curly.java#1C3D17de
punctuation.section.embedded#173D2Fde
punctuation.section.embedded.begin.php#353310de
punctuation.section.embedded.end.php#0B2F6Ade
punctuation.terminator.java#032F69de
source.cmake#571F1Bde
source.coffee.embedded#032F69de
source.cpp#3B226Bde
source.css.less#153910de
source.groovy.embedded#23446Ede
source.java#16530Dde
source.java-properties#093927de
source.json.comments#3333136e
source.makefile#135409de
source.powershell#76245Cde
source.powershell.variable.other.member#57201Cde
source.python#57201Cde
storage#4B481Bde
storage.modifier#3C2169de
storage.modifier.import.java#0F5239de
storage.modifier.package.java#76245Cde
storage.type#4B481Bdebold
storage.type.annotation.groovy#62120Cdebold
storage.type.annotation.java#5A1544debold
storage.type.boolean.go#173812debold
storage.type.byte.go#4D490Edebold
storage.type.cs#0B2F6Adebold
storage.type.error.go#103828debold
storage.type.generic.cs#185310debold
storage.type.generic.groovy#1F4419debold
storage.type.generic.java#571744debold
storage.type.groovy#3C197Adebold
storage.type.java#35320Ddebold
storage.type.modifier.cs#214067debold
storage.type.numeric.go#1A3251debold
storage.type.object.array.groovy#3D1E70debold
storage.type.object.array.java#3D1E70debold
storage.type.parameters.groovy#185310debold
storage.type.primitive.array.groovy#1F4419debold
storage.type.primitive.array.java#5E0D45debold
storage.type.primitive.groovy#35320Ddebold
storage.type.primitive.java#1A3251debold
storage.type.rune.go#4D490Ddebold
storage.type.string.go#153910debold
storage.type.token.java#4D4909debold
storage.type.uintptr.go#12382Adebold
storage.type.variable.cs#123258debold
string#3D1C74de
string.quoted.docstring.multi.python#3333146e
string.regexp#762924de
string.tag#6E2357de
string.value#3D2269de
strong#5A1D17de
support.class#650D07de
support.constant.color#0E315Cde
support.constant.dom#032F69de
support.constant.font-name#3C2169de
support.constant.handlebars#4D490Ede
support.constant.json#135409de
support.constant.math#23446Ede
support.constant.media#17530Ede
support.constant.media-type#3C2169debold
support.constant.property-value#173812de
support.function#3C2169de
support.function.git-rebase#23511Dde
support.other.parenthesis.regexp#185310de
support.type#5F1711debold
support.type.property-name#0A5237debold
support.type.vendored.property-name#62120Cdebold
support.variable#3D2269de
token.debug-token#5F1711de
token.error-token#57201Cde
token.info-token#15530Cde
token.warn-token#214067de
variable#4D4911de
variable.css#0C5238de
variable.language#363203de
variable.language.wildcard.java#032F69de
variable.other.constant#62120Cde
variable.other.definition.java#4D490Dde
variable.other.enummember#5E0D46de
variable.other.less#3C197Ade
variable.other.object.java#4D490Ede
variable.other.object.property.java#3D2269de
variable.parameter.c#105239de
variable.parameter.function.language.python#444119de
variable.parameter.java#3E157Fde
variable.scss#0C5238de