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#D9DDE0fe
  • activityBar.activeBackground#D9DDE0fe
  • activityBar.activeBorder#56360Efe
  • activityBar.activeFocusBorder#6C7F9200
  • activityBar.background#ECEEEFfe
  • activityBar.border#9E6E8600
  • activityBar.dropBorder#5B3403fe
  • activityBar.foreground#56360Dfe
  • activityBar.inactiveForeground#38404765
  • activityBarBadge.background#765122fe
  • activityBarBadge.foreground#ECEEEFfe
  • badge.background#B76B09fe
  • badge.foreground#ECEEEFfe
  • banner.background#D9DDE0fe
  • banner.foreground#10365Dce
  • banner.iconForeground#3D2A64fe
  • breadcrumb.activeSelectionForeground#3D3517ca
  • breadcrumb.background#E7E9ECfe
  • breadcrumb.focusForeground#B76A07fe
  • breadcrumb.foreground#14384Fae
  • breadcrumbPicker.background#D9DDE0fe
  • button.background#AEB6BFae
  • button.border#F7F7F500
  • button.foreground#10365Dce
  • button.hoverBackground#8D99A46e
  • button.secondaryBackground#D9DDE0fe
  • button.secondaryForeground#10365Dce
  • button.secondaryHoverBackground#D9DDE0fe
  • button.separator#F5F6F700
  • charts.blue#1b1bfffe
  • charts.foreground#10365Dce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067c6
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F0F2F3fe
  • chat.slashCommandBackground#D9DDE0fe
  • chat.slashCommandForeground#10365Dce
  • checkbox.background#F0F2F3fe
  • checkbox.border#F0F2F3fe
  • checkbox.foreground#10365Dce
  • checkbox.selectBackground#F0F2F3fe
  • checkbox.selectBorder#F0F2F3fe
  • commandCenter.activeBackground#D4C9D087
  • commandCenter.activeBorder#F0F2F3fe
  • commandCenter.activeForeground#B66B0Bfe
  • commandCenter.background#D9DDE0fe
  • commandCenter.border#F0F2F3fe
  • commandCenter.foreground#10365Dce
  • commandCenter.inactiveBorder#C7CCD29e
  • commandCenter.inactiveForeground#3C444C65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F5F7F600
  • contrastBorder#F6F5F700
  • debugConsole.errorForeground#8E008Ece
  • debugConsole.infoForeground#10365Dce
  • debugConsole.sourceForeground#10365Dce
  • debugConsole.warningForeground#5C4C00ce
  • debugConsoleInputIcon.foreground#333E31fe
  • debugExceptionWidget.background#FEB5FE9d
  • debugExceptionWidget.border#F0F2F3fe
  • debugIcon.breakpointCurrentStackframeForeground#440B92fe
  • debugIcon.breakpointDisabledForeground#40485165
  • debugIcon.breakpointForeground#153758fe
  • debugIcon.breakpointStackframeForeground#442F3Dfe
  • debugIcon.breakpointUnverifiedForeground#3D2A64fe
  • debugIcon.continueForeground#263A22fe
  • debugIcon.disconnectForeground#1F3C19fe
  • debugIcon.pauseForeground#1C3C18fe
  • debugIcon.restartForeground#1E3C18fe
  • debugIcon.startForeground#313E37fe
  • debugIcon.stepBackForeground#482C40fe
  • debugIcon.stepIntoForeground#313E37fe
  • debugIcon.stepOutForeground#3D2A64fe
  • debugIcon.stepOverForeground#383245fe
  • debugIcon.stopForeground#4C2A41fe
  • debugTokenExpression.boolean#18161Cca
  • debugTokenExpression.error#261E23ca
  • debugTokenExpression.name#181713ca
  • debugTokenExpression.number#1D1717ca
  • debugTokenExpression.value#1D1C17ca
  • debugToolBar.background#FEB5FEb7
  • debugToolBar.border#F0F2F3fe
  • debugView.exceptionLabelBackground#D6CBD2ca
  • debugView.exceptionLabelForeground#1F3C19ca
  • debugView.stateLabelBackground#C3D0CAca
  • debugView.stateLabelForeground#3B361Dca
  • debugView.valueChangedHighlight#181316ca
  • descriptionForeground#10365Dce
  • diffEditor.border#F6F5F700
  • diffEditor.diagonalFill#000000fd
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#A7D9AAfb
  • diffEditor.insertedTextBorder#F5F6F700
  • diffEditor.move.border#F7F5F600
  • diffEditor.moveActive.border#F7F5F500
  • diffEditor.removedLineBackground#FFBBBB31
  • diffEditor.removedTextBackground#FFBBBBfb
  • diffEditor.removedTextBorder#F7F7F500
  • diffEditor.unchangedCodeBackground#D9DDE0fe
  • diffEditor.unchangedRegionBackground#D9DDE0fe
  • diffEditor.unchangedRegionForeground#10365Dce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#3C444C65
  • dropdown.background#F0F2F3fe
  • dropdown.border#F0F2F3fe
  • dropdown.foreground#10365Dce
  • dropdown.listBackground#F0F2F3fe
  • editor.background#D9DDE0fe
  • editor.findMatchBackground#9D9984a7
  • editor.findMatchBorder#F0F2F3fe
  • editor.findMatchHighlightBackground#ACBBA9a8
  • editor.findMatchHighlightBorder#F0F2F3fe
  • editor.findRangeHighlightBackground#BFAEAEab
  • editor.findRangeHighlightBorder#F0F2F3fe
  • editor.focusedStackFrameHighlightBackground#A48D9D8a
  • editor.foldBackground#5E33ADad
  • editor.foreground#10365Dce
  • editor.hoverHighlightBackground#B0AC9Bab
  • editor.inactiveSelectionBackground#C1C7CE9d
  • editor.inlineValuesBackground#D9DDE0fe
  • editor.inlineValuesForeground#10365Dce
  • editor.lineHighlightBackground#B8BFC6b5
  • editor.lineHighlightBorder#F7F5F600
  • editor.linkedEditingBackground#D9DDE0fe
  • editor.rangeHighlightBackground#B7A5A5ab
  • editor.rangeHighlightBorder#F0F2F3fe
  • editor.selectionBackground#C6D1CCa8
  • editor.selectionForeground#3C3618ca
  • editor.selectionHighlightBackground#9992A883
  • editor.selectionHighlightBorder#F0F2F3fe
  • editor.snippetFinalTabstopHighlightBackground#8C849Da4
  • editor.snippetFinalTabstopHighlightBorder#F0F2F3fe
  • editor.snippetTabstopHighlightBackground#B3A0ADa6
  • editor.snippetTabstopHighlightBorder#F0F2F3fe
  • editor.stackFrameHighlightBackground#889D84ae
  • editor.symbolHighlightBackground#A892A1ae
  • editor.symbolHighlightBorder#F0F2F3fe
  • editor.wordHighlightBackground#84909Da7
  • editor.wordHighlightBorder#F7F7F500
  • editor.wordHighlightStrongBackground#ABA5B7a1
  • editor.wordHighlightStrongBorder#F7F5F600
  • editor.wordHighlightTextBackground#8CA188a7
  • editor.wordHighlightTextBorder#F5F7F600
  • editorBracketHighlight.foreground1#0B0C0Dce
  • editorBracketHighlight.foreground2#0B0C0Dce
  • editorBracketHighlight.foreground3#0B0C0Dce
  • editorBracketHighlight.foreground4#0B0C0Dce
  • editorBracketHighlight.foreground5#0B0C0Dce
  • editorBracketHighlight.foreground6#0B0C0Dce
  • editorBracketHighlight.unexpectedBracket.foreground#10365Dce
  • editorBracketMatch.background#6F4343a6
  • editorBracketMatch.border#F0F2F3fe
  • editorBracketPairGuide.activeBackground1#5923CD8c
  • editorBracketPairGuide.activeBackground2#5B39A28d
  • editorBracketPairGuide.activeBackground3#73404088
  • editorBracketPairGuide.activeBackground4#63465A8b
  • editorBracketPairGuide.activeBackground5#30564382
  • editorBracketPairGuide.activeBackground6#7D3A3A8c
  • editorBracketPairGuide.background1#D6CBD2fe
  • editorBracketPairGuide.background2#D4C9D0fe
  • editorBracketPairGuide.background3#CFCBD6fe
  • editorBracketPairGuide.background4#C4CFC2fe
  • editorBracketPairGuide.background5#CECAD5fe
  • editorBracketPairGuide.background6#CECAD5fe
  • editorCodeLens.foreground#074F906e
  • editorCommentsWidget.rangeActiveBackground#3C505Ffe
  • editorCommentsWidget.rangeBackground#D9DDE0fe
  • editorCommentsWidget.resolvedBorder#F0F2F3fe
  • editorCommentsWidget.unresolvedBorder#FFBBBBcb
  • editorCursor.background#D9DDE0fe
  • editorCursor.foreground#B66B0Bfe
  • editorError.background#F7F5F500
  • editorError.border#F5F7F500
  • editorError.foreground#8E008Ece
  • editorGhostText.background#D9DDE0fe
  • editorGhostText.border#F5F7F500
  • editorGhostText.foreground#0E4F916e
  • editorGroup.border#F0F2F3fe
  • editorGroup.dropBackground#D9DDE0fe
  • editorGroup.dropIntoPromptBackground#D9DDE0fe
  • editorGroup.dropIntoPromptBorder#F0F2F3fe
  • editorGroup.dropIntoPromptForeground#10365Dce
  • editorGroup.emptyBackground#D9DDE0fe
  • editorGroup.focusedEmptyBorder#F0F2F3fe
  • editorGroupHeader.border#F5F7F600
  • editorGroupHeader.noTabsBackground#ECEEEFae
  • editorGroupHeader.tabsBackground#D4D8DDa1
  • editorGroupHeader.tabsBorder#F7F5F600
  • editorGutter.addedBackground#1A5B1Dfb
  • editorGutter.background#D9DDE0fe
  • editorGutter.commentGlyphForeground#10365Dce
  • editorGutter.commentRangeForeground#10365Dce
  • editorGutter.commentUnresolvedGlyphForeground#1F5921cb
  • editorGutter.deletedBackground#A30000cb
  • editorGutter.foldingControlForeground#10365Dce
  • editorGutter.modifiedBackground#5C4C00ce
  • editorHint.border#F5F7F600
  • editorHint.foreground#3C00F8ce
  • editorHoverWidget.background#F0F2F3fe
  • editorHoverWidget.border#F0F2F3fe
  • editorHoverWidget.foreground#10365Dce
  • editorHoverWidget.highlightForeground#592044ca
  • editorHoverWidget.statusBarBackground#D9DDE0fe
  • editorIndentGuide.activeBackground1#533711fe
  • editorIndentGuide.activeBackground2#533816fe
  • editorIndentGuide.activeBackground3#56360Dfe
  • editorIndentGuide.activeBackground4#5B3403fe
  • editorIndentGuide.activeBackground5#533714fe
  • editorIndentGuide.activeBackground6#56360Dfe
  • editorIndentGuide.background1#68535335
  • editorIndentGuide.background2#49445535
  • editorIndentGuide.background3#37423535
  • editorIndentGuide.background4#5F4B4B35
  • editorIndentGuide.background5#566D6235
  • editorIndentGuide.background6#4B5F5535
  • editorInfo.background#F6F5F700
  • editorInfo.border#F5F7F500
  • editorInfo.foreground#3C00F8ce
  • editorInlayHint.background#D9DDE0fe
  • editorInlayHint.foreground#10365Dce
  • editorInlayHint.parameterBackground#D9DDE0fe
  • editorInlayHint.parameterForeground#10365Dce
  • editorInlayHint.typeBackground#D9DDE0fe
  • editorInlayHint.typeForeground#10365Dce
  • editorLightBulb.foreground#5C4C00ce
  • editorLightBulbAutoFix.foreground#1F5921cb
  • editorLineNumber.activeForeground#9D6927fe
  • editorLineNumber.dimmedForeground#074F906e
  • editorLineNumber.foreground#0E4F916e
  • editorLink.activeForeground#B66B0Bfe
  • editorMarkerNavigation.background#F0F2F3fe
  • editorMarkerNavigationError.background#FEB5FE9f
  • editorMarkerNavigationError.headerBackground#FEB5FEc4
  • editorMarkerNavigationInfo.background#C8C8FFfe
  • editorMarkerNavigationInfo.headerBackground#C8C8FFfe
  • editorMarkerNavigationWarning.background#F3C800fe
  • editorMarkerNavigationWarning.headerBackground#F3C800fe
  • editorOverviewRuler.addedForeground#1F5921cb
  • editorOverviewRuler.background#D9DDE0fe
  • editorOverviewRuler.border#C7CDD1fe
  • editorOverviewRuler.bracketMatchForeground#10365Dce
  • editorOverviewRuler.commentForeground#0E4F916e
  • editorOverviewRuler.commentUnresolvedForeground#1F5921cb
  • editorOverviewRuler.commonContentForeground#10365Dce
  • editorOverviewRuler.currentContentForeground#4E4E4Eae
  • editorOverviewRuler.deletedForeground#A30000cb
  • editorOverviewRuler.errorForeground#8E008Ece
  • editorOverviewRuler.findMatchForeground#005858ce
  • editorOverviewRuler.incomingContentForeground#1F5921cb
  • editorOverviewRuler.infoForeground#3C00F8ce
  • editorOverviewRuler.modifiedForeground#5C4C00ce
  • editorOverviewRuler.rangeHighlightForeground#3C2F54ca
  • editorOverviewRuler.selectionHighlightForeground#3C00F8ce
  • editorOverviewRuler.warningForeground#5C4C00ce
  • editorOverviewRuler.wordHighlightForeground#1B384Dca
  • editorOverviewRuler.wordHighlightStrongForeground#10365Dce
  • editorOverviewRuler.wordHighlightTextForeground#10365Dce
  • editorPane.background#D9DDE0fe
  • editorRuler.foreground#3A51672c
  • editorStickyScroll.background#D9DDE0fe
  • editorStickyScrollHover.background#C7CDD26e
  • editorSuggestWidget.background#F0F2F3fe
  • editorSuggestWidget.border#F7F5F600
  • editorSuggestWidget.focusHighlightForeground#433E11fe
  • editorSuggestWidget.foreground#3C2F54fe
  • editorSuggestWidget.highlightForeground#13375Aca
  • editorSuggestWidget.selectedBackground#BFAEAE8d
  • editorSuggestWidget.selectedForeground#601F1Fca
  • editorSuggestWidget.selectedIconForeground#1F3C19ca
  • editorSuggestWidgetStatus.foreground#2B3741fe
  • editorUnicodeHighlight.background#9BB0A5a8
  • editorUnicodeHighlight.border#F0F2F3fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F5F7F600
  • editorWarning.border#F7F7F500
  • editorWarning.foreground#5C4C00ce
  • editorWhitespace.foreground#10365Dce
  • editorWidget.background#F0F2F3fe
  • editorWidget.border#F0F2F3fe
  • editorWidget.foreground#10365Dce
  • editorWidget.resizeBorder#F0F2F3fe
  • errorForeground#8E008Ece
  • extensionBadge.remoteBackground#855B24fe
  • extensionBadge.remoteForeground#ECEEEFfe
  • extensionButton.background#C7CDD2ae
  • extensionButton.foreground#10365Dce
  • extensionButton.hoverBackground#C7CDD26e
  • extensionButton.prominentBackground#D9DDE0fe
  • extensionButton.prominentForeground#10365Dce
  • extensionButton.prominentHoverBackground#D9DDE0fe
  • extensionButton.separator#F5F7F600
  • extensionIcon.preReleaseForeground#333E31fe
  • extensionIcon.sponsorForeground#3F340Dfe
  • extensionIcon.starForeground#482C40fe
  • extensionIcon.verifiedForeground#5A2525fe
  • focusBorder#F6F5F700
  • foreground#10365Dce
  • gitDecoration.addedResourceForeground#1F5921cb
  • gitDecoration.deletedResourceForeground#A30000cb
  • gitDecoration.modifiedResourceForeground#5C4C00ce
  • gitDecoration.renamedResourceForeground#3C00F8ce
  • gitDecoration.stageDeletedResourceForeground#A30000cb
  • gitDecoration.stageModifiedResourceForeground#1F5921cb
  • gitDecoration.untrackedResourceForeground#005858ce
  • icon.foreground#46505Aae
  • inlineChat.background#D6CBCBca
  • inlineChat.border#C3D0C9ca
  • inlineChat.regionHighlight#19171Dca
  • inlineChat.shadow#171D1Aca
  • inlineChatDiff.inserted#1C1616ca
  • inlineChatDiff.removed#26251Eca
  • inlineChatInput.background#1F261Eca
  • inlineChatInput.border#C8CFD3ca
  • inlineChatInput.focusBorder#F5F6F700
  • inlineChatInput.placeholderForeground#0B3F04ca
  • input.background#F0F2F3fe
  • input.border#F0F2F3fe
  • input.foreground#10365Dce
  • input.placeholderForeground#353B4265
  • inputOption.activeBackground#F0F2F3fe
  • inputOption.activeBorder#F0F2F3fe
  • inputOption.activeForeground#B76A07fe
  • inputOption.hoverBackground#F0F2F3fe
  • inputValidation.errorBackground#670067ca
  • inputValidation.errorBorder#FEB5FEa6
  • inputValidation.errorForeground#8E008Ece
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F0F2F3fe
  • inputValidation.infoForeground#10365Dce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F0F2F3fe
  • inputValidation.warningForeground#5C4C00ce
  • interactive.activeCodeBorder#F0F2F3fe
  • interactive.inactiveCodeBorder#C7CDD29a
  • keybindingLabel.background#D9DDE0fe
  • keybindingLabel.border#F0F2F3fe
  • keybindingLabel.bottomBorder#F0F2F3fe
  • keybindingLabel.foreground#10365Dce
  • keybindingTable.headerBackground#D9DDE0fe
  • keybindingTable.rowsBackground#D9DDE0fe
  • list.activeSelectionBackground#889D8487
  • list.activeSelectionForeground#601F1Fca
  • list.activeSelectionIconForeground#6D0E0Eca
  • list.deemphasizedForeground#10365Dce
  • list.dropBackground#D9DDE0fe
  • list.errorForeground#8E008Ece
  • list.filterMatchBackground#D9DDE0fe
  • list.filterMatchBorder#F0F2F3fe
  • list.focusAndSelectionOutline#F6F5F700
  • list.focusBackground#C6CCD197
  • list.focusForeground#956426fe
  • list.focusHighlightForeground#214432fe
  • list.focusOutline#F7F5F500
  • list.highlightForeground#3E2F54ca
  • list.hoverBackground#C2CFC8a2
  • list.hoverForeground#B76A07fe
  • list.inactiveFocusBackground#B3BBC297
  • list.inactiveFocusOutline#F5F6F700
  • list.inactiveSelectionBackground#ECEEEFae
  • list.inactiveSelectionForeground#3C444C65
  • list.inactiveSelectionIconForeground#444C5565
  • list.invalidItemForeground#10365Dce
  • list.warningForeground#5C4C00ce
  • listFilterWidget.background#D9DDE0fe
  • listFilterWidget.noMatchesOutline#F7F5F600
  • listFilterWidget.outline#F7F5F500
  • listFilterWidget.shadow#F5F7F500
  • menu.background#ECEEEFfe
  • menu.border#F5F6F700
  • menu.foreground#10365Dae
  • menu.selectionBackground#C1CEC7ae
  • menu.selectionBorder#F5F7F500
  • menu.selectionForeground#B76A07fe
  • menu.separatorBackground#C7CDD365
  • menubar.selectionBackground#C1CEC7a4
  • menubar.selectionBorder#F7F7F500
  • menubar.selectionForeground#8D6025fe
  • merge.border#F0F2F3fe
  • merge.commonContentBackground#D9DDE0fe
  • merge.commonHeaderBackground#D9DDE0fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#A7D9AAfb
  • merge.incomingContentBackground#A6D8A8cb
  • merge.incomingHeaderBackground#A7D9AAfb
  • mergeEditor.change.background#D9DDE0fe
  • mergeEditor.change.word.background#D9DDE0fe
  • mergeEditor.changeBase.background#D9DDE0fe
  • mergeEditor.changeBase.word.background#D9DDE0fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F0F2F3fe
  • mergeEditor.conflict.handledUnfocused.border#CAD0D52e
  • mergeEditor.conflict.input1.background#F0F2F3fe
  • mergeEditor.conflict.input2.background#F0F2F3fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067cb
  • mergeEditor.conflict.unhandledFocused.border#F0F2F3fe
  • mergeEditor.conflict.unhandledUnfocused.border#CAD0D527
  • mergeEditor.conflictingLines.background#D9DDE0fe
  • minimap.background#D9DDE0fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0B0C0Dce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1A5B1Dfb
  • minimapGutter.deletedBackground#A30000fb
  • minimapGutter.modifiedBackground#5C4C00ce
  • minimapSlider.activeBackground#717F8Efe
  • minimapSlider.background#A0AAB3ae
  • minimapSlider.hoverBackground#96A1AC6e
  • notebook.cellBorderColor#F0F2F3fe
  • notebook.cellEditorBackground#D9DDE0fe
  • notebook.cellHoverBackground#D9DDE0fe
  • notebook.cellInsertionIndicator#171a1dca
  • notebook.cellStatusBarItemHoverBackground#D9DDE0fe
  • notebook.cellToolbarSeparator#261E23ca
  • notebook.editorBackground#D9DDE0fe
  • notebook.focusedCellBackground#D9DDE0fe
  • notebook.focusedCellBorder#B76B09fe
  • notebook.focusedEditorBorder#F0F2F3fe
  • notebook.inactiveFocusedCellBorder#717F8E8e
  • notebook.inactiveSelectedCellBorder#7A88958e
  • notebook.outputContainerBackgroundColor#D9DDE0fe
  • notebook.outputContainerBorderColor#F0F2F3fe
  • notebook.selectedCellBackground#D9DDE0fe
  • notebook.selectedCellBorder#F0F2F3fe
  • notebook.symbolHighlightBackground#D9DDE0fe
  • notebookEditorOverviewRuler.runningCellForeground#10365Dce
  • notebookScrollbarSlider.activeBackground#758492fe
  • notebookScrollbarSlider.background#9BA5B0ae
  • notebookScrollbarSlider.hoverBackground#8D99A46e
  • notebookStatusErrorIcon.foreground#8E008Ece
  • notebookStatusRunningIcon.foreground#463030fe
  • notebookStatusSuccessIcon.foreground#1F5921cb
  • notificationCenter.border#F0F2F3fe
  • notificationCenterHeader.background#D9DDE0fe
  • notificationCenterHeader.foreground#10365Dce
  • notificationLink.foreground#10365Dce
  • notifications.background#D9DDE0fe
  • notifications.border#F0F2F3fe
  • notifications.foreground#10365Dce
  • notificationsErrorIcon.foreground#8E008Ece
  • notificationsInfoIcon.foreground#1C3C18fe
  • notificationsWarningIcon.foreground#5C4C00ce
  • notificationToast.border#F0F2F3fe
  • panel.background#D9DDE0fe
  • panel.border#F0F2F3fe
  • panel.dropBorder#F0F2F3fe
  • panelInput.border#F0F2F3fe
  • panelSection.border#F0F2F3fe
  • panelSection.dropBackground#D9DDE0fe
  • panelSectionHeader.background#D9DDE0fe
  • panelSectionHeader.border#F0F2F3fe
  • panelSectionHeader.foreground#10365Dce
  • panelTitle.activeBorder#F6F5F700
  • panelTitle.activeForeground#5B3403fe
  • panelTitle.inactiveForeground#40485165
  • peekView.border#56360Dfe
  • peekViewEditor.background#F0F2F3fe
  • peekViewEditor.matchHighlightBackground#AC96A58a
  • peekViewEditor.matchHighlightBorder#F5F7F600
  • peekViewEditorGutter.background#F0F2F3fe
  • peekViewEditorStickyScroll.background#D9DDE0fe
  • peekViewResult.background#ECEEEFfe
  • peekViewResult.fileForeground#10365Dce
  • peekViewResult.lineForeground#10365Dce
  • peekViewResult.matchHighlightBackground#A29BB081
  • peekViewResult.selectionBackground#BFBCAE81
  • peekViewResult.selectionForeground#0B3F04ca
  • peekViewTitle.background#ECEEEFfe
  • peekViewTitleDescription.foreground#10365Dce
  • peekViewTitleLabel.foreground#10365Dce
  • pickerGroup.border#F0F2F3fe
  • pickerGroup.foreground#10365Dce
  • ports.iconRunningProcessForeground#31373Efe
  • problemsErrorIcon.foreground#8E008Ece
  • problemsInfoIcon.foreground#3C00F8ce
  • problemsWarningIcon.foreground#5C4C00ce
  • profileBadge.background#7D5623fe
  • profileBadge.foreground#ECEEEFfe
  • progressBar.background#D9DDE0fe
  • quickInput.background#ECEEEFfe
  • quickInput.foreground#10365Dae
  • quickInputList.focusBackground#96ACA1a1
  • quickInputList.focusForeground#8D6025fe
  • quickInputList.focusIconForeground#8D6025fe
  • quickInputTitle.background#F0F2F3fe
  • sash.hoverBorder#F0F2F3fe
  • scrollbar.shadow#F7F5F600
  • scrollbarSlider.activeBackground#7A8895fe
  • scrollbarSlider.background#AEB6BFae
  • scrollbarSlider.hoverBackground#8894A16e
  • search.resultsInfoForeground#10365Dce
  • searchEditor.findMatchBackground#B0AC9Baa
  • searchEditor.findMatchBorder#F0F2F3fe
  • searchEditor.textInputBorder#F0F2F3fe
  • selection.background#D9DDE0fe
  • settings.checkboxBackground#F0F2F3fe
  • settings.checkboxBorder#F0F2F3fe
  • settings.checkboxForeground#10365Dce
  • settings.dropdownBackground#F0F2F3fe
  • settings.dropdownBorder#F0F2F3fe
  • settings.dropdownForeground#10365Dce
  • settings.dropdownListBorder#F0F2F3fe
  • settings.focusedRowBackground#A8A49283
  • settings.focusedRowBorder#F0F2F3fe
  • settings.headerBorder#F0F2F3fe
  • settings.headerForeground#10365Dce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F0F2F3fe
  • settings.numberInputBorder#F0F2F3fe
  • settings.numberInputForeground#10365Dce
  • settings.rowHoverBackground#D9DDE0fe
  • settings.sashBorder#F0F2F3fe
  • settings.settingsHeaderHoverForeground#956426fe
  • settings.textInputBackground#F0F2F3fe
  • settings.textInputBorder#F0F2F3fe
  • settings.textInputForeground#10365Dce
  • sideBar.background#D9DDE0fe
  • sideBar.border#F0F2F3fe
  • sideBar.dropBackground#D9DDE0fe
  • sideBar.foreground#46505Aae
  • sideBarSectionHeader.background#F5F7F600
  • sideBarSectionHeader.border#F0F2F3fe
  • sideBarSectionHeader.foreground#10365Dce
  • sideBarTitle.foreground#10365Dce
  • sideBySideEditor.horizontalBorder#F0F2F3fe
  • sideBySideEditor.verticalBorder#F0F2F3fe
  • simpleFindWidget.sashBorder#F0F2F3fe
  • statusBar.background#ECEEEFfe
  • statusBar.border#F0F2F3fe
  • statusBar.debuggingBackground#FEB5FEac
  • statusBar.debuggingBorder#F0F2F3fe
  • statusBar.debuggingForeground#10365Dce
  • statusBar.focusBorder#F7F7F500
  • statusBar.foreground#114F926e
  • statusBar.noFolderBackground#ECEEEFfe
  • statusBar.noFolderBorder#F0F2F3fe
  • statusBar.noFolderForeground#10365Dce
  • statusBarItem.activeBackground#ECEEEFfe
  • statusBarItem.compactHoverBackground#ECEEEFfe
  • statusBarItem.errorBackground#FEB5FE9d
  • statusBarItem.errorForeground#8E008Ece
  • statusBarItem.errorHoverBackground#FEB5FEa5
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#F5F6F700
  • statusBarItem.hoverBackground#ECEEEFfe
  • statusBarItem.hoverForeground#B66B0Bfe
  • statusBarItem.offlineBackground#ECEEEFfe
  • statusBarItem.offlineForeground#10365Dce
  • statusBarItem.offlineHoverBackground#ECEEEFfe
  • statusBarItem.offlineHoverForeground#A56E27fe
  • statusBarItem.prominentBackground#ECEEEFfe
  • statusBarItem.prominentForeground#10365Dce
  • statusBarItem.prominentHoverBackground#ECEEEFfe
  • statusBarItem.prominentHoverForeground#956426fe
  • statusBarItem.remoteBackground#7D5623fe
  • statusBarItem.remoteForeground#ECEEEFfe
  • statusBarItem.remoteHoverBackground#ECEEEFfe
  • statusBarItem.remoteHoverForeground#A56E27fe
  • statusBarItem.warningBackground#F3C800fe
  • statusBarItem.warningForeground#5C4C00ce
  • statusBarItem.warningHoverBackground#F3C800fe
  • statusBarItem.warningHoverForeground#957B00ce
  • symbolIcon.arrayForeground#193C2Bfe
  • symbolIcon.booleanForeground#005858ce
  • symbolIcon.classForeground#2F392Dfe
  • symbolIcon.colorForeground#223A2Ffe
  • symbolIcon.constantForeground#6A0443fe
  • symbolIcon.constructorForeground#31373Efe
  • symbolIcon.enumeratorForeground#3E3B31fe
  • symbolIcon.enumeratorMemberForeground#1E3C17fe
  • symbolIcon.eventForeground#223A2Ffe
  • symbolIcon.fieldForeground#6D0E0Efe
  • symbolIcon.fileForeground#21374Cfe
  • symbolIcon.folderForeground#631248fe
  • symbolIcon.functionForeground#39372Dfe
  • symbolIcon.interfaceForeground#13375Afe
  • symbolIcon.keyForeground#153758fe
  • symbolIcon.keywordForeground#133E0Efe
  • symbolIcon.methodForeground#5A2525fe
  • symbolIcon.moduleForeground#3C3618fe
  • symbolIcon.namespaceForeground#442F3Dfe
  • symbolIcon.nullForeground#183C2Afe
  • symbolIcon.numberForeground#2A3645fe
  • symbolIcon.objectForeground#2A3645fe
  • symbolIcon.operatorForeground#0B3F04fe
  • symbolIcon.packageForeground#2E363Dfe
  • symbolIcon.propertyForeground#153758fe
  • symbolIcon.referenceForeground#1E3C17fe
  • symbolIcon.snippetForeground#5E194Afe
  • symbolIcon.stringForeground#133E0Efe
  • symbolIcon.structForeground#21374Cfe
  • symbolIcon.textForeground#1E3C18fe
  • symbolIcon.typeParameterForeground#213B1Dfe
  • symbolIcon.unitForeground#31373Efe
  • symbolIcon.variableForeground#3E3B31fe
  • tab.activeBackground#E7E9ECfe
  • tab.activeBorder#F7F5F600
  • tab.activeBorderTop#56360Dfe
  • tab.activeForeground#533711fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F5F6F700
  • tab.hoverBackground#345545a9
  • tab.hoverBorder#F0F2F3fe
  • tab.hoverForeground#855B24fe
  • tab.inactiveBackground#C7CDD19c
  • tab.inactiveForeground#3C444C65
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F0F2F3fe
  • tab.unfocusedActiveBackground#CAD0D525
  • tab.unfocusedActiveBorder#F5F7F500
  • tab.unfocusedActiveBorderTop#C7CDD365
  • tab.unfocusedActiveForeground#444C5565
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#3A51672d
  • tab.unfocusedHoverBorder#CAD0D53b
  • tab.unfocusedHoverForeground#363E4765
  • tab.unfocusedInactiveBackground#C6CCD198
  • tab.unfocusedInactiveForeground#444C5565
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#3333339f
  • 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#670067c1
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececec2
  • terminal.ansiYellow#c4a200fe
  • terminal.background#D9DDE0fe
  • terminal.border#F0F2F3fe
  • terminal.dropBackground#D9DDE0fe
  • terminal.findMatchBackground#D9DDE0fe
  • terminal.findMatchBorder#F0F2F3fe
  • terminal.findMatchHighlightBackground#D9DDE0fe
  • terminal.findMatchHighlightBorder#F0F2F3fe
  • terminal.foreground#46505Aae
  • terminal.hoverHighlightBackground#D9DDE0fe
  • terminal.inactiveSelectionBackground#B8BFC69a
  • terminal.selectionBackground#ACA89683
  • terminal.selectionForeground#5E194Aca
  • terminal.tab.activeBorder#513819fe
  • terminalCommandDecoration.defaultBackground#544E30a2
  • terminalCommandDecoration.errorBackground#A30000cb
  • terminalCommandDecoration.successBackground#1F5921cb
  • terminalCursor.background#D9DDE0fe
  • terminalCursor.foreground#8D6025fe
  • terminalOverviewRuler.cursorForeground#10365Dce
  • terminalOverviewRuler.findMatchForeground#005858ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0b0
  • testing.iconUnset#808080c0
  • testing.message.error.decorationForeground#6F4611fe
  • testing.message.error.lineBackground#FEB5FEa4
  • testing.message.info.decorationForeground#6F450Ffe
  • testing.message.info.lineBackground#C8C8FFfe
  • testing.peekBorder#F0F2F3fe
  • testing.peekHeaderBackground#D9DDE0fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#D9DDE0fe
  • textBlockQuote.border#F0F2F3fe
  • textCodeBlock.background#D9DDE0fe
  • textLink.activeForeground#B66B0Bfe
  • textLink.foreground#3C00F8ce
  • textPreformat.foreground#10365Dce
  • textSeparator.foreground#10365Dce
  • titleBar.activeBackground#ECEEEFfe
  • titleBar.activeForeground#0D3E6Fae
  • titleBar.border#F5F7F500
  • titleBar.inactiveBackground#C7CDD1d3
  • titleBar.inactiveForeground#40485165
  • toolbar.activeBackground#D5C9D18e
  • toolbar.hoverBackground#D9DDE0fe
  • toolbar.hoverOutline#F5F6F700
  • tree.inactiveIndentGuidesStroke#5E566D35
  • tree.indentGuidesStroke#6D4613fe
  • tree.tableColumnsBorder#F0F2F3fe
  • tree.tableOddRowsBackground#D9DDE0fe
  • walkThrough.embeddedEditorBackground#D9DDE0fe
  • walkthrough.stepTitle.foreground#10365Dce
  • welcomePage.background#D9DDE0fe
  • welcomePage.progress.background#D9DDE0fe
  • welcomePage.progress.foreground#10365Dce
  • welcomePage.tileBackground#D9DDE0fe
  • welcomePage.tileBorder#F0F2F3fe
  • welcomePage.tileHoverBackground#D9DDE0fe
  • widget.border#F0F2F3fe
  • widget.shadow#F7F5F600
  • window.activeBorder#F0F2F3fe
  • window.inactiveBorder#C7CDD298

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#13304D6e
comment.block.html#13304D6e
comment.block.java#1531446e
comment.block.javadoc.java#14304C6e
comment.block.powershell#13304D6e
comment.block.xml#1531446e
comment.line.double-slash.c#14304C6e
comment.line.double-slash.cpp#13304D6e
comment.line.double-slash.java#14304C6e
comment.line.double-slash.js#13304D6e
comment.line.number-sign.makefile#12304D6e
comment.line.number-sign.python#1531446e
comment.line.number-sign.yaml#14304C6e
comment.line.percentage.erlang#13304D6e
comment.line.powershell#1531446e
comment.source.cmake#1531446e
comment.source.cmakecache#13304D6e
constant.character#581D30de
constant.character.character-class.regexp#500D5Ade
constant.character.escape#5E2067de
constant.character.set.regexp#0F3335de
constant.language#52065Dde
constant.numeric#222278de
constant.numeric.dec.python#093336de
constant.other.caps.python#442704de
constant.other.character-class.regexp#163A3Cde
constant.other.character-class.set.regexp#643C09de
constant.other.color.rgb-value#511D58de
constant.other.placeholder#222275de
constant.other.rgb-value#672036de
constant.regexp#5F1F33de
constant.sha.git-rebase#0F3518de
emphasis#53192Cde
entity.name.class#043538de
entity.name.function#643C09de
entity.name.function.preprocessor#084D51de
entity.name.function.python#0F3335de
entity.name.label#3F2A0Fde
entity.name.namespace#623D0Bde
entity.name.operator#4F0D5Bde
entity.name.operator.custom-literal#4B1951de
entity.name.scope-resolution#0C501Dde
entity.name.tag#222277de
entity.name.tag.css#0101A4de
entity.name.type#571F5Fdebold
entity.name.variable#643B07de
entity.other.attribute#20207Ade
entity.other.attribute-name#1A474Ade
entity.other.attribute-name.class.css#16168Fde
entity.other.attribute-name.class.mixin.css#213304de
entity.other.attribute-name.id#2E3C16de
entity.other.attribute-name.id.css#344C0Ede
entity.other.attribute-name.parent-selector.css#5D0D26de
entity.other.attribute-name.pseudo-class.css#334318de
entity.other.attribute-name.pseudo-element.css#4A351Ade
entity.other.attribute-name.scss#3D2B0Fde
entity.other.document.begin.yaml#13304D6e
entity.other.inherited-class#583E1Dde
header#212175de
invalid#5F1F33de
keyword#1A1A87debold
keyword.codetag.notation.python#6E2139debold
keyword.control#1A1A87debold
keyword.control.anchor.regexp#0D501Edebold
keyword.control.import.python#3E2B13debold
keyword.operator#00370Edebold
keyword.operator.alignas#402A10debold
keyword.operator.alignof#65216Edebold
keyword.operator.cast#5C0D27debold
keyword.operator.delete#163C20debold
keyword.operator.documentation.powershell#14304C6ebold
keyword.operator.expression#0A0A9Edebold
keyword.operator.instanceof#344C0Cdebold
keyword.operator.logical.python#101098debold
keyword.operator.minus.exponent#0A0A9Edebold
keyword.operator.negation.regexp#344C0Adebold
keyword.operator.new#213403debold
keyword.operator.noexcept#5D0D26debold
keyword.operator.or.regexp#344C0Cdebold
keyword.operator.plus.exponent#4A351Adebold
keyword.operator.quantifier.regexp#16168Fdebold
keyword.operator.sizeof#4A351Adebold
keyword.operator.typeid#5D0D26debold
keyword.operator.wordlike#384A1Adebold
keyword.other.operator#5E2067debold
keyword.other.package.java#222275debold
keyword.other.unit#2E3C16debold
keyword.other.using#6E2139debold
markup.bold#212175de
markup.changed#610220de
markup.deleted#334318de
markup.fenced_code.block.markdown#2E3C16de
markup.heading#184043de
markup.inline.raw#610220de
markup.inserted#5C0D25de
markup.italic#3E2B13de
markup.raw.block.markdown#1A1A87de
markup.strikethrough#084D51de
markup.underline#4B1951de
meta.block.c#4A1C51de
meta.block.c#5F1F33de
meta.class.java#1E1E7Ede
meta.definition.variable.name#3D2B11de
meta.diff.header#0A0A9Ede
meta.embedded#0B4D51de
meta.embedded.assembly#213403de
meta.function-call.arguments.python#4F1058de
meta.function-call.python#672036de
meta.member.access.python#16168Fde
meta.method.java#0A501Bde
meta.object-literal.key#093336de
meta.paragraph.markdown#433018de
meta.preprocessor#24320Fde
meta.preprocessor.numeric#344C0Ede
meta.preprocessor.string#222275de
meta.scope.prerequisites.makefile#1A474Ade
meta.structure.dictionary.json.comments#12304D6e
meta.structure.dictionary.key.python#043538de
meta.structure.dictionary.value.json.comments#1531446e
meta.template.expression#500D5Ade
meta.type.cast.expr#5D0D26debold
meta.type.new.expr#344C0Adebold
parameter#1E1E7Ede
punctuation.character.set.begin.regexp#0E501Ede
punctuation.character.set.end.regexp#0F3335de
punctuation.definition.array.begin.json#5C0D27de
punctuation.definition.character-class.regexp#643B07de
punctuation.definition.comment#14304C6e
punctuation.definition.comment.json.comments#1531446e
punctuation.definition.comment.python#14304C6e
punctuation.definition.dictionary.begin.json#0D4C51de
punctuation.definition.dictionary.end.json#0C501Dde
punctuation.definition.group.assertion.regexp#1A1A87de
punctuation.definition.group.regexp#25320Fde
punctuation.definition.list.begin.json#24320Dde
punctuation.definition.list.begin.markdown#163A3Cde
punctuation.definition.list.begin.python#1A4A26de
punctuation.definition.list.end.json#334C09de
punctuation.definition.list.end.markdown#6E2139de
punctuation.definition.list.end.python#013436de
punctuation.definition.parameters.begin.python#433018de
punctuation.definition.parameters.end.bracket.round.java#0F3519de
punctuation.definition.quote.begin.markdown#184043de
punctuation.definition.tag#14361Dde
punctuation.definition.template-expression.begin#094D51de
punctuation.definition.template-expression.end#1A4A26de
punctuation.section.class.begin.bracket.curly.java#222278de
punctuation.section.embedded#5C0D27de
punctuation.section.embedded.begin.php#4F1058de
punctuation.section.embedded.end.php#16168Fde
punctuation.terminator.java#0F3519de
source.cmake#16168Fde
source.coffee.embedded#202078de
source.cpp#24320Fde
source.css.less#094D51de
source.groovy.embedded#4A1C51de
source.java#52065Dde
source.java-properties#5E2067de
source.json.comments#13304D6e
source.makefile#4F1058de
source.powershell#103335de
source.powershell.variable.other.member#56162Bde
source.python#202078de
storage#293614de
storage.modifier#213403de
storage.modifier.import.java#1B1B85de
storage.modifier.package.java#672036de
storage.type#5C0D25debold
storage.type.annotation.groovy#1B1B85debold
storage.type.annotation.java#672036debold
storage.type.boolean.go#5F1F33debold
storage.type.byte.go#672036debold
storage.type.cs#623D0Bdebold
storage.type.error.go#581329debold
storage.type.generic.cs#5D0D26debold
storage.type.generic.groovy#5A1029debold
storage.type.generic.java#0A0A9Edebold
storage.type.groovy#143336debold
storage.type.java#1E1E7Edebold
storage.type.modifier.cs#0F3335debold
storage.type.numeric.go#08501Adebold
storage.type.object.array.groovy#24320Fdebold
storage.type.object.array.java#00370Edebold
storage.type.parameters.groovy#0F3519debold
storage.type.primitive.array.groovy#4C1655debold
storage.type.primitive.array.java#0F3519debold
storage.type.primitive.groovy#084D51debold
storage.type.primitive.java#500D5Bdebold
storage.type.rune.go#043610debold
storage.type.string.go#222277debold
storage.type.token.java#16168Fdebold
storage.type.uintptr.go#433018debold
storage.type.variable.cs#184323debold
string#213304de
string.quoted.docstring.multi.python#13304D6e
string.regexp#672036de
string.tag#581D30de
string.value#610320de
strong#213403de
support.class#163C20de
support.constant.color#0E4C50de
support.constant.dom#0A0A9Ede
support.constant.font-name#433018de
support.constant.handlebars#184043de
support.constant.json#103335de
support.constant.math#6E2139de
support.constant.media#334C09de
support.constant.media-type#672036debold
support.constant.property-value#08501Ade
support.function#20207Ade
support.function.git-rebase#5F1F33de
support.other.parenthesis.regexp#202078de
support.type#213403debold
support.type.property-name#334C09debold
support.type.vendored.property-name#6E2139debold
support.variable#513A1Cde
token.debug-token#4C1655de
token.error-token#344C0Ade
token.info-token#3D2B11de
token.warn-token#3F2A0Fde
variable#0D4C51de
variable.css#0F3335de
variable.language#354C0Fde
variable.language.wildcard.java#1A1A87de
variable.other.constant#344C0Ade
variable.other.definition.java#4F1058de
variable.other.enummember#3D2B0Fde
variable.other.less#043610de
variable.other.object.java#103335de
variable.other.object.property.java#103519de
variable.parameter.c#2E3C16de
variable.parameter.function.language.python#2E3C16de
variable.parameter.java#24320Dde
variable.scss#55182Bde