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#D8D8E1fe
  • activityBar.activeBackground#D8D8E1fe
  • activityBar.activeBorder#278F9Dfe
  • activityBar.activeFocusBorder#62903400
  • activityBar.background#EBEBF0fe
  • activityBar.border#62903400
  • activityBar.dropBorder#28919Ffe
  • activityBar.foreground#278F9Cfe
  • activityBar.inactiveForeground#7979E065
  • activityBarBadge.background#0A7482fe
  • activityBarBadge.foreground#EBEBF0fe
  • badge.background#0A5059fe
  • badge.foreground#EBEBF0fe
  • banner.background#D8D8E1fe
  • banner.foreground#3E3ECCce
  • banner.iconForeground#365C3Afe
  • breadcrumb.activeSelectionForeground#355E3Aca
  • breadcrumb.background#E7E7ECfe
  • breadcrumb.focusForeground#246F79fe
  • breadcrumb.foreground#3F3FC9ae
  • breadcrumbPicker.background#D8D8E1fe
  • button.background#A3A3B9ae
  • button.border#F7F5F600
  • button.foreground#3E3ECCce
  • button.hoverBackground#9090AAfe
  • button.secondaryBackground#D8D8E1fe
  • button.secondaryForeground#3E3ECCce
  • button.secondaryHoverBackground#D8D8E1fe
  • button.separator#F7F6F500
  • charts.blue#1b1bfffe
  • charts.foreground#3E3ECCce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067bf
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F0F0F3fe
  • chat.slashCommandBackground#D8D8E1fe
  • chat.slashCommandForeground#3E3ECCce
  • checkbox.background#F0F0F3fe
  • checkbox.border#F0F0F3fe
  • checkbox.foreground#3E3ECCce
  • checkbox.selectBackground#F0F0F3fe
  • checkbox.selectBorder#F0F0F3fe
  • commandCenter.activeBackground#E5F3C785
  • commandCenter.activeBorder#F0F0F3fe
  • commandCenter.activeForeground#0A616Cfe
  • commandCenter.background#D8D8E1fe
  • commandCenter.border#F0F0F3fe
  • commandCenter.foreground#3E3ECCce
  • commandCenter.inactiveBorder#DBDBF999
  • commandCenter.inactiveForeground#7979E165
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F5F5F700
  • contrastBorder#F6F7F500
  • debugConsole.errorForeground#b400b4ce
  • debugConsole.infoForeground#3E3ECCce
  • debugConsole.sourceForeground#3E3ECCce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#315959fe
  • debugExceptionWidget.background#670067aa
  • debugExceptionWidget.border#F0F0F3fe
  • debugIcon.breakpointCurrentStackframeForeground#345A5Afe
  • debugIcon.breakpointDisabledForeground#4848B065
  • debugIcon.breakpointForeground#4343BFfe
  • debugIcon.breakpointStackframeForeground#6A5035fe
  • debugIcon.breakpointUnverifiedForeground#67513Ffe
  • debugIcon.continueForeground#793A86fe
  • debugIcon.disconnectForeground#395959fe
  • debugIcon.pauseForeground#833E55fe
  • debugIcon.restartForeground#64513Bfe
  • debugIcon.startForeground#7E4356fe
  • debugIcon.stepBackForeground#6A5035fe
  • debugIcon.stepIntoForeground#395D40fe
  • debugIcon.stepOutForeground#4242C5fe
  • debugIcon.stepOverForeground#4242C5fe
  • debugIcon.stopForeground#8A3B55fe
  • debugTokenExpression.boolean#17171Eca
  • debugTokenExpression.error#14141Bca
  • debugTokenExpression.name#161C17ca
  • debugTokenExpression.number#23261Eca
  • debugTokenExpression.value#1A1C16ca
  • debugToolBar.background#6700679a
  • debugToolBar.border#F0F0F3fe
  • debugView.exceptionLabelBackground#FBEDFEca
  • debugView.exceptionLabelForeground#7B3B86ca
  • debugView.stateLabelBackground#FEF1F7ca
  • debugView.stateLabelForeground#335D39ca
  • debugView.valueChangedHighlight#17171Eca
  • descriptionForeground#3E3ECCce
  • diffEditor.border#F5F7F500
  • diffEditor.diagonalFill#000000f9
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#39853dfb
  • diffEditor.insertedTextBorder#F5F7F700
  • diffEditor.move.border#F7F5F600
  • diffEditor.moveActive.border#F5F7F500
  • diffEditor.removedLineBackground#ff9a9a31
  • diffEditor.removedTextBackground#e60000fb
  • diffEditor.removedTextBorder#F5F7F700
  • diffEditor.unchangedCodeBackground#D8D8E1fe
  • diffEditor.unchangedRegionBackground#D8D8E1fe
  • diffEditor.unchangedRegionForeground#3E3ECCce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#3F3F5265
  • dropdown.background#F0F0F3fe
  • dropdown.border#F0F0F3fe
  • dropdown.foreground#3E3ECCce
  • dropdown.listBackground#F0F0F3fe
  • editor.background#D8D8E1fe
  • editor.findMatchBackground#9F9FB5a7
  • editor.findMatchBorder#F0F0F3fe
  • editor.findMatchHighlightBackground#9DA48Da7
  • editor.findMatchHighlightBorder#F0F0F3fe
  • editor.findRangeHighlightBackground#9595AEa7
  • editor.findRangeHighlightBorder#F0F0F3fe
  • editor.focusedStackFrameHighlightBackground#A896AC86
  • editor.foldBackground#992850a8
  • editor.foreground#3E3ECCce
  • editor.hoverHighlightBackground#99849Da6
  • editor.inactiveSelectionBackground#BBBBCB91
  • editor.inlineValuesBackground#D8D8E1fe
  • editor.inlineValuesForeground#3E3ECCce
  • editor.lineHighlightBackground#B7B7C7b2
  • editor.lineHighlightBorder#F7F5F700
  • editor.linkedEditingBackground#D8D8E1fe
  • editor.rangeHighlightBackground#88A1A1a9
  • editor.rangeHighlightBorder#F0F0F3fe
  • editor.selectionBackground#9595AEa8
  • editor.selectionForeground#7B3B86ca
  • editor.selectionHighlightBackground#8DA4A485
  • editor.selectionHighlightBorder#F0F0F3fe
  • editor.snippetFinalTabstopHighlightBackground#A4998Daa
  • editor.snippetFinalTabstopHighlightBorder#F0F0F3fe
  • editor.snippetTabstopHighlightBackground#8787A3a4
  • editor.snippetTabstopHighlightBorder#F0F0F3fe
  • editor.stackFrameHighlightBackground#8DA4A4a1
  • editor.symbolHighlightBackground#A8A8BCa3
  • editor.symbolHighlightBorder#F0F0F3fe
  • editor.wordHighlightBackground#A48D95a4
  • editor.wordHighlightBorder#F5F5F700
  • editor.wordHighlightStrongBackground#ADB3A0aa
  • editor.wordHighlightStrongBorder#F5F7F500
  • editor.wordHighlightTextBackground#ADADC0ac
  • editor.wordHighlightTextBorder#F6F7F500
  • editorBracketHighlight.foreground1#0A0A0Ece
  • editorBracketHighlight.foreground2#0A0A0Ece
  • editorBracketHighlight.foreground3#0A0A0Ece
  • editorBracketHighlight.foreground4#0A0A0Ece
  • editorBracketHighlight.foreground5#0A0A0Ece
  • editorBracketHighlight.foreground6#0A0A0Ece
  • editorBracketHighlight.unexpectedBracket.foreground#3E3ECCce
  • editorBracketMatch.background#225E5Eac
  • editorBracketMatch.border#F0F0F3fe
  • editorBracketPairGuide.activeBackground1#88289D84
  • editorBracketPairGuide.activeBackground2#724C2685
  • editorBracketPairGuide.activeBackground3#245B5B8d
  • editorBracketPairGuide.activeBackground4#205C5C85
  • editorBracketPairGuide.activeBackground5#485B228d
  • editorBracketPairGuide.activeBackground6#23602D8d
  • editorBracketPairGuide.background1#FAE0C5fe
  • editorBracketPairGuide.background2#F5CBFCfe
  • editorBracketPairGuide.background3#A5D65Bfe
  • editorBracketPairGuide.background4#F7B2C7fe
  • editorBracketPairGuide.background5#CBE97Ffe
  • editorBracketPairGuide.background6#FEF5F8fe
  • editorCodeLens.foreground#51516A6e
  • editorCommentsWidget.rangeActiveBackground#3939D7fe
  • editorCommentsWidget.rangeBackground#D8D8E1fe
  • editorCommentsWidget.resolvedBorder#F0F0F3fe
  • editorCommentsWidget.unresolvedBorder#ff6a6acb
  • editorCursor.background#D8D8E1fe
  • editorCursor.foreground#0A5059fe
  • editorError.background#F5F7F500
  • editorError.border#F7F6F500
  • editorError.foreground#b400b4ce
  • editorGhostText.background#D8D8E1fe
  • editorGhostText.border#F5F5F700
  • editorGhostText.foreground#46465C6e
  • editorGroup.border#F0F0F3fe
  • editorGroup.dropBackground#D8D8E1fe
  • editorGroup.dropIntoPromptBackground#D8D8E1fe
  • editorGroup.dropIntoPromptBorder#F0F0F3fe
  • editorGroup.dropIntoPromptForeground#3E3ECCce
  • editorGroup.emptyBackground#D8D8E1fe
  • editorGroup.focusedEmptyBorder#F0F0F3fe
  • editorGroupHeader.border#F7F6F500
  • editorGroupHeader.noTabsBackground#EBEBF0ae
  • editorGroupHeader.tabsBackground#D3D3DDa1
  • editorGroupHeader.tabsBorder#F5F5F700
  • editorGutter.addedBackground#39853dfb
  • editorGutter.background#D8D8E1fe
  • editorGutter.commentGlyphForeground#3E3ECCce
  • editorGutter.commentRangeForeground#3E3ECCce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#ff6a6acb
  • editorGutter.foldingControlForeground#3E3ECCce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#F6F7F500
  • editorHint.foreground#8e6affce
  • editorHoverWidget.background#F0F0F3fe
  • editorHoverWidget.border#F0F0F3fe
  • editorHoverWidget.foreground#3E3ECCce
  • editorHoverWidget.highlightForeground#4E5932ca
  • editorHoverWidget.statusBarBackground#D8D8E1fe
  • editorIndentGuide.activeBackground1#1717FDfe
  • editorIndentGuide.activeBackground2#0E0ECAfe
  • editorIndentGuide.activeBackground3#1717FDfe
  • editorIndentGuide.activeBackground4#1111C4fe
  • editorIndentGuide.activeBackground5#1111C4fe
  • editorIndentGuide.activeBackground6#1111C4fe
  • editorIndentGuide.background1#38474735
  • editorIndentGuide.background2#57475A35
  • editorIndentGuide.background3#4F554435
  • editorIndentGuide.background4#604F6335
  • editorIndentGuide.background5#5F554B35
  • editorIndentGuide.background6#475A4A35
  • editorInfo.background#F7F6F500
  • editorInfo.border#F7F6F500
  • editorInfo.foreground#8e6affce
  • editorInlayHint.background#D8D8E1fe
  • editorInlayHint.foreground#3E3ECCce
  • editorInlayHint.parameterBackground#D8D8E1fe
  • editorInlayHint.parameterForeground#3E3ECCce
  • editorInlayHint.typeBackground#D8D8E1fe
  • editorInlayHint.typeForeground#3E3ECCce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#278490fe
  • editorLineNumber.dimmedForeground#46465C6e
  • editorLineNumber.foreground#4E4E656e
  • editorLink.activeForeground#0A616Cfe
  • editorMarkerNavigation.background#F0F0F3fe
  • editorMarkerNavigationError.background#670067b4
  • editorMarkerNavigationError.headerBackground#670067a9
  • editorMarkerNavigationInfo.background#1b1bfffe
  • editorMarkerNavigationInfo.headerBackground#1b1bfffe
  • editorMarkerNavigationWarning.background#c4a200fe
  • editorMarkerNavigationWarning.headerBackground#c4a200fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#D8D8E1fe
  • editorOverviewRuler.border#E8E8FDfe
  • editorOverviewRuler.bracketMatchForeground#3E3ECCce
  • editorOverviewRuler.commentForeground#4E4E656e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#3E3ECCce
  • editorOverviewRuler.currentContentForeground#cececec0
  • editorOverviewRuler.deletedForeground#ff6a6acb
  • editorOverviewRuler.errorForeground#b400b4ce
  • editorOverviewRuler.findMatchForeground#00a5a5ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#8e6affce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#315959ca
  • editorOverviewRuler.selectionHighlightForeground#8e6affce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#4242C5ca
  • editorOverviewRuler.wordHighlightStrongForeground#3E3ECCce
  • editorOverviewRuler.wordHighlightTextForeground#3E3ECCce
  • editorPane.background#D8D8E1fe
  • editorRuler.foreground#3939DD36
  • editorStickyScroll.background#D8D8E1fe
  • editorStickyScroll.shadow#F5F5F700
  • editorStickyScrollHover.background#E9E9FDfe
  • editorSuggestWidget.background#F0F0F3fe
  • editorSuggestWidget.border#F5F7F700
  • editorSuggestWidget.focusHighlightForeground#449351fe
  • editorSuggestWidget.foreground#325C5Cfe
  • editorSuggestWidget.highlightForeground#4040C7ca
  • editorSuggestWidget.selectedBackground#B1B7A588
  • editorSuggestWidget.selectedForeground#315959ca
  • editorSuggestWidget.selectedIconForeground#4040C7ca
  • editorSuggestWidgetStatus.foreground#4444BFfe
  • editorUnicodeHighlight.background#B3A0A6a9
  • editorUnicodeHighlight.border#F0F0F3fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F5F7F500
  • editorWarning.border#F7F5F700
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#3E3ECCce
  • editorWidget.background#F0F0F3fe
  • editorWidget.border#F0F0F3fe
  • editorWidget.foreground#3E3ECCce
  • editorWidget.resizeBorder#F0F0F3fe
  • errorForeground#b400b4ce
  • extensionBadge.remoteBackground#0A6671fe
  • extensionBadge.remoteForeground#EBEBF0fe
  • extensionButton.background#E6E6FDae
  • extensionButton.foreground#3E3ECCce
  • extensionButton.hoverBackground#EFEFFEfe
  • extensionButton.prominentBackground#D8D8E1fe
  • extensionButton.prominentForeground#3E3ECCce
  • extensionButton.prominentHoverBackground#D8D8E1fe
  • extensionButton.separator#F7F5F700
  • extensionIcon.preReleaseForeground#67513Ffe
  • extensionIcon.sponsorForeground#743E83fe
  • extensionIcon.starForeground#6B5036fe
  • extensionIcon.verifiedForeground#3A5C40fe
  • focusBorder#F5F7F700
  • foreground#3E3ECCce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#ff6a6acb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#8e6affce
  • gitDecoration.stageDeletedResourceForeground#ff6a6acb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00a5a5ce
  • icon.foreground#2D2DF5ae
  • inlineChat.background#ECFCD0ca
  • inlineChat.border#FBDEC2ca
  • inlineChat.regionHighlight#251E26ca
  • inlineChat.shadow#1D1A17ca
  • inlineChatDiff.inserted#23261Eca
  • inlineChatDiff.removed#1A1A22ca
  • inlineChatInput.background#171D1Dca
  • inlineChatInput.border#C3C3FBca
  • inlineChatInput.focusBorder#F7F5F700
  • inlineChatInput.placeholderForeground#345A5Aca
  • input.background#F0F0F3fe
  • input.border#F0F0F3fe
  • input.foreground#3E3ECCce
  • input.placeholderForeground#3F3F5265
  • inputOption.activeBackground#F0F0F3fe
  • inputOption.activeBorder#F0F0F3fe
  • inputOption.activeForeground#0A7482fe
  • inputOption.hoverBackground#F0F0F3fe
  • inputValidation.errorBackground#670067c7
  • inputValidation.errorBorder#670067b9
  • inputValidation.errorForeground#b400b4ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F0F0F3fe
  • inputValidation.infoForeground#3E3ECCce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F0F0F3fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#F0F0F3fe
  • interactive.inactiveCodeBorder#C5C5D295
  • keybindingLabel.background#D8D8E1fe
  • keybindingLabel.border#F0F0F3fe
  • keybindingLabel.bottomBorder#F0F0F3fe
  • keybindingLabel.foreground#3E3ECCce
  • keybindingTable.headerBackground#D8D8E1fe
  • keybindingTable.rowsBackground#D8D8E1fe
  • list.activeSelectionBackground#AEBFB18d
  • list.activeSelectionForeground#793A86ca
  • list.activeSelectionIconForeground#4040C7ca
  • list.deemphasizedForeground#3E3ECCce
  • list.dropBackground#D8D8E1fe
  • list.errorForeground#b400b4ce
  • list.filterMatchBackground#D8D8E1fe
  • list.filterMatchBorder#F0F0F3fe
  • list.focusAndSelectionOutline#F5F7F500
  • list.focusBackground#C5C5D297
  • list.focusForeground#0A7482fe
  • list.focusHighlightForeground#7878E8fe
  • list.focusOutline#F5F7F500
  • list.highlightForeground#325C5Cca
  • list.hoverBackground#DEDEFCfe
  • list.hoverForeground#0A7482fe
  • list.inactiveFocusBackground#B7B7C79b
  • list.inactiveFocusOutline#F6F7F500
  • list.inactiveSelectionBackground#EBEBF0ae
  • list.inactiveSelectionForeground#43435765
  • list.inactiveSelectionIconForeground#4949A965
  • list.invalidItemForeground#3E3ECCce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#D8D8E1fe
  • listFilterWidget.noMatchesOutline#F6F7F500
  • listFilterWidget.outline#F5F7F500
  • listFilterWidget.shadow#F7F5F700
  • menu.background#EBEBF0fe
  • menu.border#F7F5F600
  • menu.foreground#3F3FC9ae
  • menu.selectionBackground#82829Fa9
  • menu.selectionBorder#F5F7F500
  • menu.selectionForeground#278490fe
  • menu.separatorBackground#C4C4FA65
  • menubar.selectionBackground#82829Fa4
  • menubar.selectionBorder#F7F6F500
  • menubar.selectionForeground#267D88fe
  • merge.border#F0F0F3fe
  • merge.commonContentBackground#D8D8E1fe
  • merge.commonHeaderBackground#D8D8E1fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#39853dfb
  • merge.incomingContentBackground#8acd8dcb
  • merge.incomingHeaderBackground#39853dfb
  • mergeEditor.change.background#D8D8E1fe
  • mergeEditor.change.word.background#D8D8E1fe
  • mergeEditor.changeBase.background#D8D8E1fe
  • mergeEditor.changeBase.word.background#D8D8E1fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F0F0F3fe
  • mergeEditor.conflict.handledUnfocused.border#CFCFDA22
  • mergeEditor.conflict.input1.background#F0F0F3fe
  • mergeEditor.conflict.input2.background#F0F0F3fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#6700679f
  • mergeEditor.conflict.unhandledFocused.border#F0F0F3fe
  • mergeEditor.conflict.unhandledUnfocused.border#CACAD62d
  • mergeEditor.conflictingLines.background#D8D8E1fe
  • minimap.background#D8D8E1fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0A0A0Ece
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#39853dfb
  • minimapGutter.deletedBackground#e60000fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#747494fe
  • minimapSlider.background#ADADC0ae
  • minimapSlider.hoverBackground#ADADC0fe
  • notebook.cellBorderColor#F0F0F3fe
  • notebook.cellEditorBackground#D8D8E1fe
  • notebook.cellHoverBackground#D8D8E1fe
  • notebook.cellInsertionIndicator#1A1715ca
  • notebook.cellStatusBarItemHoverBackground#D8D8E1fe
  • notebook.cellToolbarSeparator#23261Eca
  • notebook.editorBackground#D8D8E1fe
  • notebook.focusedCellBackground#D8D8E1fe
  • notebook.focusedCellBorder#0A6671fe
  • notebook.focusedEditorBorder#F0F0F3fe
  • notebook.inactiveFocusedCellBorder#7D7D9B8e
  • notebook.inactiveSelectedCellBorder#7878988e
  • notebook.outputContainerBackgroundColor#D8D8E1fe
  • notebook.outputContainerBorderColor#F0F0F3fe
  • notebook.selectedCellBackground#D8D8E1fe
  • notebook.selectedCellBorder#F0F0F3fe
  • notebook.symbolHighlightBackground#D8D8E1fe
  • notebookEditorOverviewRuler.runningCellForeground#3E3ECCce
  • notebookScrollbarSlider.activeBackground#7D7D9Bfe
  • notebookScrollbarSlider.background#9A9AB1ae
  • notebookScrollbarSlider.hoverBackground#8C8CA6fe
  • notebookStatusErrorIcon.foreground#b400b4ce
  • notebookStatusRunningIcon.foreground#4545B7fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#F0F0F3fe
  • notificationCenterHeader.background#D8D8E1fe
  • notificationCenterHeader.foreground#3E3ECCce
  • notificationLink.foreground#3E3ECCce
  • notifications.background#D8D8E1fe
  • notifications.border#F0F0F3fe
  • notifications.foreground#3E3ECCce
  • notificationsErrorIcon.foreground#b400b4ce
  • notificationsInfoIcon.foreground#355858fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#F0F0F3fe
  • panel.background#D8D8E1fe
  • panel.border#F0F0F3fe
  • panel.dropBorder#F0F0F3fe
  • panelInput.border#F0F0F3fe
  • panelSection.border#F0F0F3fe
  • panelSection.dropBackground#D8D8E1fe
  • panelSectionHeader.background#D8D8E1fe
  • panelSectionHeader.border#F0F0F3fe
  • panelSectionHeader.foreground#3E3ECCce
  • panelTitle.activeBorder#F7F6F500
  • panelTitle.activeForeground#278F9Efe
  • panelTitle.inactiveForeground#7979E165
  • peekView.border#298F9Dfe
  • peekViewEditor.background#F0F0F3fe
  • peekViewEditor.matchHighlightBackground#AEBFB185
  • peekViewEditor.matchHighlightBorder#F5F5F700
  • peekViewEditorGutter.background#F0F0F3fe
  • peekViewEditorStickyScroll.background#D8D8E1fe
  • peekViewResult.background#EBEBF0fe
  • peekViewResult.fileForeground#3E3ECCce
  • peekViewResult.lineForeground#3E3ECCce
  • peekViewResult.matchHighlightBackground#A89D9288
  • peekViewResult.selectionBackground#B3A0A688
  • peekViewResult.selectionForeground#325959ca
  • peekViewTitle.background#EBEBF0fe
  • peekViewTitleDescription.foreground#3E3ECCce
  • peekViewTitleLabel.foreground#3E3ECCce
  • pickerGroup.border#F0F0F3fe
  • pickerGroup.foreground#3E3ECCce
  • ports.iconRunningProcessForeground#694F39fe
  • problemsErrorIcon.foreground#b400b4ce
  • problemsInfoIcon.foreground#8e6affce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#0A6671fe
  • profileBadge.foreground#EBEBF0fe
  • progressBar.background#D8D8E1fe
  • quickInput.background#EBEBF0fe
  • quickInput.foreground#3F3FC9ae
  • quickInputList.focusBackground#BCAEBFa4
  • quickInputList.focusForeground#257680fe
  • quickInputList.focusIconForeground#0A6671fe
  • quickInputTitle.background#F0F0F3fe
  • sash.hoverBorder#F0F0F3fe
  • scrollbar.shadow#F6F7F500
  • scrollbarSlider.activeBackground#6B6B8Cfe
  • scrollbarSlider.background#9A9AB1ae
  • scrollbarSlider.hoverBackground#A3A3B9fe
  • search.resultsInfoForeground#3E3ECCce
  • searchEditor.findMatchBackground#B9BFAEae
  • searchEditor.findMatchBorder#F0F0F3fe
  • searchEditor.textInputBorder#F0F0F3fe
  • selection.background#D8D8E1fe
  • settings.checkboxBackground#F0F0F3fe
  • settings.checkboxBorder#F0F0F3fe
  • settings.checkboxForeground#3E3ECCce
  • settings.dropdownBackground#F0F0F3fe
  • settings.dropdownBorder#F0F0F3fe
  • settings.dropdownForeground#3E3ECCce
  • settings.dropdownListBorder#F0F0F3fe
  • settings.focusedRowBackground#B09BA28d
  • settings.focusedRowBorder#F0F0F3fe
  • settings.headerBorder#F0F0F3fe
  • settings.headerForeground#3E3ECCce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F0F0F3fe
  • settings.numberInputBorder#F0F0F3fe
  • settings.numberInputForeground#3E3ECCce
  • settings.rowHoverBackground#D8D8E1fe
  • settings.sashBorder#F0F0F3fe
  • settings.settingsHeaderHoverForeground#0A6671fe
  • settings.textInputBackground#F0F0F3fe
  • settings.textInputBorder#F0F0F3fe
  • settings.textInputForeground#3E3ECCce
  • sideBar.background#D8D8E1fe
  • sideBar.border#F0F0F3fe
  • sideBar.dropBackground#D8D8E1fe
  • sideBar.foreground#2D2DF5ae
  • sideBarSectionHeader.background#F7F5F700
  • sideBarSectionHeader.border#F0F0F3fe
  • sideBarSectionHeader.foreground#3E3ECCce
  • sideBarTitle.foreground#3E3ECCce
  • sideBySideEditor.horizontalBorder#F0F0F3fe
  • sideBySideEditor.verticalBorder#F0F0F3fe
  • simpleFindWidget.sashBorder#F0F0F3fe
  • statusBar.background#EBEBF0fe
  • statusBar.border#F0F0F3fe
  • statusBar.debuggingBackground#6700679f
  • statusBar.debuggingBorder#F0F0F3fe
  • statusBar.debuggingForeground#3E3ECCce
  • statusBar.focusBorder#F5F5F700
  • statusBar.foreground#4A4A616e
  • statusBar.noFolderBackground#EBEBF0fe
  • statusBar.noFolderBorder#F0F0F3fe
  • statusBar.noFolderForeground#3E3ECCce
  • statusBarItem.activeBackground#EBEBF0fe
  • statusBarItem.compactHoverBackground#EBEBF0fe
  • statusBarItem.errorBackground#67006799
  • statusBarItem.errorForeground#b400b4ce
  • statusBarItem.errorHoverBackground#670067b0
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#F6F7F500
  • statusBarItem.hoverBackground#EBEBF0fe
  • statusBarItem.hoverForeground#288B98fe
  • statusBarItem.offlineBackground#EBEBF0fe
  • statusBarItem.offlineForeground#3E3ECCce
  • statusBarItem.offlineHoverBackground#EBEBF0fe
  • statusBarItem.offlineHoverForeground#0A6671fe
  • statusBarItem.prominentBackground#EBEBF0fe
  • statusBarItem.prominentForeground#3E3ECCce
  • statusBarItem.prominentHoverBackground#EBEBF0fe
  • statusBarItem.prominentHoverForeground#0A707Dfe
  • statusBarItem.remoteBackground#257680fe
  • statusBarItem.remoteForeground#EBEBF0fe
  • statusBarItem.remoteHoverBackground#EBEBF0fe
  • statusBarItem.remoteHoverForeground#267D88fe
  • statusBarItem.warningBackground#c4a200fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#c4a200fe
  • statusBarItem.warningHoverForeground#ffd611ce
  • symbolIcon.arrayForeground#495931fe
  • symbolIcon.booleanForeground#00a5a5ce
  • symbolIcon.classForeground#64513Bfe
  • symbolIcon.colorForeground#4B5830fe
  • symbolIcon.constantForeground#355E3Afe
  • symbolIcon.constructorForeground#4343BFfe
  • symbolIcon.enumeratorForeground#4B5830fe
  • symbolIcon.enumeratorMemberForeground#393E31fe
  • symbolIcon.eventForeground#7B3B86fe
  • symbolIcon.fieldForeground#78407Ffe
  • symbolIcon.fileForeground#4141C0fe
  • symbolIcon.folderForeground#325C39fe
  • symbolIcon.functionForeground#365C3Afe
  • symbolIcon.interfaceForeground#3B5A40fe
  • symbolIcon.keyForeground#4E5932fe
  • symbolIcon.keywordForeground#4444BFfe
  • symbolIcon.methodForeground#4E5737fe
  • symbolIcon.moduleForeground#7B3B86fe
  • symbolIcon.namespaceForeground#355E3Afe
  • symbolIcon.nullForeground#69503Cfe
  • symbolIcon.numberForeground#345A5Afe
  • symbolIcon.objectForeground#3B5A40fe
  • symbolIcon.operatorForeground#744080fe
  • symbolIcon.packageForeground#78407Ffe
  • symbolIcon.propertyForeground#4242C5fe
  • symbolIcon.referenceForeground#6A5035fe
  • symbolIcon.snippetForeground#393E31fe
  • symbolIcon.stringForeground#3A5C40fe
  • symbolIcon.structForeground#8B3B4Bfe
  • symbolIcon.textForeground#863D58fe
  • symbolIcon.typeParameterForeground#325C39fe
  • symbolIcon.unitForeground#4C5835fe
  • symbolIcon.variableForeground#325C5Cfe
  • tab.activeBackground#E7E7ECfe
  • tab.activeBorder#F5F5F700
  • tab.activeBorderTop#278F9Cfe
  • tab.activeForeground#278F9Dfe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F7F5F600
  • tab.hoverBackground#3232EEfe
  • tab.hoverBorder#F0F0F3fe
  • tab.hoverForeground#288B98fe
  • tab.inactiveBackground#F7F7FE96
  • tab.inactiveForeground#7979E165
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F0F0F3fe
  • tab.unfocusedActiveBackground#CACAD624
  • tab.unfocusedActiveBorder#F5F7F700
  • tab.unfocusedActiveBorderTop#F1F1FE65
  • tab.unfocusedActiveForeground#7979E065
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#2D2DF5fe
  • tab.unfocusedHoverBorder#CFCFDA27
  • tab.unfocusedHoverForeground#43435765
  • tab.unfocusedInactiveBackground#C0C0CF97
  • tab.unfocusedInactiveForeground#7A7ADE65
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333b9
  • 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#670067b9
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececeae
  • terminal.ansiYellow#c4a200fe
  • terminal.background#D8D8E1fe
  • terminal.border#F0F0F3fe
  • terminal.dropBackground#D8D8E1fe
  • terminal.findMatchBackground#D8D8E1fe
  • terminal.findMatchBorder#F0F0F3fe
  • terminal.findMatchHighlightBackground#D8D8E1fe
  • terminal.findMatchHighlightBorder#F0F0F3fe
  • terminal.foreground#2D2DF5ae
  • terminal.hoverHighlightBackground#D8D8E1fe
  • terminal.inactiveSelectionBackground#B7B7C791
  • terminal.selectionBackground#A1948887
  • terminal.selectionForeground#6B5036ca
  • terminal.tab.activeBorder#278F9Efe
  • terminalCommandDecoration.defaultBackground#485920ad
  • terminalCommandDecoration.errorBackground#ff6a6acb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#D8D8E1fe
  • terminalCursor.foreground#257680fe
  • terminalOverviewRuler.cursorForeground#3E3ECCce
  • terminalOverviewRuler.findMatchForeground#00a5a5ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0b0
  • testing.iconUnset#8080809b
  • testing.message.error.decorationForeground#095D68fe
  • testing.message.error.lineBackground#670067bb
  • testing.message.info.decorationForeground#0A5D68fe
  • testing.message.info.lineBackground#1b1bfffe
  • testing.peekBorder#F0F0F3fe
  • testing.peekHeaderBackground#D8D8E1fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#D8D8E1fe
  • textBlockQuote.border#F0F0F3fe
  • textCodeBlock.background#D8D8E1fe
  • textLink.activeForeground#267D88fe
  • textLink.foreground#8e6affce
  • textPreformat.foreground#3E3ECCce
  • textSeparator.foreground#3E3ECCce
  • titleBar.activeBackground#EBEBF0fe
  • titleBar.activeForeground#7676E8ae
  • titleBar.border#F6F7F500
  • titleBar.inactiveBackground#C5C5D2db
  • titleBar.inactiveForeground#43435765
  • toolbar.activeBackground#E7FDEB84
  • toolbar.hoverBackground#D8D8E1fe
  • toolbar.hoverOutline#F7F6F500
  • tree.inactiveIndentGuidesStroke#6D565E35
  • tree.indentGuidesStroke#0A5059fe
  • tree.tableColumnsBorder#F0F0F3fe
  • tree.tableOddRowsBackground#D8D8E1fe
  • walkThrough.embeddedEditorBackground#D8D8E1fe
  • walkthrough.stepTitle.foreground#3E3ECCce
  • welcomePage.background#D8D8E1fe
  • welcomePage.progress.background#D8D8E1fe
  • welcomePage.progress.foreground#3E3ECCce
  • welcomePage.tileBackground#D8D8E1fe
  • welcomePage.tileBorder#F0F0F3fe
  • welcomePage.tileHoverBackground#D8D8E1fe
  • widget.border#F0F0F3fe
  • widget.shadow#F5F5F700
  • window.activeBorder#F0F0F3fe
  • window.inactiveBorder#C5C5D296

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#3939B26e
comment.block.html#3939B16e
comment.block.java#3939B16e
comment.block.javadoc.java#3B3BAE6e
comment.block.powershell#3B3BAE6e
comment.block.xml#3939B46e
comment.line.double-slash.c#3939B16e
comment.line.double-slash.cpp#3B3BAE6e
comment.line.double-slash.java#3939B46e
comment.line.double-slash.js#3939B26e
comment.line.number-sign.makefile#3B3BAE6e
comment.line.number-sign.python#3939B46e
comment.line.number-sign.yaml#3939B46e
comment.line.percentage.erlang#3939B46e
comment.line.powershell#3939B46e
comment.source.cmake#3B3BAE6e
comment.source.cmakecache#3939B46e
constant.character#315308de
constant.character.character-class.regexp#0A525Bde
constant.character.escape#0909B5de
constant.character.set.regexp#960938de
constant.language#074750de
constant.numeric#862547de
constant.numeric.dec.python#7D04A0de
constant.other.caps.python#62441Fde
constant.other.character-class.regexp#09561Ade
constant.other.character-class.set.regexp#32530Ade
constant.other.color.rgb-value#0A571Bde
constant.other.placeholder#2A2AB8de
constant.other.rgb-value#5A226Ade
constant.regexp#7E08A0de
constant.sha.git-rebase#335409de
emphasis#6D410Ade
entity.name.class#0A581Bde
entity.name.function#662479de
entity.name.function.preprocessor#892647de
entity.name.function.python#28289Fde
entity.name.label#62441Fde
entity.name.namespace#73258Ade
entity.name.operator#74268Ade
entity.name.operator.custom-literal#76268Dde
entity.name.scope-resolution#315406de
entity.name.tag#542063de
entity.name.tag.css#074148de
entity.name.type#6D410Adebold
entity.name.variable#8A2546de
entity.other.attribute#09571Bde
entity.other.attribute-name#335409de
entity.other.attribute-name.class.css#6E410Ade
entity.other.attribute-name.class.mixin.css#47331Ade
entity.other.attribute-name.id#335409de
entity.other.attribute-name.id.css#094E56de
entity.other.attribute-name.parent-selector.css#6D410Ade
entity.other.attribute-name.pseudo-class.css#09525Cde
entity.other.attribute-name.pseudo-element.css#990536de
entity.other.attribute-name.scss#325407de
entity.other.document.begin.yaml#3939B46e
entity.other.inherited-class#08464Edebold
header#1D542Ade
invalid#09525Cde
keyword#374E1Cdebold
keyword.codetag.notation.python#970A39debold
keyword.control#1A4724debold
keyword.control.anchor.regexp#980838debold
keyword.control.import.python#4E371Cdebold
keyword.operator#6E4008debold
keyword.operator.alignas#085619debold
keyword.operator.alignof#872645debold
keyword.operator.cast#325309debold
keyword.operator.delete#6D410Adebold
keyword.operator.documentation.powershell#3B3BAE6ebold
keyword.operator.expression#6E4006debold
keyword.operator.instanceof#2A2AD5debold
keyword.operator.logical.python#6C2580debold
keyword.operator.minus.exponent#74268Adebold
keyword.operator.negation.regexp#970838debold
keyword.operator.new#282898debold
keyword.operator.noexcept#183B40debold
keyword.operator.or.regexp#792440debold
keyword.operator.plus.exponent#315306debold
keyword.operator.quantifier.regexp#980637debold
keyword.operator.sizeof#0808BEdebold
keyword.operator.typeid#6E410Adebold
keyword.operator.wordlike#2929A7debold
keyword.other.operator#075017debold
keyword.other.package.java#73268Cdebold
keyword.other.unit#882645debold
keyword.other.using#862547debold
markup.bold#184021de
markup.changed#1D5429de
markup.deleted#093E45de
markup.fenced_code.block.markdown#2C2CD5de
markup.heading#335409de
markup.inline.raw#2929B0de
markup.inserted#325409de
markup.italic#7C089Ede
markup.raw.block.markdown#2C2CD5de
markup.strikethrough#47331Ade
markup.underline#0A535Cde
meta.block.c#2C2CD5de
meta.block.c#1A4724de
meta.class.java#662479de
meta.definition.variable.name#6C400Ade
meta.diff.header#085619de
meta.embedded#73268Cde
meta.embedded.assembly#0A581Bde
meta.function-call.arguments.python#960938de
meta.function-call.python#2A2AC9de
meta.member.access.python#335409de
meta.method.java#960938de
meta.object-literal.key#862545de
meta.paragraph.markdown#792440de
meta.preprocessor#2C2CD5de
meta.preprocessor.numeric#980737de
meta.preprocessor.string#7E099Fde
meta.scope.prerequisites.makefile#0A581Bde
meta.structure.dictionary.json.comments#3B3BAE6e
meta.structure.dictionary.key.python#6C400Ade
meta.structure.dictionary.value.json.comments#3B3BAE6e
meta.template.expression#73268Ade
meta.type.cast.expr#33540Ade
meta.type.new.expr#0A535Cde
parameter#335409de
punctuation.character.set.begin.regexp#543C1Dde
punctuation.character.set.end.regexp#33540Ade
punctuation.definition.array.begin.json#644520de
punctuation.definition.character-class.regexp#32530Ade
punctuation.definition.comment#3939B16e
punctuation.definition.comment.json.comments#3939B16e
punctuation.definition.comment.python#3939B46e
punctuation.definition.dictionary.begin.json#990536de
punctuation.definition.dictionary.end.json#0A571Bde
punctuation.definition.group.assertion.regexp#7D0A9Ede
punctuation.definition.group.regexp#624620de
punctuation.definition.list.begin.json#960A39de
punctuation.definition.list.begin.markdown#47331Ade
punctuation.definition.list.begin.python#2A2AC0de
punctuation.definition.list.end.json#0808B8de
punctuation.definition.list.end.markdown#1A4724de
punctuation.definition.list.end.python#2C2CD5de
punctuation.definition.parameters.begin.python#632036de
punctuation.definition.parameters.end.bracket.round.java#542063de
punctuation.definition.quote.begin.markdown#6E4008de
punctuation.definition.tag#2B2BD5de
punctuation.definition.template-expression.begin#1D5529de
punctuation.definition.template-expression.end#74268Bde
punctuation.section.class.begin.bracket.curly.java#09535Cde
punctuation.section.embedded#73268Cde
punctuation.section.embedded.begin.php#094516de
punctuation.section.embedded.end.php#074750de
punctuation.terminator.java#2A2AD5de
source.cmake#980637de
source.coffee.embedded#184021de
source.cpp#980738de
source.css.less#980436de
source.groovy.embedded#6D4109de
source.java#882647de
source.java-properties#0A4D55de
source.json.comments#3939B26e
source.makefile#2B2BD5de
source.powershell#4E371Cde
source.powershell.variable.other.member#325309de
source.python#6E4006de
storage#09571Bde
storage.modifier#0A571Bde
storage.modifier.import.java#1D542Ade
storage.modifier.package.java#084E56de
storage.type#960A39debold
storage.type.annotation.groovy#76268Ddebold
storage.type.annotation.java#2929B0debold
storage.type.boolean.go#262688debold
storage.type.byte.go#374E1Cdebold
storage.type.cs#085619debold
storage.type.error.go#32530Adebold
storage.type.generic.cs#1D542Adebold
storage.type.generic.groovy#6D4009debold
storage.type.generic.java#32530Adebold
storage.type.groovy#6C400Adebold
storage.type.java#862547debold
storage.type.modifier.cs#0A571Bdebold
storage.type.numeric.go#335409debold
storage.type.object.array.groovy#634520debold
storage.type.object.array.java#282898debold
storage.type.parameters.groovy#6D410Adebold
storage.type.primitive.array.groovy#5C411Fdebold
storage.type.primitive.array.java#7D099Edebold
storage.type.primitive.groovy#08464Edebold
storage.type.primitive.java#1D5159debold
storage.type.rune.go#2A2AD1debold
storage.type.string.go#7E03A3debold
storage.type.token.java#09571Bdebold
storage.type.uintptr.go#73268Adebold
storage.type.variable.cs#094E56debold
string#0A525Bde
string.quoted.docstring.multi.python#3939B26e
string.regexp#6D4109de
string.tag#74268Bde
string.value#7D099Fde
strong#4E371Cde
support.class#325407de
support.constant.color#970838de
support.constant.dom#980838de
support.constant.font-name#960939de
support.constant.handlebars#2C2CD5de
support.constant.json#6C400Ade
support.constant.math#7E03A3de
support.constant.media#4E371Cde
support.constant.media-type#084E56de
support.constant.property-value#73268Cde
support.function#7D059Fde
support.function.git-rebase#632036de
support.other.parenthesis.regexp#624620de
support.type#335409debold
support.type.property-name#970838debold
support.type.vendored.property-name#792440debold
support.variable#2C2CD5de
token.debug-token#892647de
token.error-token#882647de
token.info-token#0A571Bde
token.warn-token#085619de
variable#6E4006de
variable.css#6D4009de
variable.language#2E4018de
variable.language.wildcard.java#1C484Ede
variable.other.constant#0A535Cde
variable.other.definition.java#183B40de
variable.other.enummember#542063de
variable.other.less#7D069Fde
variable.other.object.java#085619de
variable.other.object.property.java#0A535Cde
variable.parameter.c#6E4109de
variable.parameter.function.language.python#2929D5de
variable.parameter.java#7C089Ede
variable.scss#335409de