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#D6D6E2fe
  • activityBar.activeBackground#D6D6E2fe
  • activityBar.activeBorder#9B65EBfe
  • activityBar.activeFocusBorder#2F936100
  • activityBar.background#EAEAF0fe
  • activityBar.border#DC4F7E00
  • activityBar.dropBorder#9766ECfe
  • activityBar.foreground#9B65EBfe
  • activityBar.inactiveForeground#7878E065
  • activityBarBadge.background#5D29ACfe
  • activityBarBadge.foreground#EAEAF0fe
  • badge.background#9B66ECfe
  • badge.foreground#EAEAF0fe
  • banner.background#D6D6E2fe
  • banner.foreground#3E3ECCce
  • banner.iconForeground#6A4E35fe
  • breadcrumb.activeSelectionForeground#8B364Bca
  • breadcrumb.background#E5E5EDfe
  • breadcrumb.focusForeground#9C67ECfe
  • breadcrumb.foreground#3D3DCBae
  • breadcrumbPicker.background#D6D6E2fe
  • button.background#9F9FBCae
  • button.border#FBFAF900
  • button.foreground#3E3ECCce
  • button.hoverBackground#BDBDD16e
  • button.secondaryBackground#D6D6E2fe
  • button.secondaryForeground#3E3ECCce
  • button.secondaryHoverBackground#D6D6E2fe
  • button.separator#F4F4F700
  • charts.blue#1b1bfffe
  • charts.foreground#3E3ECCce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067c7
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#EFEFF4fe
  • chat.slashCommandBackground#D6D6E2fe
  • chat.slashCommandForeground#3E3ECCce
  • checkbox.background#EFEFF4fe
  • checkbox.border#EFEFF4fe
  • checkbox.foreground#3E3ECCce
  • checkbox.selectBackground#EFEFF4fe
  • checkbox.selectBorder#EFEFF4fe
  • commandCenter.activeBackground#9DC7CD86
  • commandCenter.activeBorder#EFEFF4fe
  • commandCenter.activeForeground#9C67ECfe
  • commandCenter.background#D6D6E2fe
  • commandCenter.border#EFEFF4fe
  • commandCenter.foreground#3E3ECCce
  • commandCenter.inactiveBorder#BDBDDC99
  • commandCenter.inactiveForeground#7878E065
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F4F4F700
  • contrastBorder#F9FBFA00
  • debugConsole.errorForeground#980098ce
  • debugConsole.infoForeground#3E3ECCce
  • debugConsole.sourceForeground#3E3ECCce
  • debugConsole.warningForeground#645300ce
  • debugConsoleInputIcon.foreground#6A4E35fe
  • debugExceptionWidget.background#FEB5FEae
  • debugExceptionWidget.border#EFEFF4fe
  • debugIcon.breakpointCurrentStackframeForeground#3F3FC2fe
  • debugIcon.breakpointDisabledForeground#4646B365
  • debugIcon.breakpointForeground#38402Dfe
  • debugIcon.breakpointStackframeForeground#753D84fe
  • debugIcon.breakpointUnverifiedForeground#2F5C38fe
  • debugIcon.continueForeground#4242BAfe
  • debugIcon.disconnectForeground#495931fe
  • debugIcon.pauseForeground#45582Dfe
  • debugIcon.restartForeground#2F5C38fe
  • debugIcon.startForeground#495931fe
  • debugIcon.stepBackForeground#305A5Ffe
  • debugIcon.stepIntoForeground#2F5A5Ffe
  • debugIcon.stepOutForeground#873A4Ffe
  • debugIcon.stepOverForeground#8E3741fe
  • debugIcon.stopForeground#6C4E35fe
  • debugTokenExpression.boolean#1C151Eca
  • debugTokenExpression.error#15151Eca
  • debugTokenExpression.name#262C1Fca
  • debugTokenExpression.number#1E1516ca
  • debugTokenExpression.value#1E1915ca
  • debugToolBar.background#FEB5FEb8
  • debugToolBar.border#EFEFF4fe
  • debugView.exceptionLabelBackground#60CFDEca
  • debugView.exceptionLabelForeground#6E4D32ca
  • debugView.stateLabelBackground#5FCFDCca
  • debugView.stateLabelForeground#3E3EC6ca
  • debugView.valueChangedHighlight#1B2627ca
  • descriptionForeground#3E3ECCce
  • diffEditor.border#F9FBFA00
  • diffEditor.diagonalFill#000000f4
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#5BD862fb
  • diffEditor.insertedTextBorder#F9FBFB00
  • diffEditor.move.border#F7F4F500
  • diffEditor.moveActive.border#F9FBFB00
  • diffEditor.removedLineBackground#FEACAC31
  • diffEditor.removedTextBackground#FEAAAAfb
  • diffEditor.removedTextBorder#FAFBF900
  • diffEditor.unchangedCodeBackground#D6D6E2fe
  • diffEditor.unchangedRegionBackground#D6D6E2fe
  • diffEditor.unchangedRegionForeground#3E3ECCce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#4646B365
  • dropdown.background#EFEFF4fe
  • dropdown.border#EFEFF4fe
  • dropdown.foreground#3E3ECCce
  • dropdown.listBackground#EFEFF4fe
  • editor.background#D6D6E2fe
  • editor.findMatchBackground#AA9686ab
  • editor.findMatchBorder#EFEFF4fe
  • editor.findMatchHighlightBackground#A37C85a6
  • editor.findMatchHighlightBorder#EFEFF4fe
  • editor.findRangeHighlightBackground#B3BFA4ad
  • editor.findRangeHighlightBorder#EFEFF4fe
  • editor.focusedStackFrameHighlightBackground#8BAAAE89
  • editor.foldBackground#2C2CF3a5
  • editor.foreground#3E3ECCce
  • editor.hoverHighlightBackground#A9C3AFa2
  • editor.inactiveSelectionBackground#BDBDD19e
  • editor.inlineValuesBackground#D6D6E2fe
  • editor.inlineValuesForeground#3E3ECCce
  • editor.lineHighlightBackground#AEAEC6b2
  • editor.lineHighlightBorder#FBFAF900
  • editor.linkedEditingBackground#D6D6E2fe
  • editor.rangeHighlightBackground#86A6AAa9
  • editor.rangeHighlightBorder#EFEFF4fe
  • editor.selectionBackground#689095ae
  • editor.selectionForeground#2E5C38ca
  • editor.selectionHighlightBackground#B1909884
  • editor.selectionHighlightBorder#EFEFF4fe
  • editor.snippetFinalTabstopHighlightBackground#95B59Caa
  • editor.snippetFinalTabstopHighlightBorder#EFEFF4fe
  • editor.snippetTabstopHighlightBackground#AA9686a7
  • editor.snippetTabstopHighlightBorder#EFEFF4fe
  • editor.stackFrameHighlightBackground#A4A4BFa6
  • editor.symbolHighlightBackground#95B1B5ab
  • editor.symbolHighlightBorder#EFEFF4fe
  • editor.wordHighlightBackground#ABB89Aa1
  • editor.wordHighlightBorder#F9FBFB00
  • editor.wordHighlightStrongBackground#A9A9C3a1
  • editor.wordHighlightStrongBorder#FBFAF900
  • editor.wordHighlightTextBackground#A37C85aa
  • editor.wordHighlightTextBorder#FAFBF900
  • editorBracketHighlight.foreground1#0A0A0Ece
  • editorBracketHighlight.foreground2#0A0A0Ece
  • editorBracketHighlight.foreground3#0A0A0Ece
  • editorBracketHighlight.foreground4#0A0A0Ece
  • editorBracketHighlight.foreground5#0A0A0Ece
  • editorBracketHighlight.foreground6#0A0A0Ece
  • editorBracketHighlight.unexpectedBracket.foreground#3E3ECCce
  • editorBracketMatch.background#744924a1
  • editorBracketMatch.border#EFEFF4fe
  • editorBracketPairGuide.activeBackground1#A01F3F8a
  • editorBracketPairGuide.activeBackground2#79492183
  • editorBracketPairGuide.activeBackground3#7B481F83
  • editorBracketPairGuide.activeBackground4#405B1E81
  • editorBracketPairGuide.activeBackground5#225C638e
  • editorBracketPairGuide.activeBackground6#405A1F8a
  • editorBracketPairGuide.background1#BABAF9fe
  • editorBracketPairGuide.background2#5ED1DBfe
  • editorBracketPairGuide.background3#EBB681fe
  • editorBracketPairGuide.background4#EAB686fe
  • editorBracketPairGuide.background5#E6ABF6fe
  • editorBracketPairGuide.background6#BCBCFAfe
  • editorCodeLens.foreground#42425E6e
  • editorCommentsWidget.rangeActiveBackground#3939DBfe
  • editorCommentsWidget.rangeBackground#D6D6E2fe
  • editorCommentsWidget.resolvedBorder#EFEFF4fe
  • editorCommentsWidget.unresolvedBorder#FEABABcb
  • editorCursor.background#D6D6E2fe
  • editorCursor.foreground#5D29ACfe
  • editorError.background#FAFBF900
  • editorError.border#FAFBF900
  • editorError.foreground#980098ce
  • editorGhostText.background#D6D6E2fe
  • editorGhostText.border#FBFAF900
  • editorGhostText.foreground#4949686e
  • editorGroup.border#EFEFF4fe
  • editorGroup.dropBackground#D6D6E2fe
  • editorGroup.dropIntoPromptBackground#D6D6E2fe
  • editorGroup.dropIntoPromptBorder#EFEFF4fe
  • editorGroup.dropIntoPromptForeground#3E3ECCce
  • editorGroup.emptyBackground#D6D6E2fe
  • editorGroup.focusedEmptyBorder#EFEFF4fe
  • editorGroupHeader.border#FBF9FB00
  • editorGroupHeader.noTabsBackground#EAEAF0ae
  • editorGroupHeader.tabsBackground#D6D6E2a1
  • editorGroupHeader.tabsBorder#FBF9FB00
  • editorGutter.addedBackground#0E5C12fb
  • editorGutter.background#D6D6E2fe
  • editorGutter.commentGlyphForeground#3E3ECCce
  • editorGutter.commentRangeForeground#3E3ECCce
  • editorGutter.commentUnresolvedGlyphForeground#17601Acb
  • editorGutter.deletedBackground#AD0000cb
  • editorGutter.foldingControlForeground#3E3ECCce
  • editorGutter.modifiedBackground#645300ce
  • editorHint.border#FBF9FB00
  • editorHint.foreground#460CFEce
  • editorHoverWidget.background#EFEFF4fe
  • editorHoverWidget.border#EFEFF4fe
  • editorHoverWidget.foreground#3E3ECCce
  • editorHoverWidget.highlightForeground#2E5A60ca
  • editorHoverWidget.statusBarBackground#D6D6E2fe
  • editorIndentGuide.activeBackground1#1616FEfe
  • editorIndentGuide.activeBackground2#0E0EC3fe
  • editorIndentGuide.activeBackground3#0E0EC3fe
  • editorIndentGuide.activeBackground4#0E0EC3fe
  • editorIndentGuide.activeBackground5#0E0EC3fe
  • editorIndentGuide.activeBackground6#1616FEfe
  • editorIndentGuide.background1#4A3E3435
  • editorIndentGuide.background2#594A3E35
  • editorIndentGuide.background3#3E594435
  • editorIndentGuide.background4#525E4235
  • editorIndentGuide.background5#506F7235
  • editorIndentGuide.background6#6D5B4C35
  • editorInfo.background#F4F4F700
  • editorInfo.border#FAFBF900
  • editorInfo.foreground#460CFEce
  • editorInlayHint.background#D6D6E2fe
  • editorInlayHint.foreground#3E3ECCce
  • editorInlayHint.parameterBackground#D6D6E2fe
  • editorInlayHint.parameterForeground#3E3ECCce
  • editorInlayHint.typeBackground#D6D6E2fe
  • editorInlayHint.typeForeground#3E3ECCce
  • editorLightBulb.foreground#645300ce
  • editorLightBulbAutoFix.foreground#17601Acb
  • editorLineNumber.activeForeground#9C67ECfe
  • editorLineNumber.dimmedForeground#5050726e
  • editorLineNumber.foreground#4545636e
  • editorLink.activeForeground#9D67ECfe
  • editorMarkerNavigation.background#EFEFF4fe
  • editorMarkerNavigationError.background#FEB5FEc3
  • editorMarkerNavigationError.headerBackground#FEB5FEb6
  • editorMarkerNavigationInfo.background#BABAFFfe
  • editorMarkerNavigationInfo.headerBackground#BABAFFfe
  • editorMarkerNavigationWarning.background#E6BE00fe
  • editorMarkerNavigationWarning.headerBackground#E6BE00fe
  • editorOverviewRuler.addedForeground#17601Acb
  • editorOverviewRuler.background#D6D6E2fe
  • editorOverviewRuler.border#BDBDDCfe
  • editorOverviewRuler.bracketMatchForeground#3E3ECCce
  • editorOverviewRuler.commentForeground#5050726e
  • editorOverviewRuler.commentUnresolvedForeground#17601Acb
  • editorOverviewRuler.commonContentForeground#3E3ECCce
  • editorOverviewRuler.currentContentForeground#545454c1
  • editorOverviewRuler.deletedForeground#AD0000cb
  • editorOverviewRuler.errorForeground#980098ce
  • editorOverviewRuler.findMatchForeground#005E5Ece
  • editorOverviewRuler.incomingContentForeground#17601Acb
  • editorOverviewRuler.infoForeground#460CFEce
  • editorOverviewRuler.modifiedForeground#645300ce
  • editorOverviewRuler.rangeHighlightForeground#793790ca
  • editorOverviewRuler.selectionHighlightForeground#460CFEce
  • editorOverviewRuler.warningForeground#645300ce
  • editorOverviewRuler.wordHighlightForeground#6B4F33ca
  • editorOverviewRuler.wordHighlightStrongForeground#3E3ECCce
  • editorOverviewRuler.wordHighlightTextForeground#3E3ECCce
  • editorPane.background#D6D6E2fe
  • editorRuler.foreground#3636DF32
  • editorStickyScroll.background#D6D6E2fe
  • editorStickyScroll.shadow#FBFAF900
  • editorStickyScrollHover.background#BCBCE56e
  • editorSuggestWidget.background#EFEFF4fe
  • editorSuggestWidget.border#FAFBF900
  • editorSuggestWidget.focusHighlightForeground#7676E7fe
  • editorSuggestWidget.foreground#495A33fe
  • editorSuggestWidget.highlightForeground#8A384Cca
  • editorSuggestWidget.selectedBackground#BDA9C387
  • editorSuggestWidget.selectedForeground#7C388Aca
  • editorSuggestWidget.selectedIconForeground#8E3741ca
  • editorSuggestWidgetStatus.foreground#4242C0fe
  • editorUnicodeHighlight.background#A4BFAAaa
  • editorUnicodeHighlight.border#EFEFF4fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F9FBFB00
  • editorWarning.border#F9FBFA00
  • editorWarning.foreground#645300ce
  • editorWhitespace.foreground#3E3ECCce
  • editorWidget.background#EFEFF4fe
  • editorWidget.border#EFEFF4fe
  • editorWidget.foreground#3E3ECCce
  • editorWidget.resizeBorder#EFEFF4fe
  • errorForeground#980098ce
  • extensionBadge.remoteBackground#682AC5fe
  • extensionBadge.remoteForeground#EAEAF0fe
  • extensionButton.background#BCBCECae
  • extensionButton.foreground#3E3ECCce
  • extensionButton.hoverBackground#BEBED56e
  • extensionButton.prominentBackground#D6D6E2fe
  • extensionButton.prominentForeground#3E3ECCce
  • extensionButton.prominentHoverBackground#D6D6E2fe
  • extensionButton.separator#FBFAF900
  • extensionIcon.preReleaseForeground#315A3Afe
  • extensionIcon.sponsorForeground#305A5Ffe
  • extensionIcon.starForeground#2E5C38fe
  • extensionIcon.verifiedForeground#325C3Dfe
  • focusBorder#F4F4F700
  • foreground#3E3ECCce
  • gitDecoration.addedResourceForeground#17601Acb
  • gitDecoration.deletedResourceForeground#AD0000cb
  • gitDecoration.modifiedResourceForeground#645300ce
  • gitDecoration.renamedResourceForeground#460CFEce
  • gitDecoration.stageDeletedResourceForeground#AD0000cb
  • gitDecoration.stageModifiedResourceForeground#17601Acb
  • gitDecoration.untrackedResourceForeground#005E5Ece
  • icon.foreground#2B2BF5ae
  • inlineChat.background#9AD14Eca
  • inlineChat.border#BBBBFAca
  • inlineChat.regionHighlight#182122ca
  • inlineChat.shadow#131A1Bca
  • inlineChatDiff.inserted#201822ca
  • inlineChatDiff.removed#1C151Eca
  • inlineChatInput.background#181822ca
  • inlineChatInput.border#9BD04Bca
  • inlineChatInput.focusBorder#FBF9FB00
  • inlineChatInput.placeholderForeground#7C388Aca
  • input.background#EFEFF4fe
  • input.border#EFEFF4fe
  • input.foreground#3E3ECCce
  • input.placeholderForeground#3E3E5965
  • inputOption.activeBackground#EFEFF4fe
  • inputOption.activeBorder#EFEFF4fe
  • inputOption.activeForeground#5D29ACfe
  • inputOption.hoverBackground#EFEFF4fe
  • inputValidation.errorBackground#670067bb
  • inputValidation.errorBorder#FEB5FEb0
  • inputValidation.errorForeground#980098ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#EFEFF4fe
  • inputValidation.infoForeground#3E3ECCce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#EFEFF4fe
  • inputValidation.warningForeground#645300ce
  • interactive.activeCodeBorder#EFEFF4fe
  • interactive.inactiveCodeBorder#BDBDE298
  • keybindingLabel.background#D6D6E2fe
  • keybindingLabel.border#EFEFF4fe
  • keybindingLabel.bottomBorder#EFEFF4fe
  • keybindingLabel.foreground#3E3ECCce
  • keybindingTable.headerBackground#D6D6E2fe
  • keybindingTable.rowsBackground#D6D6E2fe
  • list.activeSelectionBackground#86AA8E8c
  • list.activeSelectionForeground#8A384Cca
  • list.activeSelectionIconForeground#3F3FC6ca
  • list.deemphasizedForeground#3E3ECCce
  • list.dropBackground#D6D6E2fe
  • list.errorForeground#980098ce
  • list.filterMatchBackground#D6D6E2fe
  • list.filterMatchBorder#EFEFF4fe
  • list.focusAndSelectionOutline#FBFAF900
  • list.focusBackground#BDBDD197
  • list.focusForeground#9B66ECfe
  • list.focusHighlightForeground#6B8D38fe
  • list.focusOutline#F4F4F700
  • list.highlightForeground#793889ca
  • list.hoverBackground#BCBCE56e
  • list.hoverForeground#642ABCfe
  • list.inactiveFocusBackground#BDBDD195
  • list.inactiveFocusOutline#F9FBFB00
  • list.inactiveSelectionBackground#EAEAF0ae
  • list.inactiveSelectionForeground#3E3E5965
  • list.inactiveSelectionIconForeground#3E3E5965
  • list.invalidItemForeground#3E3ECCce
  • list.warningForeground#645300ce
  • listFilterWidget.background#D6D6E2fe
  • listFilterWidget.noMatchesOutline#FAFBF900
  • listFilterWidget.outline#F9FBFB00
  • listFilterWidget.shadow#F9FBFB00
  • menu.background#EAEAF0fe
  • menu.border#FBFAF900
  • menu.foreground#3D3DCBae
  • menu.selectionBackground#AA9686aa
  • menu.selectionBorder#FBF9FB00
  • menu.selectionForeground#9B66ECfe
  • menu.separatorBackground#BBBBF965
  • menubar.selectionBackground#7CA385a9
  • menubar.selectionBorder#FBF9FB00
  • menubar.selectionForeground#6129B4fe
  • merge.border#EFEFF4fe
  • merge.commonContentBackground#D6D6E2fe
  • merge.commonHeaderBackground#D6D6E2fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#5BD862fb
  • merge.incomingContentBackground#8CD08Fcb
  • merge.incomingHeaderBackground#5BD862fb
  • mergeEditor.change.background#D6D6E2fe
  • mergeEditor.change.word.background#D6D6E2fe
  • mergeEditor.changeBase.background#D6D6E2fe
  • mergeEditor.changeBase.word.background#D6D6E2fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#EFEFF4fe
  • mergeEditor.conflict.handledUnfocused.border#CCCCDB3a
  • mergeEditor.conflict.input1.background#EFEFF4fe
  • mergeEditor.conflict.input2.background#EFEFF4fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067a9
  • mergeEditor.conflict.unhandledFocused.border#EFEFF4fe
  • mergeEditor.conflict.unhandledUnfocused.border#CCCCDB2f
  • mergeEditor.conflictingLines.background#D6D6E2fe
  • minimap.background#D6D6E2fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0A0A0Ece
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#0E5C12fb
  • minimapGutter.deletedBackground#AC0000fb
  • minimapGutter.modifiedBackground#645300ce
  • minimapSlider.activeBackground#686895fe
  • minimapSlider.background#9F9FBCae
  • minimapSlider.hoverBackground#BDBDD16e
  • notebook.cellBorderColor#EFEFF4fe
  • notebook.cellEditorBackground#D6D6E2fe
  • notebook.cellHoverBackground#D6D6E2fe
  • notebook.cellInsertionIndicator#15151Eca
  • notebook.cellStatusBarItemHoverBackground#D6D6E2fe
  • notebook.cellToolbarSeparator#251B27ca
  • notebook.editorBackground#D6D6E2fe
  • notebook.focusedCellBackground#D6D6E2fe
  • notebook.focusedCellBorder#5D29ACfe
  • notebook.focusedEditorBorder#EFEFF4fe
  • notebook.inactiveFocusedCellBorder#72729C8e
  • notebook.inactiveSelectedCellBorder#6565908e
  • notebook.outputContainerBackgroundColor#D6D6E2fe
  • notebook.outputContainerBorderColor#EFEFF4fe
  • notebook.selectedCellBackground#D6D6E2fe
  • notebook.selectedCellBorder#EFEFF4fe
  • notebook.symbolHighlightBackground#D6D6E2fe
  • notebookEditorOverviewRuler.runningCellForeground#3E3ECCce
  • notebookScrollbarSlider.activeBackground#72729Cfe
  • notebookScrollbarSlider.background#9A9AB8ae
  • notebookScrollbarSlider.hoverBackground#B3B3CA6e
  • notebookStatusErrorIcon.foreground#980098ce
  • notebookStatusRunningIcon.foreground#2E5C38fe
  • notebookStatusSuccessIcon.foreground#17601Acb
  • notificationCenter.border#EFEFF4fe
  • notificationCenterHeader.background#D6D6E2fe
  • notificationCenterHeader.foreground#3E3ECCce
  • notificationLink.foreground#3E3ECCce
  • notifications.background#D6D6E2fe
  • notifications.border#EFEFF4fe
  • notifications.foreground#3E3ECCce
  • notificationsErrorIcon.foreground#980098ce
  • notificationsInfoIcon.foreground#3E3EC7fe
  • notificationsWarningIcon.foreground#645300ce
  • notificationToast.border#EFEFF4fe
  • panel.background#D6D6E2fe
  • panel.border#EFEFF4fe
  • panel.dropBorder#EFEFF4fe
  • panelInput.border#EFEFF4fe
  • panelSection.border#EFEFF4fe
  • panelSection.dropBackground#D6D6E2fe
  • panelSectionHeader.background#D6D6E2fe
  • panelSectionHeader.border#EFEFF4fe
  • panelSectionHeader.foreground#3E3ECCce
  • panelTitle.activeBorder#FAFBF900
  • panelTitle.activeForeground#9F5EFDfe
  • panelTitle.inactiveForeground#7777E165
  • peekView.border#9B65EBfe
  • peekViewEditor.background#EFEFF4fe
  • peekViewEditor.matchHighlightBackground#9AB5B887
  • peekViewEditor.matchHighlightBorder#F9FBFA00
  • peekViewEditorGutter.background#EFEFF4fe
  • peekViewEditorStickyScroll.background#D6D6E2fe
  • peekViewResult.background#EAEAF0fe
  • peekViewResult.fileForeground#3E3ECCce
  • peekViewResult.lineForeground#3E3ECCce
  • peekViewResult.matchHighlightBackground#AE95B581
  • peekViewResult.selectionBackground#95B59C8d
  • peekViewResult.selectionForeground#3F3FC6ca
  • peekViewTitle.background#EAEAF0fe
  • peekViewTitleDescription.foreground#3E3ECCce
  • peekViewTitleLabel.foreground#3E3ECCce
  • pickerGroup.border#EFEFF4fe
  • pickerGroup.foreground#3E3ECCce
  • ports.iconRunningProcessForeground#893848fe
  • problemsErrorIcon.foreground#980098ce
  • problemsInfoIcon.foreground#460CFEce
  • problemsWarningIcon.foreground#645300ce
  • profileBadge.background#5A28A3fe
  • profileBadge.foreground#EAEAF0fe
  • progressBar.background#D6D6E2fe
  • quickInput.background#EAEAF0fe
  • quickInput.foreground#3F3FCAae
  • quickInputList.focusBackground#AA9686a7
  • quickInputList.focusForeground#9B66EBfe
  • quickInputList.focusIconForeground#642ABCfe
  • quickInputTitle.background#EFEFF4fe
  • sash.hoverBorder#EFEFF4fe
  • scrollbar.shadow#F9FBFA00
  • scrollbarSlider.activeBackground#72729Cfe
  • scrollbarSlider.background#9A9AB8ae
  • scrollbarSlider.hoverBackground#C2C2D46e
  • search.resultsInfoForeground#3E3ECCce
  • searchEditor.findMatchBackground#AE9B8Ba1
  • searchEditor.findMatchBorder#EFEFF4fe
  • searchEditor.textInputBorder#EFEFF4fe
  • selection.background#D6D6E2fe
  • settings.checkboxBackground#EFEFF4fe
  • settings.checkboxBorder#EFEFF4fe
  • settings.checkboxForeground#3E3ECCce
  • settings.dropdownBackground#EFEFF4fe
  • settings.dropdownBorder#EFEFF4fe
  • settings.dropdownForeground#3E3ECCce
  • settings.dropdownListBorder#EFEFF4fe
  • settings.focusedRowBackground#AA868E8b
  • settings.focusedRowBorder#EFEFF4fe
  • settings.headerBorder#EFEFF4fe
  • settings.headerForeground#3E3ECCce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#EFEFF4fe
  • settings.numberInputBorder#EFEFF4fe
  • settings.numberInputForeground#3E3ECCce
  • settings.rowHoverBackground#D6D6E2fe
  • settings.sashBorder#EFEFF4fe
  • settings.settingsHeaderHoverForeground#9B66ECfe
  • settings.textInputBackground#EFEFF4fe
  • settings.textInputBorder#EFEFF4fe
  • settings.textInputForeground#3E3ECCce
  • sideBar.background#D6D6E2fe
  • sideBar.border#EFEFF4fe
  • sideBar.dropBackground#D6D6E2fe
  • sideBar.foreground#2B2BF5ae
  • sideBarSectionHeader.background#F9FBFB00
  • sideBarSectionHeader.border#EFEFF4fe
  • sideBarSectionHeader.foreground#3E3ECCce
  • sideBarTitle.foreground#3E3ECCce
  • sideBySideEditor.horizontalBorder#EFEFF4fe
  • sideBySideEditor.verticalBorder#EFEFF4fe
  • simpleFindWidget.sashBorder#EFEFF4fe
  • statusBar.background#EAEAF0fe
  • statusBar.border#EFEFF4fe
  • statusBar.debuggingBackground#FEB5FEca
  • statusBar.debuggingBorder#EFEFF4fe
  • statusBar.debuggingForeground#3E3ECCce
  • statusBar.focusBorder#F7F4F500
  • statusBar.foreground#4949686e
  • statusBar.noFolderBackground#EAEAF0fe
  • statusBar.noFolderBorder#EFEFF4fe
  • statusBar.noFolderForeground#3E3ECCce
  • statusBarItem.activeBackground#EAEAF0fe
  • statusBarItem.compactHoverBackground#EAEAF0fe
  • statusBarItem.errorBackground#FEB5FEb5
  • statusBarItem.errorForeground#980098ce
  • statusBarItem.errorHoverBackground#FEB5FEc2
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#F4F4F700
  • statusBarItem.hoverBackground#EAEAF0fe
  • statusBarItem.hoverForeground#5D29ACfe
  • statusBarItem.offlineBackground#EAEAF0fe
  • statusBarItem.offlineForeground#3E3ECCce
  • statusBarItem.offlineHoverBackground#EAEAF0fe
  • statusBarItem.offlineHoverForeground#6129B4fe
  • statusBarItem.prominentBackground#EAEAF0fe
  • statusBarItem.prominentForeground#3E3ECCce
  • statusBarItem.prominentHoverBackground#EAEAF0fe
  • statusBarItem.prominentHoverForeground#5A28A3fe
  • statusBarItem.remoteBackground#56289Bfe
  • statusBarItem.remoteForeground#EAEAF0fe
  • statusBarItem.remoteHoverBackground#EAEAF0fe
  • statusBarItem.remoteHoverForeground#5A28A3fe
  • statusBarItem.warningBackground#E6BE00fe
  • statusBarItem.warningForeground#645300ce
  • statusBarItem.warningHoverBackground#E6BE00fe
  • statusBarItem.warningHoverForeground#9B8000ce
  • symbolIcon.arrayForeground#3E3EC6fe
  • symbolIcon.booleanForeground#005E5Ece
  • symbolIcon.classForeground#32595Cfe
  • symbolIcon.colorForeground#753D84fe
  • symbolIcon.constantForeground#345C3Dfe
  • symbolIcon.constructorForeground#304345fe
  • symbolIcon.enumeratorForeground#345D3Efe
  • symbolIcon.enumeratorMemberForeground#305D3Bfe
  • symbolIcon.eventForeground#4141BEfe
  • symbolIcon.fieldForeground#8A3A4Cfe
  • symbolIcon.fileForeground#694E38fe
  • symbolIcon.folderForeground#45582Dfe
  • symbolIcon.functionForeground#743F82fe
  • symbolIcon.interfaceForeground#694E38fe
  • symbolIcon.keyForeground#2E5C38fe
  • symbolIcon.keywordForeground#843D4Dfe
  • symbolIcon.methodForeground#3F3FC6fe
  • symbolIcon.moduleForeground#3E3EC6fe
  • symbolIcon.namespaceForeground#2E5C38fe
  • symbolIcon.nullForeground#4242BAfe
  • symbolIcon.numberForeground#325A5Efe
  • symbolIcon.objectForeground#6A4E35fe
  • symbolIcon.operatorForeground#873C4Ffe
  • symbolIcon.packageForeground#6B4F33fe
  • symbolIcon.propertyForeground#315A3Afe
  • symbolIcon.referenceForeground#315A3Afe
  • symbolIcon.snippetForeground#674F39fe
  • symbolIcon.stringForeground#8A3649fe
  • symbolIcon.structForeground#733F7Ffe
  • symbolIcon.textForeground#48592Ffe
  • symbolIcon.typeParameterForeground#30595Dfe
  • symbolIcon.unitForeground#7B378Efe
  • symbolIcon.variableForeground#8E3741fe
  • tab.activeBackground#E5E5EDfe
  • tab.activeBorder#F9FBFB00
  • tab.activeBorderTop#9B65EBfe
  • tab.activeForeground#9A67EBfe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#FAFBF900
  • tab.hoverBackground#3636E16e
  • tab.hoverBorder#EFEFF4fe
  • tab.hoverForeground#5D29ACfe
  • tab.inactiveBackground#C2C2D49d
  • tab.inactiveForeground#7676E265
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#EFEFF4fe
  • tab.unfocusedActiveBackground#C7C7D833
  • tab.unfocusedActiveBorder#F9FBFA00
  • tab.unfocusedActiveBorderTop#BDBDF965
  • tab.unfocusedActiveForeground#7777E165
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#3434E26e
  • tab.unfocusedHoverBorder#C7C7D82c
  • tab.unfocusedHoverForeground#7676DE65
  • tab.unfocusedInactiveBackground#B3B3CA9a
  • tab.unfocusedInactiveForeground#7878E065
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333ba
  • 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#670067ba
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececec8
  • terminal.ansiYellow#c4a200fe
  • terminal.background#D6D6E2fe
  • terminal.border#EFEFF4fe
  • terminal.dropBackground#D6D6E2fe
  • terminal.findMatchBackground#D6D6E2fe
  • terminal.findMatchBorder#EFEFF4fe
  • terminal.findMatchHighlightBackground#D6D6E2fe
  • terminal.findMatchHighlightBorder#EFEFF4fe
  • terminal.foreground#2B2BF5ae
  • terminal.hoverHighlightBackground#D6D6E2fe
  • terminal.inactiveSelectionBackground#B8B8CD99
  • terminal.selectionBackground#B19F9084
  • terminal.selectionForeground#3E3EC7ca
  • terminal.tab.activeBorder#9A67EBfe
  • terminalCommandDecoration.defaultBackground#425C20ab
  • terminalCommandDecoration.errorBackground#AD0000cb
  • terminalCommandDecoration.successBackground#17601Acb
  • terminalCursor.background#D6D6E2fe
  • terminalCursor.foreground#5D29ACfe
  • terminalOverviewRuler.cursorForeground#3E3ECCce
  • terminalOverviewRuler.findMatchForeground#005E5Ece
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c5
  • testing.iconUnset#8080809c
  • testing.message.error.decorationForeground#522793fe
  • testing.message.error.lineBackground#FEB5FEbd
  • testing.message.info.decorationForeground#4F268Bfe
  • testing.message.info.lineBackground#BABAFFfe
  • testing.peekBorder#EFEFF4fe
  • testing.peekHeaderBackground#D6D6E2fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#D6D6E2fe
  • textBlockQuote.border#EFEFF4fe
  • textCodeBlock.background#D6D6E2fe
  • textLink.activeForeground#5D29ACfe
  • textLink.foreground#460CFEce
  • textPreformat.foreground#3E3ECCce
  • textSeparator.foreground#3E3ECCce
  • titleBar.activeBackground#EAEAF0fe
  • titleBar.activeForeground#7676E9ae
  • titleBar.border#FAFBF900
  • titleBar.inactiveBackground#C2C2D4d7
  • titleBar.inactiveForeground#7676E265
  • toolbar.activeBackground#B1C89388
  • toolbar.hoverBackground#D6D6E2fe
  • toolbar.hoverOutline#F7F4F500
  • tree.inactiveIndentGuidesStroke#4A3E3435
  • tree.indentGuidesStroke#5A28A3fe
  • tree.tableColumnsBorder#EFEFF4fe
  • tree.tableOddRowsBackground#D6D6E2fe
  • walkThrough.embeddedEditorBackground#D6D6E2fe
  • walkthrough.stepTitle.foreground#3E3ECCce
  • welcomePage.background#D6D6E2fe
  • welcomePage.progress.background#D6D6E2fe
  • welcomePage.progress.foreground#3E3ECCce
  • welcomePage.tileBackground#D6D6E2fe
  • welcomePage.tileBorder#EFEFF4fe
  • welcomePage.tileHoverBackground#D6D6E2fe
  • widget.border#EFEFF4fe
  • widget.shadow#F9FBFA00
  • window.activeBorder#EFEFF4fe
  • window.inactiveBorder#C2C2D498

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#3737B46e
comment.block.html#3737B66e
comment.block.java#3737B46e
comment.block.javadoc.java#3737B46e
comment.block.powershell#3737B46e
comment.block.xml#3737B66e
comment.line.double-slash.c#3939B06e
comment.line.double-slash.cpp#3939B06e
comment.line.double-slash.java#3737B46e
comment.line.double-slash.js#3737B46e
comment.line.number-sign.makefile#3737B66e
comment.line.number-sign.python#3737B66e
comment.line.number-sign.yaml#3737B46e
comment.line.percentage.erlang#3737B46e
comment.line.powershell#3737B46e
comment.source.cmake#3737B66e
comment.source.cmakecache#3737B66e
constant.character#7F2568de
constant.character.character-class.regexp#08503Dde
constant.character.escape#135609de
constant.character.set.regexp#7E2565de
constant.language#09376Cde
constant.numeric#5D28ABde
constant.numeric.dec.python#0A4991de
constant.other.caps.python#5E28ADde
constant.other.character-class.regexp#1E3857de
constant.other.character-class.set.regexp#424242de
constant.other.color.rgb-value#13550Ade
constant.other.placeholder#4A4A4Ade
constant.other.rgb-value#474747de
constant.regexp#7E2364de
constant.sha.git-rebase#5C29ADde
emphasis#494949de
entity.name.class#96130Ade
entity.name.function#951107de
entity.name.function.preprocessor#5E1F4Dde
entity.name.function.python#234A78de
entity.name.label#234A78de
entity.name.namespace#4A4A4Ade
entity.name.operator#74235Fde
entity.name.operator.custom-literal#4A4A4Ade
entity.name.scope-resolution#0A5541de
entity.name.tag#7C2465de
entity.name.tag.css#0A3B73de
entity.name.type#234B7Adebold
entity.name.variable#802466de
entity.other.attribute#20491Ade
entity.other.attribute-name#244977de
entity.other.attribute-name.class.css#961209de
entity.other.attribute-name.class.mixin.css#494949de
entity.other.attribute-name.id#5E231Fde
entity.other.attribute-name.id.css#074A38de
entity.other.attribute-name.parent-selector.css#8E0468de
entity.other.attribute-name.pseudo-class.css#96130Ade
entity.other.attribute-name.pseudo-element.css#4A4A4Ade
entity.other.attribute-name.scss#8E086Ade
entity.other.document.begin.yaml#3737B66e
entity.other.inherited-class#951107de
header#145409de
invalid#4A4A4Ade
keyword#5E231Fdebold
keyword.codetag.notation.python#5703D6debold
keyword.control#951108debold
keyword.control.anchor.regexp#393939debold
keyword.control.import.python#742923debold
keyword.operator#5C29ADdebold
keyword.operator.alignas#13550Adebold
keyword.operator.alignof#115705debold
keyword.operator.cast#970E04debold
keyword.operator.delete#424242debold
keyword.operator.documentation.powershell#3939B06ebold
keyword.operator.expression#802466debold
keyword.operator.instanceof#234B79debold
keyword.operator.logical.python#842A24debold
keyword.operator.minus.exponent#115606debold
keyword.operator.negation.regexp#4A4A4Adebold
keyword.operator.new#4A4A4Adebold
keyword.operator.noexcept#5D29ABdebold
keyword.operator.or.regexp#8E0468debold
keyword.operator.plus.exponent#8E076Bdebold
keyword.operator.quantifier.regexp#125608debold
keyword.operator.sizeof#083972debold
keyword.operator.typeid#8D0569debold
keyword.operator.wordlike#7C2465debold
keyword.other.operator#4A4A4Adebold
keyword.other.package.java#145609debold
keyword.other.unit#5C29ADdebold
keyword.other.using#7E2364debold
markup.bold#5703D6de
markup.changed#145609de
markup.deleted#941309de
markup.fenced_code.block.markdown#22456Dde
markup.heading#8E086Ade
markup.inline.raw#07366Dde
markup.inserted#145409de
markup.italic#5C29ADde
markup.raw.block.markdown#951108de
markup.strikethrough#4A4A4Ade
markup.underline#4A4A4Ade
meta.block.c#8C0768de
meta.block.c#8C0A69de
meta.class.java#424242de
meta.definition.variable.name#494949de
meta.diff.header#145609de
meta.embedded#5805D4de
meta.embedded.assembly#20491Ade
meta.function-call.arguments.python#4F268Bde
meta.function-call.python#951108de
meta.member.access.python#5D28ABde
meta.method.java#842A24de
meta.object-literal.key#8E086Ade
meta.paragraph.markdown#20491Ade
meta.preprocessor#970E04de
meta.preprocessor.numeric#7C2A24de
meta.preprocessor.string#095541de
meta.scope.prerequisites.makefile#095340de
meta.structure.dictionary.json.comments#3737B46e
meta.structure.dictionary.key.python#4A4A4Ade
meta.structure.dictionary.value.json.comments#3939B06e
meta.template.expression#47247Cde
meta.type.cast.expr#234A78debold
meta.type.new.expr#94130Adebold
parameter#970E04de
punctuation.character.set.begin.regexp#095541de
punctuation.character.set.end.regexp#234A78de
punctuation.definition.array.begin.json#4A4A4Ade
punctuation.definition.character-class.regexp#862A25de
punctuation.definition.comment#3737B46e
punctuation.definition.comment.json.comments#3737B66e
punctuation.definition.comment.python#3737B46e
punctuation.definition.dictionary.begin.json#5E231Fde
punctuation.definition.dictionary.end.json#13550Ade
punctuation.definition.group.assertion.regexp#074A38de
punctuation.definition.group.regexp#4B2584de
punctuation.definition.list.begin.json#4A4A4Ade
punctuation.definition.list.begin.markdown#941309de
punctuation.definition.list.begin.python#244B76de
punctuation.definition.list.end.json#8E0669de
punctuation.definition.list.end.markdown#08356Ade
punctuation.definition.list.end.python#742923de
punctuation.definition.parameters.begin.python#8E0669de
punctuation.definition.parameters.end.bracket.round.java#145409de
punctuation.definition.quote.begin.markdown#832B25de
punctuation.definition.tag#842A24de
punctuation.definition.template-expression.begin#571E48de
punctuation.definition.template-expression.end#970F06de
punctuation.section.class.begin.bracket.curly.java#7C2A24de
punctuation.section.embedded#145409de
punctuation.section.embedded.begin.php#6D2722de
punctuation.section.embedded.end.php#4A4A4Ade
punctuation.terminator.java#842C25de
source.cmake#802466de
source.coffee.embedded#4B2584de
source.cpp#135509de
source.css.less#8B0969de
source.groovy.embedded#0A4991de
source.java#5B29ABde
source.java-properties#5D28ABde
source.json.comments#3737B66e
source.makefile#7F2568de
source.powershell#474747de
source.powershell.variable.other.member#14540Ade
source.python#8B0969de
storage#095541de
storage.modifier#125607de
storage.modifier.import.java#5704D4de
storage.modifier.package.java#8E086Ade
storage.type#494949debold
storage.type.annotation.groovy#1F3D5Edebold
storage.type.annotation.java#095440debold
storage.type.boolean.go#135509debold
storage.type.byte.go#5D29ABdebold
storage.type.cs#4F268Bdebold
storage.type.error.go#7E2565debold
storage.type.generic.cs#095541debold
storage.type.generic.groovy#07366Ddebold
storage.type.generic.java#7E2364debold
storage.type.groovy#0A5440debold
storage.type.java#353535debold
storage.type.modifier.cs#135609debold
storage.type.numeric.go#474747debold
storage.type.object.array.groovy#4A4A4Adebold
storage.type.object.array.java#812468debold
storage.type.parameters.groovy#095541debold
storage.type.primitive.array.groovy#8D086Adebold
storage.type.primitive.array.java#961208debold
storage.type.primitive.groovy#22456Ddebold
storage.type.primitive.java#07366Ddebold
storage.type.rune.go#095541debold
storage.type.string.go#4A4A4Adebold
storage.type.token.java#074132debold
storage.type.uintptr.go#8D0569debold
storage.type.variable.cs#234B7Adebold
string#5B29ABde
string.quoted.docstring.multi.python#3737B46e
string.regexp#424242de
string.tag#5704D4de
string.value#1E4218de
strong#571E48de
support.class#125608de
support.constant.color#571E48de
support.constant.dom#084535de
support.constant.font-name#14560Ade
support.constant.handlebars#09533Fde
support.constant.json#115705de
support.constant.math#214165de
support.constant.media#4A4A4Ade
support.constant.media-type#1F3D5Edebold
support.constant.property-value#135509de
support.function#074A38de
support.function.git-rebase#244977de
support.other.parenthesis.regexp#093C75de
support.type#852B24debold
support.type.property-name#093C75debold
support.type.vendored.property-name#94130Adebold
support.variable#09376Cde
token.debug-token#0A4385de
token.error-token#961208de
token.info-token#5E1F4Dde
token.warn-token#145609de
variable#5700D7de
variable.css#5602D5de
variable.language#083972de
variable.language.wildcard.java#4A4A4Ade
variable.other.constant#5703D6de
variable.other.definition.java#5806D3de
variable.other.enummember#4B2584de
variable.other.less#5D28ABde
variable.other.object.java#125607de
variable.other.object.property.java#5602D5de
variable.parameter.c#5703D6de
variable.parameter.function.language.python#4A4A4Ade
variable.parameter.java#494949de
variable.scss#145609de