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#D7E2E2fe
  • activityBar.activeBackground#D7E2E2fe
  • activityBar.activeBorder#E54F92fe
  • activityBar.activeFocusBorder#35993500
  • activityBar.background#EBF0F0fe
  • activityBar.border#8B8B3400
  • activityBar.dropBorder#E64F91fe
  • activityBar.foreground#E44C90fe
  • activityBar.inactiveForeground#354B4B65
  • activityBarBadge.background#8D2553fe
  • activityBarBadge.foreground#EBF0F0fe
  • badge.background#7D234Bfe
  • badge.foreground#EBF0F0fe
  • banner.background#D7E2E2fe
  • banner.foreground#2A5E5Ece
  • banner.iconForeground#365C5Cfe
  • breadcrumb.activeSelectionForeground#515B30ca
  • breadcrumb.background#E6EDEDfe
  • breadcrumb.focusForeground#952657fe
  • breadcrumb.foreground#2E5E5Eae
  • breadcrumbPicker.background#D7E2E2fe
  • button.background#97B5B5ae
  • button.border#F7F7F500
  • button.foreground#2A5E5Ece
  • button.hoverBackground#83A7A7fe
  • button.secondaryBackground#D7E2E2fe
  • button.secondaryForeground#2A5E5Ece
  • button.secondaryHoverBackground#D7E2E2fe
  • button.separator#F7F5F700
  • charts.blue#1b1bfffe
  • charts.foreground#2A5E5Ece
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067c2
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F0F4F4fe
  • chat.slashCommandBackground#D7E2E2fe
  • chat.slashCommandForeground#2A5E5Ece
  • checkbox.background#F0F4F4fe
  • checkbox.border#F0F4F4fe
  • checkbox.foreground#2A5E5Ece
  • checkbox.selectBackground#F0F4F4fe
  • checkbox.selectBorder#F0F4F4fe
  • commandCenter.activeBackground#FEF0F789
  • commandCenter.activeBorder#F0F4F4fe
  • commandCenter.activeForeground#7D234Bfe
  • commandCenter.background#D7E2E2fe
  • commandCenter.border#F0F4F4fe
  • commandCenter.foreground#2A5E5Ece
  • commandCenter.inactiveBorder#BDE6E691
  • commandCenter.inactiveForeground#354B4B65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F7F5F600
  • contrastBorder#F5F5F700
  • debugConsole.errorForeground#b400b4ce
  • debugConsole.infoForeground#2A5E5Ece
  • debugConsole.sourceForeground#2A5E5Ece
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#893B62fe
  • debugExceptionWidget.background#670067ae
  • debugExceptionWidget.border#F0F4F4fe
  • debugIcon.breakpointCurrentStackframeForeground#505A32fe
  • debugIcon.breakpointDisabledForeground#405A5A65
  • debugIcon.breakpointForeground#515931fe
  • debugIcon.breakpointStackframeForeground#505B2Ffe
  • debugIcon.breakpointUnverifiedForeground#3E4BBAfe
  • debugIcon.continueForeground#8C3A67fe
  • debugIcon.disconnectForeground#874063fe
  • debugIcon.pauseForeground#7C3B8Cfe
  • debugIcon.restartForeground#8B3A68fe
  • debugIcon.startForeground#3E50A9fe
  • debugIcon.stepBackForeground#754D35fe
  • debugIcon.stepIntoForeground#893B62fe
  • debugIcon.stepOutForeground#3D4BBBfe
  • debugIcon.stepOverForeground#72503Cfe
  • debugIcon.stopForeground#345D5Dfe
  • debugTokenExpression.boolean#141C1Cca
  • debugTokenExpression.error#1B1417ca
  • debugTokenExpression.name#271D22ca
  • debugTokenExpression.number#271D22ca
  • debugTokenExpression.value#1E161Aca
  • debugToolBar.background#670067ba
  • debugToolBar.border#F0F4F4fe
  • debugView.exceptionLabelBackground#CEFCCEca
  • debugView.exceptionLabelForeground#505B2Fca
  • debugView.stateLabelBackground#F6DFFEca
  • debugView.stateLabelForeground#3B4BB8ca
  • debugView.valueChangedHighlight#25271Dca
  • descriptionForeground#2A5E5Ece
  • diffEditor.border#F7F6F500
  • diffEditor.diagonalFill#000000f8
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#39853dfb
  • diffEditor.insertedTextBorder#F5F5F700
  • diffEditor.move.border#F5F7F500
  • diffEditor.moveActive.border#F5F7F700
  • diffEditor.removedLineBackground#ff9a9a31
  • diffEditor.removedTextBackground#e60000fb
  • diffEditor.removedTextBorder#F7F6F500
  • diffEditor.unchangedCodeBackground#D7E2E2fe
  • diffEditor.unchangedRegionBackground#D7E2E2fe
  • diffEditor.unchangedRegionForeground#2A5E5Ece
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#32464665
  • dropdown.background#F0F4F4fe
  • dropdown.border#F0F4F4fe
  • dropdown.foreground#2A5E5Ece
  • dropdown.listBackground#F0F4F4fe
  • editor.background#D7E2E2fe
  • editor.findMatchBackground#99A17Fa5
  • editor.findMatchBorder#F0F4F4fe
  • editor.findMatchHighlightBackground#B79DAAa1
  • editor.findMatchHighlightBorder#F0F4F4fe
  • editor.findRangeHighlightBackground#B8A6BEa1
  • editor.findRangeHighlightBorder#F0F4F4fe
  • editor.focusedStackFrameHighlightBackground#B4BAA285
  • editor.foldBackground#9E2662a7
  • editor.foreground#2A5E5Ece
  • editor.hoverHighlightBackground#9BB8B8ad
  • editor.inactiveSelectionBackground#B9CDCD9d
  • editor.inlineValuesBackground#D7E2E2fe
  • editor.inlineValuesForeground#2A5E5Ece
  • editor.lineHighlightBackground#B9CDCDb5
  • editor.lineHighlightBorder#F5F5F700
  • editor.linkedEditingBackground#D7E2E2fe
  • editor.rangeHighlightBackground#B093A1a6
  • editor.rangeHighlightBorder#F0F4F4fe
  • editor.selectionBackground#749C9Ca7
  • editor.selectionForeground#754D35ca
  • editor.selectionHighlightBackground#BAA2AE8a
  • editor.selectionHighlightBorder#F0F4F4fe
  • editor.snippetFinalTabstopHighlightBackground#8E92ACaa
  • editor.snippetFinalTabstopHighlightBorder#F0F4F4fe
  • editor.snippetTabstopHighlightBackground#97B5B5aa
  • editor.snippetTabstopHighlightBorder#F0F4F4fe
  • editor.stackFrameHighlightBackground#93B093a8
  • editor.symbolHighlightBackground#A18C7Faa
  • editor.symbolHighlightBorder#F0F4F4fe
  • editor.wordHighlightBackground#97B5B5a2
  • editor.wordHighlightBorder#F7F5F600
  • editor.wordHighlightStrongBackground#A48EACac
  • editor.wordHighlightStrongBorder#F5F7F700
  • editor.wordHighlightTextBackground#AAC3C3a5
  • editor.wordHighlightTextBorder#F7F5F600
  • editorBracketHighlight.foreground1#0A0F0Fce
  • editorBracketHighlight.foreground2#0A0F0Fce
  • editorBracketHighlight.foreground3#0A0F0Fce
  • editorBracketHighlight.foreground4#0A0F0Fce
  • editorBracketHighlight.foreground5#0A0F0Fce
  • editorBracketHighlight.foreground6#0A0F0Fce
  • editorBracketHighlight.unexpectedBracket.foreground#2A5E5Ece
  • editorBracketMatch.background#9E2662a3
  • editorBracketMatch.border#F0F4F4fe
  • editorBracketPairGuide.activeBackground1#84472088
  • editorBracketPairGuide.activeBackground2#7D492682
  • editorBracketPairGuide.activeBackground3#8A23AD86
  • editorBracketPairGuide.activeBackground4#4F5D1F81
  • editorBracketPairGuide.activeBackground5#8B25A98a
  • editorBracketPairGuide.activeBackground6#8C1DB487
  • editorBracketPairGuide.background1#DFDFFEfe
  • editorBracketPairGuide.background2#98F1F1fe
  • editorBracketPairGuide.background3#B9F9F9fe
  • editorBracketPairGuide.background4#E3E6FEfe
  • editorBracketPairGuide.background5#FEF6FBfe
  • editorBracketPairGuide.background6#F5FDDEfe
  • editorCodeLens.foreground#1457576e
  • editorCommentsWidget.rangeActiveBackground#265D5Dfe
  • editorCommentsWidget.rangeBackground#D7E2E2fe
  • editorCommentsWidget.resolvedBorder#F0F4F4fe
  • editorCommentsWidget.unresolvedBorder#ff6a6acb
  • editorCursor.background#D7E2E2fe
  • editorCursor.foreground#BE296Afe
  • editorError.background#F5F7F700
  • editorError.border#F5F5F700
  • editorError.foreground#b400b4ce
  • editorGhostText.background#D7E2E2fe
  • editorGhostText.border#F7F6F500
  • editorGhostText.foreground#1255556e
  • editorGroup.border#F0F4F4fe
  • editorGroup.dropBackground#D7E2E2fe
  • editorGroup.dropIntoPromptBackground#D7E2E2fe
  • editorGroup.dropIntoPromptBorder#F0F4F4fe
  • editorGroup.dropIntoPromptForeground#2A5E5Ece
  • editorGroup.emptyBackground#D7E2E2fe
  • editorGroup.focusedEmptyBorder#F0F4F4fe
  • editorGroupHeader.border#F7F5F700
  • editorGroupHeader.noTabsBackground#EBF0F0ae
  • editorGroupHeader.tabsBackground#D7E2E2a1
  • editorGroupHeader.tabsBorder#F7F6F500
  • editorGutter.addedBackground#39853dfb
  • editorGutter.background#D7E2E2fe
  • editorGutter.commentGlyphForeground#2A5E5Ece
  • editorGutter.commentRangeForeground#2A5E5Ece
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#ff6a6acb
  • editorGutter.foldingControlForeground#2A5E5Ece
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#F5F7F700
  • editorHint.foreground#8e6affce
  • editorHoverWidget.background#F0F4F4fe
  • editorHoverWidget.border#F0F4F4fe
  • editorHoverWidget.foreground#2A5E5Ece
  • editorHoverWidget.highlightForeground#8C3A67ca
  • editorHoverWidget.statusBarBackground#D7E2E2fe
  • editorIndentGuide.activeBackground1#1B6060fe
  • editorIndentGuide.activeBackground2#1C6161fe
  • editorIndentGuide.activeBackground3#1C6161fe
  • editorIndentGuide.activeBackground4#1B6060fe
  • editorIndentGuide.activeBackground5#196161fe
  • editorIndentGuide.activeBackground6#1B6060fe
  • editorIndentGuide.background1#5B624835
  • editorIndentGuide.background2#3D405335
  • editorIndentGuide.background3#4E394435
  • editorIndentGuide.background4#53715335
  • editorIndentGuide.background5#3D533D35
  • editorIndentGuide.background6#364A3635
  • editorInfo.background#F7F6F500
  • editorInfo.border#F5F7F700
  • editorInfo.foreground#8e6affce
  • editorInlayHint.background#D7E2E2fe
  • editorInlayHint.foreground#2A5E5Ece
  • editorInlayHint.parameterBackground#D7E2E2fe
  • editorInlayHint.parameterForeground#2A5E5Ece
  • editorInlayHint.typeBackground#D7E2E2fe
  • editorInlayHint.typeForeground#2A5E5Ece
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#7D234Bfe
  • editorLineNumber.dimmedForeground#1051516e
  • editorLineNumber.foreground#135A5A6e
  • editorLink.activeForeground#7D234Bfe
  • editorMarkerNavigation.background#F0F4F4fe
  • editorMarkerNavigationError.background#670067ca
  • editorMarkerNavigationError.headerBackground#670067a3
  • editorMarkerNavigationInfo.background#1b1bfffe
  • editorMarkerNavigationInfo.headerBackground#1b1bfffe
  • editorMarkerNavigationWarning.background#c4a200fe
  • editorMarkerNavigationWarning.headerBackground#c4a200fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#D7E2E2fe
  • editorOverviewRuler.border#ECFDFDfe
  • editorOverviewRuler.bracketMatchForeground#2A5E5Ece
  • editorOverviewRuler.commentForeground#1255556e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#2A5E5Ece
  • editorOverviewRuler.currentContentForeground#cececec5
  • editorOverviewRuler.deletedForeground#ff6a6acb
  • editorOverviewRuler.errorForeground#b400b4ce
  • editorOverviewRuler.findMatchForeground#00a5a5ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#8e6affce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#7A3A94ca
  • editorOverviewRuler.selectionHighlightForeground#8e6affce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#7E4B36ca
  • editorOverviewRuler.wordHighlightStrongForeground#2A5E5Ece
  • editorOverviewRuler.wordHighlightTextForeground#2A5E5Ece
  • editorPane.background#D7E2E2fe
  • editorRuler.foreground#255D5D28
  • editorStickyScroll.background#D7E2E2fe
  • editorStickyScroll.shadow#F7F5F700
  • editorStickyScrollHover.background#C7F6F6fe
  • editorSuggestWidget.background#F0F4F4fe
  • editorSuggestWidget.border#F7F6F500
  • editorSuggestWidget.focusHighlightForeground#BA62D7fe
  • editorSuggestWidget.foreground#704F3Efe
  • editorSuggestWidget.highlightForeground#7C3B8Cca
  • editorSuggestWidget.selectedBackground#AC998E84
  • editorSuggestWidget.selectedForeground#4E5930ca
  • editorSuggestWidget.selectedIconForeground#8E385Dca
  • editorSuggestWidgetStatus.foreground#326132fe
  • editorUnicodeHighlight.background#B8A6BEa1
  • editorUnicodeHighlight.border#F0F4F4fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F7F7F500
  • editorWarning.border#F7F7F500
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#2A5E5Ece
  • editorWidget.background#F0F4F4fe
  • editorWidget.border#F0F4F4fe
  • editorWidget.foreground#2A5E5Ece
  • editorWidget.resizeBorder#F0F4F4fe
  • errorForeground#b400b4ce
  • extensionBadge.remoteBackground#85244Ffe
  • extensionBadge.remoteForeground#EBF0F0fe
  • extensionButton.background#EFFEFEae
  • extensionButton.foreground#2A5E5Ece
  • extensionButton.hoverBackground#FAFEFEfe
  • extensionButton.prominentBackground#D7E2E2fe
  • extensionButton.prominentForeground#2A5E5Ece
  • extensionButton.prominentHoverBackground#D7E2E2fe
  • extensionButton.separator#F7F5F700
  • extensionIcon.preReleaseForeground#873E65fe
  • extensionIcon.sponsorForeground#73503Afe
  • extensionIcon.starForeground#4E5930fe
  • extensionIcon.verifiedForeground#325D5Dfe
  • focusBorder#F7F5F700
  • foreground#2A5E5Ece
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#ff6a6acb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#8e6affce
  • gitDecoration.stageDeletedResourceForeground#ff6a6acb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00a5a5ce
  • icon.foreground#206060ae
  • inlineChat.background#F2D7FDca
  • inlineChat.border#FEF1F7ca
  • inlineChat.regionHighlight#1B161Dca
  • inlineChat.shadow#161D16ca
  • inlineChatDiff.inserted#1E161Aca
  • inlineChatDiff.removed#1D271Dca
  • inlineChatInput.background#161E16ca
  • inlineChatInput.border#F6DFFEca
  • inlineChatInput.focusBorder#F7F7F500
  • inlineChatInput.placeholderForeground#8C3B64ca
  • input.background#F0F4F4fe
  • input.border#F0F4F4fe
  • input.foreground#2A5E5Ece
  • input.placeholderForeground#32464665
  • inputOption.activeBackground#F0F4F4fe
  • inputOption.activeBorder#F0F4F4fe
  • inputOption.activeForeground#B52866fe
  • inputOption.hoverBackground#F0F4F4fe
  • inputValidation.errorBackground#6700679b
  • inputValidation.errorBorder#670067b1
  • inputValidation.errorForeground#b400b4ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F0F4F4fe
  • inputValidation.infoForeground#2A5E5Ece
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F0F4F4fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#F0F4F4fe
  • interactive.inactiveCodeBorder#F6FEFE98
  • keybindingLabel.background#D7E2E2fe
  • keybindingLabel.border#F0F4F4fe
  • keybindingLabel.bottomBorder#F0F4F4fe
  • keybindingLabel.foreground#2A5E5Ece
  • keybindingTable.headerBackground#D7E2E2fe
  • keybindingTable.rowsBackground#D7E2E2fe
  • list.activeSelectionBackground#99A17F8d
  • list.activeSelectionForeground#7A3A94ca
  • list.activeSelectionIconForeground#7C3997ca
  • list.deemphasizedForeground#2A5E5Ece
  • list.dropBackground#D7E2E2fe
  • list.errorForeground#b400b4ce
  • list.filterMatchBackground#D7E2E2fe
  • list.filterMatchBorder#F0F4F4fe
  • list.focusAndSelectionOutline#F7F6F500
  • list.focusBackground#BED1D196
  • list.focusForeground#B52866fe
  • list.focusHighlightForeground#3B983Bfe
  • list.focusOutline#F5F7F500
  • list.highlightForeground#8C3A67ca
  • list.hoverBackground#FDFEFEfe
  • list.hoverForeground#AD2862fe
  • list.inactiveFocusBackground#B4CACA97
  • list.inactiveFocusOutline#F7F6F500
  • list.inactiveSelectionBackground#EBF0F0ae
  • list.inactiveSelectionForeground#39505065
  • list.inactiveSelectionIconForeground#39505065
  • list.invalidItemForeground#2A5E5Ece
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#D7E2E2fe
  • listFilterWidget.noMatchesOutline#F7F5F600
  • listFilterWidget.outline#F7F5F700
  • listFilterWidget.shadow#F5F7F500
  • menu.background#EBF0F0fe
  • menu.border#F5F7F500
  • menu.foreground#2C5E5Eae
  • menu.selectionBackground#7EA3A3ae
  • menu.selectionBorder#F5F5F700
  • menu.selectionForeground#B52866fe
  • menu.separatorBackground#B6F7F765
  • menubar.selectionBackground#8DAEAEaa
  • menubar.selectionBorder#F7F5F700
  • menubar.selectionForeground#7D234Bfe
  • merge.border#F0F4F4fe
  • merge.commonContentBackground#D7E2E2fe
  • merge.commonHeaderBackground#D7E2E2fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#39853dfb
  • merge.incomingContentBackground#8acd8dcb
  • merge.incomingHeaderBackground#39853dfb
  • mergeEditor.change.background#D7E2E2fe
  • mergeEditor.change.word.background#D7E2E2fe
  • mergeEditor.changeBase.background#D7E2E2fe
  • mergeEditor.changeBase.word.background#D7E2E2fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F0F4F4fe
  • mergeEditor.conflict.handledUnfocused.border#D6F2F225
  • mergeEditor.conflict.input1.background#F0F4F4fe
  • mergeEditor.conflict.input2.background#F0F4F4fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#6700679f
  • mergeEditor.conflict.unhandledFocused.border#F0F4F4fe
  • mergeEditor.conflict.unhandledUnfocused.border#F0FEFE29
  • mergeEditor.conflictingLines.background#D7E2E2fe
  • minimap.background#D7E2E2fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0A0F0Fce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#39853dfb
  • minimapGutter.deletedBackground#e60000fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#6F9999fe
  • minimapSlider.background#A5BFBFae
  • minimapSlider.hoverBackground#8DAEAEfe
  • notebook.cellBorderColor#F0F4F4fe
  • notebook.cellEditorBackground#D7E2E2fe
  • notebook.cellHoverBackground#D7E2E2fe
  • notebook.cellInsertionIndicator#22191Eca
  • notebook.cellStatusBarItemHoverBackground#D7E2E2fe
  • notebook.cellToolbarSeparator#1C1E16ca
  • notebook.editorBackground#D7E2E2fe
  • notebook.focusedCellBackground#D7E2E2fe
  • notebook.focusedCellBorder#7D234Bfe
  • notebook.focusedEditorBorder#F0F4F4fe
  • notebook.inactiveFocusedCellBorder#749C9C8e
  • notebook.inactiveSelectedCellBorder#79A0A08e
  • notebook.outputContainerBackgroundColor#D7E2E2fe
  • notebook.outputContainerBorderColor#F0F4F4fe
  • notebook.selectedCellBackground#D7E2E2fe
  • notebook.selectedCellBorder#F0F4F4fe
  • notebook.symbolHighlightBackground#D7E2E2fe
  • notebookEditorOverviewRuler.runningCellForeground#2A5E5Ece
  • notebookScrollbarSlider.activeBackground#6F9999fe
  • notebookScrollbarSlider.background#A0BCBCae
  • notebookScrollbarSlider.hoverBackground#83A7A7fe
  • notebookStatusErrorIcon.foreground#b400b4ce
  • notebookStatusRunningIcon.foreground#316231fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#F0F4F4fe
  • notificationCenterHeader.background#D7E2E2fe
  • notificationCenterHeader.foreground#2A5E5Ece
  • notificationLink.foreground#2A5E5Ece
  • notifications.background#D7E2E2fe
  • notifications.border#F0F4F4fe
  • notifications.foreground#2A5E5Ece
  • notificationsErrorIcon.foreground#b400b4ce
  • notificationsInfoIcon.foreground#385E38fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#F0F4F4fe
  • panel.background#D7E2E2fe
  • panel.border#F0F4F4fe
  • panel.dropBorder#F0F4F4fe
  • panelInput.border#F0F4F4fe
  • panelSection.border#F0F4F4fe
  • panelSection.dropBackground#D7E2E2fe
  • panelSectionHeader.background#D7E2E2fe
  • panelSectionHeader.border#F0F4F4fe
  • panelSectionHeader.foreground#2A5E5Ece
  • panelTitle.activeBorder#F5F7F700
  • panelTitle.activeForeground#E54F91fe
  • panelTitle.inactiveForeground#39505065
  • peekView.border#E54F91fe
  • peekViewEditor.background#F0F4F4fe
  • peekViewEditor.matchHighlightBackground#A6A9BE83
  • peekViewEditor.matchHighlightBorder#F5F5F700
  • peekViewEditorGutter.background#F0F4F4fe
  • peekViewEditorStickyScroll.background#D7E2E2fe
  • peekViewResult.background#EBF0F0fe
  • peekViewResult.fileForeground#2A5E5Ece
  • peekViewResult.lineForeground#2A5E5Ece
  • peekViewResult.matchHighlightBackground#BAA2AE8a
  • peekViewResult.selectionBackground#A893B088
  • peekViewResult.selectionForeground#4545C9ca
  • peekViewTitle.background#EBF0F0fe
  • peekViewTitleDescription.foreground#2A5E5Ece
  • peekViewTitleLabel.foreground#2A5E5Ece
  • pickerGroup.border#F0F4F4fe
  • pickerGroup.foreground#2A5E5Ece
  • ports.iconRunningProcessForeground#754D35fe
  • problemsErrorIcon.foreground#b400b4ce
  • problemsInfoIcon.foreground#8e6affce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#AD2862fe
  • profileBadge.foreground#EBF0F0fe
  • progressBar.background#D7E2E2fe
  • quickInput.background#EBF0F0fe
  • quickInput.foreground#2C5D5Dae
  • quickInputList.focusBackground#9D84A5a6
  • quickInputList.focusForeground#BE296Afe
  • quickInputList.focusIconForeground#8D2553fe
  • quickInputTitle.background#F0F4F4fe
  • sash.hoverBorder#F0F4F4fe
  • scrollbar.shadow#F5F5F700
  • scrollbarSlider.activeBackground#6F9999fe
  • scrollbarSlider.background#97B5B5ae
  • scrollbarSlider.hoverBackground#A0BCBCfe
  • search.resultsInfoForeground#2A5E5Ece
  • searchEditor.findMatchBackground#A89589a9
  • searchEditor.findMatchBorder#F0F4F4fe
  • searchEditor.textInputBorder#F0F4F4fe
  • selection.background#D7E2E2fe
  • settings.checkboxBackground#F0F4F4fe
  • settings.checkboxBorder#F0F4F4fe
  • settings.checkboxForeground#2A5E5Ece
  • settings.dropdownBackground#F0F4F4fe
  • settings.dropdownBorder#F0F4F4fe
  • settings.dropdownForeground#2A5E5Ece
  • settings.dropdownListBorder#F0F4F4fe
  • settings.focusedRowBackground#B398A58c
  • settings.focusedRowBorder#F0F4F4fe
  • settings.headerBorder#F0F4F4fe
  • settings.headerForeground#2A5E5Ece
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F0F4F4fe
  • settings.numberInputBorder#F0F4F4fe
  • settings.numberInputForeground#2A5E5Ece
  • settings.rowHoverBackground#D7E2E2fe
  • settings.sashBorder#F0F4F4fe
  • settings.settingsHeaderHoverForeground#7D234Bfe
  • settings.textInputBackground#F0F4F4fe
  • settings.textInputBorder#F0F4F4fe
  • settings.textInputForeground#2A5E5Ece
  • sideBar.background#D7E2E2fe
  • sideBar.border#F0F4F4fe
  • sideBar.dropBackground#D7E2E2fe
  • sideBar.foreground#206060ae
  • sideBarSectionHeader.background#F7F7F500
  • sideBarSectionHeader.border#F0F4F4fe
  • sideBarSectionHeader.foreground#2A5E5Ece
  • sideBarTitle.foreground#2A5E5Ece
  • sideBySideEditor.horizontalBorder#F0F4F4fe
  • sideBySideEditor.verticalBorder#F0F4F4fe
  • simpleFindWidget.sashBorder#F0F4F4fe
  • statusBar.background#EBF0F0fe
  • statusBar.border#F0F4F4fe
  • statusBar.debuggingBackground#670067be
  • statusBar.debuggingBorder#F0F4F4fe
  • statusBar.debuggingForeground#2A5E5Ece
  • statusBar.focusBorder#F7F5F600
  • statusBar.foreground#1255556e
  • statusBar.noFolderBackground#EBF0F0fe
  • statusBar.noFolderBorder#F0F4F4fe
  • statusBar.noFolderForeground#2A5E5Ece
  • statusBarItem.activeBackground#EBF0F0fe
  • statusBarItem.compactHoverBackground#EBF0F0fe
  • statusBarItem.errorBackground#670067b5
  • statusBarItem.errorForeground#b400b4ce
  • statusBarItem.errorHoverBackground#670067b4
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#F7F5F600
  • statusBarItem.hoverBackground#EBF0F0fe
  • statusBarItem.hoverForeground#8D2553fe
  • statusBarItem.offlineBackground#EBF0F0fe
  • statusBarItem.offlineForeground#2A5E5Ece
  • statusBarItem.offlineHoverBackground#EBF0F0fe
  • statusBarItem.offlineHoverForeground#AD2862fe
  • statusBarItem.prominentBackground#EBF0F0fe
  • statusBarItem.prominentForeground#2A5E5Ece
  • statusBarItem.prominentHoverBackground#EBF0F0fe
  • statusBarItem.prominentHoverForeground#85244Ffe
  • statusBarItem.remoteBackground#952657fe
  • statusBarItem.remoteForeground#EBF0F0fe
  • statusBarItem.remoteHoverBackground#EBF0F0fe
  • statusBarItem.remoteHoverForeground#A5275Efe
  • statusBarItem.warningBackground#c4a200fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#c4a200fe
  • statusBarItem.warningHoverForeground#ffd611ce
  • symbolIcon.arrayForeground#73503Afe
  • symbolIcon.booleanForeground#00a5a5ce
  • symbolIcon.classForeground#326132fe
  • symbolIcon.colorForeground#385E5Efe
  • symbolIcon.constantForeground#346134fe
  • symbolIcon.constructorForeground#385E5Efe
  • symbolIcon.enumeratorForeground#4F5C2Ffe
  • symbolIcon.enumeratorMemberForeground#515B30fe
  • symbolIcon.eventForeground#73503Afe
  • symbolIcon.fieldForeground#4545C9fe
  • symbolIcon.fileForeground#4F5C2Ffe
  • symbolIcon.folderForeground#7E3A95fe
  • symbolIcon.functionForeground#414FADfe
  • symbolIcon.interfaceForeground#73503Afe
  • symbolIcon.keyForeground#525B37fe
  • symbolIcon.keywordForeground#873E65fe
  • symbolIcon.methodForeground#385E38fe
  • symbolIcon.moduleForeground#714F37fe
  • symbolIcon.namespaceForeground#4050A9fe
  • symbolIcon.nullForeground#3E4BBAfe
  • symbolIcon.numberForeground#7B4B37fe
  • symbolIcon.objectForeground#874063fe
  • symbolIcon.operatorForeground#873E65fe
  • symbolIcon.packageForeground#505A34fe
  • symbolIcon.propertyForeground#754D35fe
  • symbolIcon.referenceForeground#4F5C2Ffe
  • symbolIcon.snippetForeground#7B4B37fe
  • symbolIcon.stringForeground#326232fe
  • symbolIcon.structForeground#71503Afe
  • symbolIcon.textForeground#505A32fe
  • symbolIcon.typeParameterForeground#365C5Cfe
  • symbolIcon.unitForeground#414FADfe
  • symbolIcon.variableForeground#335F33fe
  • tab.activeBackground#E6EDEDfe
  • tab.activeBorder#F7F7F500
  • tab.activeBorderTop#FC2B8Afe
  • tab.activeForeground#E44C92fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F5F7F700
  • tab.hoverBackground#215F5Ffe
  • tab.hoverBorder#F0F4F4fe
  • tab.hoverForeground#952657fe
  • tab.inactiveBackground#E2FAFA92
  • tab.inactiveForeground#43919165
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F0F4F4fe
  • tab.unfocusedActiveBackground#C8D8D834
  • tab.unfocusedActiveBorder#F5F7F500
  • tab.unfocusedActiveBorderTop#A4F3F365
  • tab.unfocusedActiveForeground#43919165
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#226060fe
  • tab.unfocusedHoverBorder#CDDBDB28
  • tab.unfocusedHoverForeground#43919165
  • tab.unfocusedInactiveBackground#AFC6C695
  • tab.unfocusedInactiveForeground#39505065
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333ae
  • 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#670067c5
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececeba
  • terminal.ansiYellow#c4a200fe
  • terminal.background#D7E2E2fe
  • terminal.border#F0F4F4fe
  • terminal.dropBackground#D7E2E2fe
  • terminal.findMatchBackground#D7E2E2fe
  • terminal.findMatchBorder#F0F4F4fe
  • terminal.findMatchHighlightBackground#D7E2E2fe
  • terminal.findMatchHighlightBorder#F0F4F4fe
  • terminal.foreground#206060ae
  • terminal.hoverHighlightBackground#D7E2E2fe
  • terminal.inactiveSelectionBackground#C3D4D49c
  • terminal.selectionBackground#98B39884
  • terminal.selectionForeground#3D4BBBca
  • terminal.tab.activeBorder#E44F8Afe
  • terminalCommandDecoration.defaultBackground#A51A60a8
  • terminalCommandDecoration.errorBackground#ff6a6acb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#D7E2E2fe
  • terminalCursor.foreground#9D275Afe
  • terminalOverviewRuler.cursorForeground#2A5E5Ece
  • terminalOverviewRuler.findMatchForeground#00a5a5ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0b3
  • testing.iconUnset#808080c7
  • testing.message.error.decorationForeground#85244Ffe
  • testing.message.error.lineBackground#670067c7
  • testing.message.info.decorationForeground#AD054Efe
  • testing.message.info.lineBackground#1b1bfffe
  • testing.peekBorder#F0F4F4fe
  • testing.peekHeaderBackground#D7E2E2fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#D7E2E2fe
  • textBlockQuote.border#F0F4F4fe
  • textCodeBlock.background#D7E2E2fe
  • textLink.activeForeground#7D234Bfe
  • textLink.foreground#8e6affce
  • textPreformat.foreground#2A5E5Ece
  • textSeparator.foreground#2A5E5Ece
  • titleBar.activeBackground#EBF0F0fe
  • titleBar.activeForeground#369595ae
  • titleBar.border#F7F6F500
  • titleBar.inactiveBackground#D0EBEBdb
  • titleBar.inactiveForeground#405A5A65
  • toolbar.activeBackground#F3DCFA88
  • toolbar.hoverBackground#D7E2E2fe
  • toolbar.hoverOutline#F7F5F700
  • tree.inactiveIndentGuidesStroke#4B674B35
  • tree.indentGuidesStroke#7D234Bfe
  • tree.tableColumnsBorder#F0F4F4fe
  • tree.tableOddRowsBackground#D7E2E2fe
  • walkThrough.embeddedEditorBackground#D7E2E2fe
  • walkthrough.stepTitle.foreground#2A5E5Ece
  • welcomePage.background#D7E2E2fe
  • welcomePage.progress.background#D7E2E2fe
  • welcomePage.progress.foreground#2A5E5Ece
  • welcomePage.tileBackground#D7E2E2fe
  • welcomePage.tileBorder#F0F4F4fe
  • welcomePage.tileHoverBackground#D7E2E2fe
  • widget.border#F0F4F4fe
  • widget.shadow#F7F5F700
  • window.activeBorder#F0F4F4fe
  • window.inactiveBorder#DAF8F89d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#2B53536e
comment.block.html#2953536e
comment.block.java#2952526e
comment.block.javadoc.java#2953536e
comment.block.powershell#2953536e
comment.block.xml#2B53536e
comment.line.double-slash.c#2952526e
comment.line.double-slash.cpp#2952526e
comment.line.double-slash.java#2B53536e
comment.line.double-slash.js#2952526e
comment.line.number-sign.makefile#2B53536e
comment.line.number-sign.python#2952526e
comment.line.number-sign.yaml#2953536e
comment.line.percentage.erlang#2B53536e
comment.line.powershell#2953536e
comment.source.cmake#2B53536e
comment.source.cmakecache#2953536e
constant.character#5B216Ede
constant.character.character-class.regexp#783D0Ade
constant.character.escape#792694de
constant.character.set.regexp#3D5409de
constant.language#283CC1de
constant.numeric#1D5824de
constant.numeric.dec.python#2737A5de
constant.other.caps.python#782692de
constant.other.character-class.regexp#41521Bde
constant.other.character-class.set.regexp#9A0747de
constant.other.color.rgb-value#095B13de
constant.other.placeholder#7B3D07de
constant.other.rgb-value#40511Cde
constant.regexp#095757de
constant.sha.git-rebase#6D4420de
emphasis#095B13de
entity.name.class#2737A5de
entity.name.function#6D2485de
entity.name.function.preprocessor#3D5508de
entity.name.function.python#7A3E09de
entity.name.label#9A0546de
entity.name.namespace#095A13de
entity.name.operator#40511Cde
entity.name.operator.custom-literal#6D4520de
entity.name.scope-resolution#3D5409de
entity.name.tag#095757de
entity.name.tag.css#792695de
entity.name.type#9B0948debold
entity.name.variable#3D5507de
entity.other.attribute#762247de
entity.other.attribute-name#3B4A1Ade
entity.other.attribute-name.class.css#792695de
entity.other.attribute-name.class.mixin.css#9B0848de
entity.other.attribute-name.id#091DB1de
entity.other.attribute-name.id.css#074A0Fde
entity.other.attribute-name.parent-selector.css#6B431Fde
entity.other.attribute-name.pseudo-class.css#283DC1de
entity.other.attribute-name.pseudo-element.css#3C5506de
entity.other.attribute-name.scss#075353de
entity.other.document.begin.yaml#2952526e
entity.other.inherited-class#1B5454debold
header#3C5408de
invalid#084A4Ade
keyword#1A4A4Adebold
keyword.codetag.notation.python#095757debold
keyword.control#8003AAdebold
keyword.control.anchor.regexp#6D4520debold
keyword.control.import.python#3C5409debold
keyword.operator#184343debold
keyword.operator.alignas#095A14debold
keyword.operator.alignof#3C5405debold
keyword.operator.cast#8003AAdebold
keyword.operator.delete#283CC3debold
keyword.operator.documentation.powershell#2953536ebold
keyword.operator.expression#792695debold
keyword.operator.instanceof#762247debold
keyword.operator.logical.python#095A13debold
keyword.operator.minus.exponent#1A4A4Adebold
keyword.operator.negation.regexp#8005A8debold
keyword.operator.new#091DABdebold
keyword.operator.noexcept#095B13debold
keyword.operator.or.regexp#793E09debold
keyword.operator.plus.exponent#095555debold
keyword.operator.quantifier.regexp#095757debold
keyword.operator.sizeof#8009A8debold
keyword.operator.typeid#73258Ddebold
keyword.operator.wordlike#792695debold
keyword.other.operator#064B4Bdebold
keyword.other.package.java#5B216Edebold
keyword.other.unit#074A0Fdebold
keyword.other.using#085656debold
markup.bold#41521Bde
markup.changed#283CC3de
markup.deleted#9A0647de
markup.fenced_code.block.markdown#3C5409de
markup.heading#1C5151de
markup.inline.raw#3D5409de
markup.inserted#5B216Ede
markup.italic#293AC3de
markup.raw.block.markdown#782693de
markup.strikethrough#095757de
markup.underline#8008A8de
meta.block.c#782595de
meta.block.c#095B14de
meta.class.java#293AC3de
meta.definition.variable.name#081CACde
meta.diff.header#3C5309de
meta.embedded#68421Fde
meta.embedded.assembly#762247de
meta.function-call.arguments.python#091DB1de
meta.function-call.python#1C5925de
meta.member.access.python#3D5509de
meta.method.java#095757de
meta.object-literal.key#793E09de
meta.paragraph.markdown#3D5409de
meta.preprocessor#1B5555de
meta.preprocessor.numeric#9B0748de
meta.preprocessor.string#8007A8de
meta.scope.prerequisites.makefile#792695de
meta.structure.dictionary.json.comments#2952526e
meta.structure.dictionary.key.python#3C5309de
meta.structure.dictionary.value.json.comments#2953536e
meta.template.expression#782692de
meta.type.cast.expr#7F06A7de
meta.type.new.expr#074A0Fde
parameter#782595de
punctuation.character.set.begin.regexp#071CB3de
punctuation.character.set.end.regexp#552067de
punctuation.definition.array.begin.json#9B0948de
punctuation.definition.character-class.regexp#85244Fde
punctuation.definition.comment#2953536e
punctuation.definition.comment.json.comments#2953536e
punctuation.definition.comment.python#2B53536e
punctuation.definition.dictionary.begin.json#1B5555de
punctuation.definition.dictionary.end.json#8B2452de
punctuation.definition.group.assertion.regexp#3C5406de
punctuation.definition.group.regexp#085757de
punctuation.definition.list.begin.json#7A3E08de
punctuation.definition.list.begin.markdown#084A4Ade
punctuation.definition.list.begin.python#095757de
punctuation.definition.list.end.json#1A4A4Ade
punctuation.definition.list.end.markdown#095656de
punctuation.definition.list.end.python#293AC3de
punctuation.definition.parameters.begin.python#095A13de
punctuation.definition.parameters.end.bracket.round.java#5B216Ede
punctuation.definition.quote.begin.markdown#095A14de
punctuation.definition.tag#792593de
punctuation.definition.template-expression.begin#8004A8de
punctuation.definition.template-expression.end#1C5555de
punctuation.section.class.begin.bracket.curly.java#8D2553de
punctuation.section.embedded#074A4Ade
punctuation.section.embedded.begin.php#8009A8de
punctuation.section.embedded.end.php#793E09de
punctuation.terminator.java#9A0A49de
source.cmake#095A14de
source.coffee.embedded#782692de
source.cpp#8007A8de
source.css.less#3D5509de
source.groovy.embedded#095656de
source.java#552067de
source.java-properties#2839ADde
source.json.comments#2B53536e
source.makefile#7F09A6de
source.powershell#793E09de
source.powershell.variable.other.member#095757de
source.python#095A13de
storage#990848de
storage.modifier#8B2551de
storage.modifier.import.java#095555de
storage.modifier.package.java#52351Bde
storage.type#095A13debold
storage.type.annotation.groovy#18431Ddebold
storage.type.annotation.java#075353debold
storage.type.boolean.go#095B13debold
storage.type.byte.go#792695debold
storage.type.cs#3B4A1Adebold
storage.type.error.go#364318debold
storage.type.generic.cs#095A13debold
storage.type.generic.groovy#7B3C04debold
storage.type.generic.java#7A3E08debold
storage.type.groovy#25328Ddebold
storage.type.java#8B2452debold
storage.type.modifier.cs#3E5509debold
storage.type.numeric.go#095656debold
storage.type.object.array.groovy#283AC4debold
storage.type.object.array.java#7A3E08debold
storage.type.parameters.groovy#2737A5debold
storage.type.primitive.array.groovy#293AC3debold
storage.type.primitive.array.java#41521Bdebold
storage.type.primitive.groovy#095656debold
storage.type.primitive.java#783D0Adebold
storage.type.rune.go#3D5409debold
storage.type.string.go#8008A8debold
storage.type.token.java#9A0949debold
storage.type.uintptr.go#095B13debold
storage.type.variable.cs#3D5409debold
string#7B3C06de
string.quoted.docstring.multi.python#2B53536e
string.regexp#1D5824de
string.tag#9A0A49de
string.value#7A3E08de
strong#85244Fde
support.class#085B13de
support.constant.color#8B2452de
support.constant.dom#095656de
support.constant.font-name#081DB6de
support.constant.handlebars#243185de
support.constant.json#7F09A6de
support.constant.math#095A13de
support.constant.media#293AC3de
support.constant.media-type#73258Dde
support.constant.property-value#095B13de
support.function#095757de
support.function.git-rebase#085A13de
support.other.parenthesis.regexp#8D2453de
support.type#782695debold
support.type.property-name#552067debold
support.type.vendored.property-name#095B13debold
support.variable#095656de
token.debug-token#293CC3de
token.error-token#792695de
token.info-token#793D09de
token.warn-token#783E0Ade
variable#67203Fde
variable.css#1C5724de
variable.language#085757de
variable.language.wildcard.java#8004A8de
variable.other.constant#095A14de
variable.other.definition.java#792695de
variable.other.enummember#3B4A1Ade
variable.other.less#9A0949de
variable.other.object.java#085757de
variable.other.object.property.java#1C5925de
variable.parameter.c#793D09de
variable.parameter.function.language.python#283CC3de
variable.parameter.java#8008A8de
variable.scss#085757de