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#DCDCDCfe
  • activityBar.activeBackground#DCDCDCfe
  • activityBar.activeBorder#299488fe
  • activityBar.activeFocusBorder#DE575700
  • activityBar.background#EDEDEDfe
  • activityBar.border#34909000
  • activityBar.dropBorder#1F544Dfe
  • activityBar.foreground#299488fe
  • activityBar.inactiveForeground#84848465
  • activityBarBadge.background#0A796Cfe
  • activityBarBadge.foreground#EDEDEDfe
  • badge.background#0B6A5Efe
  • badge.foreground#EDEDEDfe
  • banner.background#DCDCDCfe
  • banner.foreground#555555ce
  • banner.iconForeground#3B5486fe
  • breadcrumb.activeSelectionForeground#555555ca
  • breadcrumb.background#E9E9E9fe
  • breadcrumb.focusForeground#0A6D61fe
  • breadcrumb.foreground#545454ae
  • breadcrumbPicker.background#DCDCDCfe
  • button.background#B1B1B1ae
  • button.border#F5F6F700
  • button.foreground#555555ce
  • button.hoverBackground#939393fe
  • button.secondaryBackground#DCDCDCfe
  • button.secondaryForeground#555555ce
  • button.secondaryHoverBackground#DCDCDCfe
  • button.separator#F5F6F700
  • charts.blue#1b1bfffe
  • charts.foreground#555555ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067a4
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F2F2F2fe
  • chat.slashCommandBackground#DCDCDCfe
  • chat.slashCommandForeground#555555ce
  • checkbox.background#F2F2F2fe
  • checkbox.border#F2F2F2fe
  • checkbox.foreground#555555ce
  • checkbox.selectBackground#F2F2F2fe
  • checkbox.selectBorder#F2F2F2fe
  • commandCenter.activeBackground#CECE9681
  • commandCenter.activeBorder#F2F2F2fe
  • commandCenter.activeForeground#0A796Cfe
  • commandCenter.background#DCDCDCfe
  • commandCenter.border#F2F2F2fe
  • commandCenter.foreground#555555ce
  • commandCenter.inactiveBorder#CACACA95
  • commandCenter.inactiveForeground#85858565
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F7F5F500
  • contrastBorder#F6F6F600
  • debugConsole.errorForeground#9A009Ace
  • debugConsole.infoForeground#555555ce
  • debugConsole.sourceForeground#555555ce
  • debugConsole.warningForeground#675500ce
  • debugConsoleInputIcon.foreground#40567Cfe
  • debugExceptionWidget.background#FEB5FE9d
  • debugExceptionWidget.border#F2F2F2fe
  • debugIcon.breakpointCurrentStackframeForeground#3C5782fe
  • debugIcon.breakpointDisabledForeground#56565665
  • debugIcon.breakpointForeground#80406Ffe
  • debugIcon.breakpointStackframeForeground#784A42fe
  • debugIcon.breakpointUnverifiedForeground#395D57fe
  • debugIcon.continueForeground#8B3B3Bfe
  • debugIcon.disconnectForeground#585837fe
  • debugIcon.pauseForeground#565631fe
  • debugIcon.restartForeground#7B4365fe
  • debugIcon.startForeground#794A3Ffe
  • debugIcon.stepBackForeground#794A3Ffe
  • debugIcon.stepIntoForeground#6A419Efe
  • debugIcon.stepOutForeground#6E3D9Ffe
  • debugIcon.stepOverForeground#833E6Cfe
  • debugIcon.stopForeground#555555fe
  • debugTokenExpression.boolean#161616ca
  • debugTokenExpression.error#15161Aca
  • debugTokenExpression.name#17151Aca
  • debugTokenExpression.number#171D1Cca
  • debugTokenExpression.value#1E2625ca
  • debugToolBar.background#FEB5FEc2
  • debugToolBar.border#F2F2F2fe
  • debugView.exceptionLabelBackground#F8BEB5ca
  • debugView.exceptionLabelForeground#325D54ca
  • debugView.stateLabelBackground#D0D051ca
  • debugView.stateLabelForeground#585830ca
  • debugView.valueChangedHighlight#17151Aca
  • descriptionForeground#555555ce
  • diffEditor.border#F7F7F500
  • diffEditor.diagonalFill#000000f0
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#6EE374fb
  • diffEditor.insertedTextBorder#F6F6F600
  • diffEditor.move.border#F6F6F600
  • diffEditor.moveActive.border#F6F6F600
  • diffEditor.removedLineBackground#FEB9B931
  • diffEditor.removedTextBackground#FEC1C1fb
  • diffEditor.removedTextBorder#F7F5F500
  • diffEditor.unchangedCodeBackground#DCDCDCfe
  • diffEditor.unchangedRegionBackground#DCDCDCfe
  • diffEditor.unchangedRegionForeground#555555ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#56565665
  • dropdown.background#F2F2F2fe
  • dropdown.border#F2F2F2fe
  • dropdown.foreground#555555ce
  • dropdown.listBackground#F2F2F2fe
  • editor.background#DCDCDCfe
  • editor.findMatchBackground#848C9Da8
  • editor.findMatchBorder#F2F2F2fe
  • editor.findMatchHighlightBackground#B09F9Ba3
  • editor.findMatchHighlightBorder#F2F2F2fe
  • editor.findRangeHighlightBackground#9D92A8a4
  • editor.findRangeHighlightBorder#F2F2F2fe
  • editor.focusedStackFrameHighlightBackground#9D84948a
  • editor.foldBackground#575724a5
  • editor.foreground#555555ce
  • editor.hoverHighlightBackground#AEB4BFaa
  • editor.inactiveSelectionBackground#CBCBCB95
  • editor.inlineValuesBackground#DCDCDCfe
  • editor.inlineValuesForeground#555555ce
  • editor.lineHighlightBackground#BABABAb2
  • editor.lineHighlightBorder#F5F7F700
  • editor.linkedEditingBackground#DCDCDCfe
  • editor.rangeHighlightBackground#A9A9A9ac
  • editor.rangeHighlightBorder#F2F2F2fe
  • editor.selectionBackground#9C9C9Cae
  • editor.selectionForeground#3A577Eca
  • editor.selectionHighlightBackground#A0B3B081
  • editor.selectionHighlightBorder#F2F2F2fe
  • editor.snippetFinalTabstopHighlightBackground#849D99ac
  • editor.snippetFinalTabstopHighlightBorder#F2F2F2fe
  • editor.snippetTabstopHighlightBackground#A0A0A0a4
  • editor.snippetTabstopHighlightBorder#F2F2F2fe
  • editor.stackFrameHighlightBackground#A18899ac
  • editor.symbolHighlightBackground#B3A0ADa6
  • editor.symbolHighlightBorder#F2F2F2fe
  • editor.wordHighlightBackground#9299A8a4
  • editor.wordHighlightBorder#F5F6F700
  • editor.wordHighlightStrongBackground#9D8494ae
  • editor.wordHighlightStrongBorder#F7F5F600
  • editor.wordHighlightTextBackground#BFB1AEa4
  • editor.wordHighlightTextBorder#F5F6F700
  • editorBracketHighlight.foreground1#0A0A0Ace
  • editorBracketHighlight.foreground2#0A0A0Ace
  • editorBracketHighlight.foreground3#0A0A0Ace
  • editorBracketHighlight.foreground4#0A0A0Ace
  • editorBracketHighlight.foreground5#0A0A0Ace
  • editorBracketHighlight.foreground6#0A0A0Ace
  • editorBracketHighlight.unexpectedBracket.foreground#555555ce
  • editorBracketMatch.background#244891ac
  • editorBracketMatch.border#F2F2F2fe
  • editorBracketPairGuide.activeBackground1#264D9C82
  • editorBracketPairGuide.activeBackground2#28519D8d
  • editorBracketPairGuide.activeBackground3#205F5782
  • editorBracketPairGuide.activeBackground4#95362586
  • editorBracketPairGuide.activeBackground5#9E1D7086
  • editorBracketPairGuide.activeBackground6#9538268e
  • editorBracketPairGuide.background1#F9B6DEfe
  • editorBracketPairGuide.background2#D1D15Cfe
  • editorBracketPairGuide.background3#6EDDD1fe
  • editorBracketPairGuide.background4#F9B6DEfe
  • editorBracketPairGuide.background5#68DECAfe
  • editorBracketPairGuide.background6#B6CAF7fe
  • editorCodeLens.foreground#5656566e
  • editorCommentsWidget.rangeActiveBackground#555555fe
  • editorCommentsWidget.rangeBackground#DCDCDCfe
  • editorCommentsWidget.resolvedBorder#F2F2F2fe
  • editorCommentsWidget.unresolvedBorder#FEBABAcb
  • editorCursor.background#DCDCDCfe
  • editorCursor.foreground#0A796Cfe
  • editorError.background#F6F6F600
  • editorError.border#F5F6F700
  • editorError.foreground#9A009Ace
  • editorGhostText.background#DCDCDCfe
  • editorGhostText.border#F6F6F600
  • editorGhostText.foreground#4E4E4E6e
  • editorGroup.border#F2F2F2fe
  • editorGroup.dropBackground#DCDCDCfe
  • editorGroup.dropIntoPromptBackground#DCDCDCfe
  • editorGroup.dropIntoPromptBorder#F2F2F2fe
  • editorGroup.dropIntoPromptForeground#555555ce
  • editorGroup.emptyBackground#DCDCDCfe
  • editorGroup.focusedEmptyBorder#F2F2F2fe
  • editorGroupHeader.border#F7F5F600
  • editorGroupHeader.noTabsBackground#EDEDEDae
  • editorGroupHeader.tabsBackground#DCDCDCa1
  • editorGroupHeader.tabsBorder#F7F5F500
  • editorGutter.addedBackground#0E5C12fb
  • editorGutter.background#DCDCDCfe
  • editorGutter.commentGlyphForeground#555555ce
  • editorGutter.commentRangeForeground#555555ce
  • editorGutter.commentUnresolvedGlyphForeground#17631Bcb
  • editorGutter.deletedBackground#B00000cb
  • editorGutter.foldingControlForeground#555555ce
  • editorGutter.modifiedBackground#675500ce
  • editorHint.border#F6F5F700
  • editorHint.foreground#4F16FEce
  • editorHoverWidget.background#F2F2F2fe
  • editorHoverWidget.border#F2F2F2fe
  • editorHoverWidget.foreground#555555ce
  • editorHoverWidget.highlightForeground#873B69ca
  • editorHoverWidget.statusBarBackground#DCDCDCfe
  • editorIndentGuide.activeBackground1#565656fe
  • editorIndentGuide.activeBackground2#555555fe
  • editorIndentGuide.activeBackground3#555555fe
  • editorIndentGuide.activeBackground4#555555fe
  • editorIndentGuide.activeBackground5#565656fe
  • editorIndentGuide.activeBackground6#565656fe
  • editorIndentGuide.background1#5A4A4735
  • editorIndentGuide.background2#35394235
  • editorIndentGuide.background3#55464435
  • editorIndentGuide.background4#383D4735
  • editorIndentGuide.background5#5A5A4735
  • editorIndentGuide.background6#5A4A4735
  • editorInfo.background#F7F5F500
  • editorInfo.border#F7F5F600
  • editorInfo.foreground#4F16FEce
  • editorInlayHint.background#DCDCDCfe
  • editorInlayHint.foreground#555555ce
  • editorInlayHint.parameterBackground#DCDCDCfe
  • editorInlayHint.parameterForeground#555555ce
  • editorInlayHint.typeBackground#DCDCDCfe
  • editorInlayHint.typeForeground#555555ce
  • editorLightBulb.foreground#675500ce
  • editorLightBulbAutoFix.foreground#17631Bcb
  • editorLineNumber.activeForeground#0B6E62fe
  • editorLineNumber.dimmedForeground#5656566e
  • editorLineNumber.foreground#5353536e
  • editorLink.activeForeground#277F75fe
  • editorMarkerNavigation.background#F2F2F2fe
  • editorMarkerNavigationError.background#FEB5FE99
  • editorMarkerNavigationError.headerBackground#FEB5FEb9
  • editorMarkerNavigationInfo.background#C5C5FEfe
  • editorMarkerNavigationInfo.headerBackground#C5C5FEfe
  • editorMarkerNavigationWarning.background#EFC600fe
  • editorMarkerNavigationWarning.headerBackground#EFC600fe
  • editorOverviewRuler.addedForeground#17631Bcb
  • editorOverviewRuler.background#DCDCDCfe
  • editorOverviewRuler.border#CACACAfe
  • editorOverviewRuler.bracketMatchForeground#555555ce
  • editorOverviewRuler.commentForeground#5656566e
  • editorOverviewRuler.commentUnresolvedForeground#17631Bcb
  • editorOverviewRuler.commonContentForeground#555555ce
  • editorOverviewRuler.currentContentForeground#5656569c
  • editorOverviewRuler.deletedForeground#B00000cb
  • editorOverviewRuler.errorForeground#9A009Ace
  • editorOverviewRuler.findMatchForeground#006161ce
  • editorOverviewRuler.incomingContentForeground#17631Bcb
  • editorOverviewRuler.infoForeground#4F16FEce
  • editorOverviewRuler.modifiedForeground#675500ce
  • editorOverviewRuler.rangeHighlightForeground#693EA9ca
  • editorOverviewRuler.selectionHighlightForeground#4F16FEce
  • editorOverviewRuler.warningForeground#675500ce
  • editorOverviewRuler.wordHighlightForeground#703D96ca
  • editorOverviewRuler.wordHighlightStrongForeground#555555ce
  • editorOverviewRuler.wordHighlightTextForeground#555555ce
  • editorPane.background#DCDCDCfe
  • editorRuler.foreground#5656563c
  • editorStickyScroll.background#DCDCDCfe
  • editorStickyScroll.shadow#F7F7F500
  • editorStickyScrollHover.background#CACACAfe
  • editorSuggestWidget.background#F2F2F2fe
  • editorSuggestWidget.border#F5F7F700
  • editorSuggestWidget.focusHighlightForeground#5187CFfe
  • editorSuggestWidget.foreground#863A6Cfe
  • editorSuggestWidget.highlightForeground#823C68ca
  • editorSuggestWidget.selectedBackground#AEB4BF88
  • editorSuggestWidget.selectedForeground#325D54ca
  • editorSuggestWidget.selectedIconForeground#585830ca
  • editorSuggestWidgetStatus.foreground#80406Ffe
  • editorUnicodeHighlight.background#AAA0B3a9
  • editorUnicodeHighlight.border#F2F2F2fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F6F6F600
  • editorWarning.border#F7F5F500
  • editorWarning.foreground#675500ce
  • editorWhitespace.foreground#555555ce
  • editorWidget.background#F2F2F2fe
  • editorWidget.border#F2F2F2fe
  • editorWidget.foreground#555555ce
  • editorWidget.resizeBorder#F2F2F2fe
  • errorForeground#9A009Ace
  • extensionBadge.remoteBackground#0A796Cfe
  • extensionBadge.remoteForeground#EDEDEDfe
  • extensionButton.background#CACACAae
  • extensionButton.foreground#555555ce
  • extensionButton.hoverBackground#CACACAfe
  • extensionButton.prominentBackground#DCDCDCfe
  • extensionButton.prominentForeground#555555ce
  • extensionButton.prominentHoverBackground#DCDCDCfe
  • extensionButton.separator#F5F6F700
  • extensionIcon.preReleaseForeground#82453Cfe
  • extensionIcon.sponsorForeground#575733fe
  • extensionIcon.starForeground#585835fe
  • extensionIcon.verifiedForeground#6A419Efe
  • focusBorder#F7F5F500
  • foreground#555555ce
  • gitDecoration.addedResourceForeground#17631Bcb
  • gitDecoration.deletedResourceForeground#B00000cb
  • gitDecoration.modifiedResourceForeground#675500ce
  • gitDecoration.renamedResourceForeground#4F16FEce
  • gitDecoration.stageDeletedResourceForeground#B00000cb
  • gitDecoration.stageModifiedResourceForeground#17631Bcb
  • gitDecoration.untrackedResourceForeground#006161ce
  • icon.foreground#565656ae
  • inlineChat.background#D0D051ca
  • inlineChat.border#F9B9E1ca
  • inlineChat.regionHighlight#15161Aca
  • inlineChat.shadow#1B1B1Bca
  • inlineChatDiff.inserted#1B1B1Bca
  • inlineChatDiff.removed#171D1Cca
  • inlineChatInput.background#17191Dca
  • inlineChatInput.border#CBCBCBca
  • inlineChatInput.focusBorder#F7F7F500
  • inlineChatInput.placeholderForeground#315C5Cca
  • input.background#F2F2F2fe
  • input.border#F2F2F2fe
  • input.foreground#555555ce
  • input.placeholderForeground#56565665
  • inputOption.activeBackground#F2F2F2fe
  • inputOption.activeBorder#F2F2F2fe
  • inputOption.activeForeground#28877Bfe
  • inputOption.hoverBackground#F2F2F2fe
  • inputValidation.errorBackground#670067a5
  • inputValidation.errorBorder#FEB5FEab
  • inputValidation.errorForeground#9A009Ace
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F2F2F2fe
  • inputValidation.infoForeground#555555ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F2F2F2fe
  • inputValidation.warningForeground#675500ce
  • interactive.activeCodeBorder#F2F2F2fe
  • interactive.inactiveCodeBorder#CBCBCB99
  • keybindingLabel.background#DCDCDCfe
  • keybindingLabel.border#F2F2F2fe
  • keybindingLabel.bottomBorder#F2F2F2fe
  • keybindingLabel.foreground#555555ce
  • keybindingTable.headerBackground#DCDCDCfe
  • keybindingTable.rowsBackground#DCDCDCfe
  • list.activeSelectionBackground#B3A3A08a
  • list.activeSelectionForeground#6E3D9Fca
  • list.activeSelectionIconForeground#565656ca
  • list.deemphasizedForeground#555555ce
  • list.dropBackground#DCDCDCfe
  • list.errorForeground#9A009Ace
  • list.filterMatchBackground#DCDCDCfe
  • list.filterMatchBorder#F2F2F2fe
  • list.focusAndSelectionOutline#F6F5F700
  • list.focusBackground#C7C7C797
  • list.focusForeground#28877Bfe
  • list.focusHighlightForeground#429189fe
  • list.focusOutline#F6F6F600
  • list.highlightForeground#693EA9ca
  • list.hoverBackground#CACACAfe
  • list.hoverForeground#298E82fe
  • list.inactiveFocusBackground#BEBEBE99
  • list.inactiveFocusOutline#F5F7F700
  • list.inactiveSelectionBackground#EDEDEDae
  • list.inactiveSelectionForeground#46464665
  • list.inactiveSelectionIconForeground#46464665
  • list.invalidItemForeground#555555ce
  • list.warningForeground#675500ce
  • listFilterWidget.background#DCDCDCfe
  • listFilterWidget.noMatchesOutline#F7F7F500
  • listFilterWidget.outline#F7F5F600
  • listFilterWidget.shadow#F6F6F600
  • menu.background#EDEDEDfe
  • menu.border#F6F5F700
  • menu.foreground#565656ae
  • menu.selectionBackground#828282ae
  • menu.selectionBorder#F7F5F600
  • menu.selectionForeground#0A6D61fe
  • menu.separatorBackground#CBCBCB65
  • menubar.selectionBackground#797979a6
  • menubar.selectionBorder#F7F5F600
  • menubar.selectionForeground#0A7E71fe
  • merge.border#F2F2F2fe
  • merge.commonContentBackground#DCDCDCfe
  • merge.commonHeaderBackground#DCDCDCfe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#6EE374fb
  • merge.incomingContentBackground#94DA97cb
  • merge.incomingHeaderBackground#6EE374fb
  • mergeEditor.change.background#DCDCDCfe
  • mergeEditor.change.word.background#DCDCDCfe
  • mergeEditor.changeBase.background#DCDCDCfe
  • mergeEditor.changeBase.word.background#DCDCDCfe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F2F2F2fe
  • mergeEditor.conflict.handledUnfocused.border#D4D4D42e
  • mergeEditor.conflict.input1.background#F2F2F2fe
  • mergeEditor.conflict.input2.background#F2F2F2fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067c6
  • mergeEditor.conflict.unhandledFocused.border#F2F2F2fe
  • mergeEditor.conflict.unhandledUnfocused.border#CFCFCF3b
  • mergeEditor.conflictingLines.background#DCDCDCfe
  • minimap.background#DCDCDCfe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0A0A0Ace
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#0E5C12fb
  • minimapGutter.deletedBackground#B10000fb
  • minimapGutter.modifiedBackground#675500ce
  • minimapSlider.activeBackground#8A8A8Afe
  • minimapSlider.background#B1B1B1ae
  • minimapSlider.hoverBackground#A9A9A9fe
  • notebook.cellBorderColor#F2F2F2fe
  • notebook.cellEditorBackground#DCDCDCfe
  • notebook.cellHoverBackground#DCDCDCfe
  • notebook.cellInsertionIndicator#16181Cca
  • notebook.cellStatusBarItemHoverBackground#DCDCDCfe
  • notebook.cellToolbarSeparator#141414ca
  • notebook.editorBackground#DCDCDCfe
  • notebook.focusedCellBackground#DCDCDCfe
  • notebook.focusedCellBorder#0A6D61fe
  • notebook.focusedEditorBorder#F2F2F2fe
  • notebook.inactiveFocusedCellBorder#8A8A8A8e
  • notebook.inactiveSelectedCellBorder#8282828e
  • notebook.outputContainerBackgroundColor#DCDCDCfe
  • notebook.outputContainerBorderColor#F2F2F2fe
  • notebook.selectedCellBackground#DCDCDCfe
  • notebook.selectedCellBorder#F2F2F2fe
  • notebook.symbolHighlightBackground#DCDCDCfe
  • notebookEditorOverviewRuler.runningCellForeground#555555ce
  • notebookScrollbarSlider.activeBackground#7E7E7Efe
  • notebookScrollbarSlider.background#ADADADae
  • notebookScrollbarSlider.hoverBackground#A9A9A9fe
  • notebookStatusErrorIcon.foreground#9A009Ace
  • notebookStatusRunningIcon.foreground#3A5C56fe
  • notebookStatusSuccessIcon.foreground#17631Bcb
  • notificationCenter.border#F2F2F2fe
  • notificationCenterHeader.background#DCDCDCfe
  • notificationCenterHeader.foreground#555555ce
  • notificationLink.foreground#555555ce
  • notifications.background#DCDCDCfe
  • notifications.border#F2F2F2fe
  • notifications.foreground#555555ce
  • notificationsErrorIcon.foreground#9A009Ace
  • notificationsInfoIcon.foreground#315C5Cfe
  • notificationsWarningIcon.foreground#675500ce
  • notificationToast.border#F2F2F2fe
  • panel.background#DCDCDCfe
  • panel.border#F2F2F2fe
  • panel.dropBorder#F2F2F2fe
  • panelInput.border#F2F2F2fe
  • panelSection.border#F2F2F2fe
  • panelSection.dropBackground#DCDCDCfe
  • panelSectionHeader.background#DCDCDCfe
  • panelSectionHeader.border#F2F2F2fe
  • panelSectionHeader.foreground#555555ce
  • panelTitle.activeBorder#F7F7F500
  • panelTitle.activeForeground#299285fe
  • panelTitle.inactiveForeground#4A4A4A65
  • peekView.border#289489fe
  • peekViewEditor.background#F2F2F2fe
  • peekViewEditor.matchHighlightBackground#A48D9D85
  • peekViewEditor.matchHighlightBorder#F7F7F500
  • peekViewEditorGutter.background#F2F2F2fe
  • peekViewEditorStickyScroll.background#DCDCDCfe
  • peekViewResult.background#EDEDEDfe
  • peekViewResult.fileForeground#555555ce
  • peekViewResult.lineForeground#555555ce
  • peekViewResult.matchHighlightBackground#88A19D83
  • peekViewResult.selectionBackground#A0B3B081
  • peekViewResult.selectionForeground#565630ca
  • peekViewTitle.background#EDEDEDfe
  • peekViewTitleDescription.foreground#555555ce
  • peekViewTitleLabel.foreground#555555ce
  • pickerGroup.border#F2F2F2fe
  • pickerGroup.foreground#555555ce
  • ports.iconRunningProcessForeground#703D96fe
  • problemsErrorIcon.foreground#9A009Ace
  • problemsInfoIcon.foreground#4F16FEce
  • problemsWarningIcon.foreground#675500ce
  • profileBadge.background#298E82fe
  • profileBadge.foreground#EDEDEDfe
  • progressBar.background#DCDCDCfe
  • quickInput.background#EDEDEDfe
  • quickInput.foreground#555555ae
  • quickInputList.focusBackground#B09BA9ac
  • quickInputList.focusForeground#277F75fe
  • quickInputList.focusIconForeground#298E82fe
  • quickInputTitle.background#F2F2F2fe
  • sash.hoverBorder#F2F2F2fe
  • scrollbar.shadow#F7F5F600
  • scrollbarSlider.activeBackground#797979fe
  • scrollbarSlider.background#ADADADae
  • scrollbarSlider.hoverBackground#9C9C9Cfe
  • search.resultsInfoForeground#555555ce
  • searchEditor.findMatchBackground#BFB1AEaa
  • searchEditor.findMatchBorder#F2F2F2fe
  • searchEditor.textInputBorder#F2F2F2fe
  • selection.background#DCDCDCfe
  • settings.checkboxBackground#F2F2F2fe
  • settings.checkboxBorder#F2F2F2fe
  • settings.checkboxForeground#555555ce
  • settings.dropdownBackground#F2F2F2fe
  • settings.dropdownBorder#F2F2F2fe
  • settings.dropdownForeground#555555ce
  • settings.dropdownListBorder#F2F2F2fe
  • settings.focusedRowBackground#9D84948b
  • settings.focusedRowBorder#F2F2F2fe
  • settings.headerBorder#F2F2F2fe
  • settings.headerForeground#555555ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F2F2F2fe
  • settings.numberInputBorder#F2F2F2fe
  • settings.numberInputForeground#555555ce
  • settings.rowHoverBackground#DCDCDCfe
  • settings.sashBorder#F2F2F2fe
  • settings.settingsHeaderHoverForeground#298E82fe
  • settings.textInputBackground#F2F2F2fe
  • settings.textInputBorder#F2F2F2fe
  • settings.textInputForeground#555555ce
  • sideBar.background#DCDCDCfe
  • sideBar.border#F2F2F2fe
  • sideBar.dropBackground#DCDCDCfe
  • sideBar.foreground#565656ae
  • sideBarSectionHeader.background#F6F5F700
  • sideBarSectionHeader.border#F2F2F2fe
  • sideBarSectionHeader.foreground#555555ce
  • sideBarTitle.foreground#555555ce
  • sideBySideEditor.horizontalBorder#F2F2F2fe
  • sideBySideEditor.verticalBorder#F2F2F2fe
  • simpleFindWidget.sashBorder#F2F2F2fe
  • statusBar.background#EDEDEDfe
  • statusBar.border#F2F2F2fe
  • statusBar.debuggingBackground#FEB5FEa3
  • statusBar.debuggingBorder#F2F2F2fe
  • statusBar.debuggingForeground#555555ce
  • statusBar.focusBorder#F6F6F600
  • statusBar.foreground#4E4E4E6e
  • statusBar.noFolderBackground#EDEDEDfe
  • statusBar.noFolderBorder#F2F2F2fe
  • statusBar.noFolderForeground#555555ce
  • statusBarItem.activeBackground#EDEDEDfe
  • statusBarItem.compactHoverBackground#EDEDEDfe
  • statusBarItem.errorBackground#FEB5FEbb
  • statusBarItem.errorForeground#9A009Ace
  • statusBarItem.errorHoverBackground#FEB5FEc0
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#F6F6F600
  • statusBarItem.hoverBackground#EDEDEDfe
  • statusBarItem.hoverForeground#0A796Cfe
  • statusBarItem.offlineBackground#EDEDEDfe
  • statusBarItem.offlineForeground#555555ce
  • statusBarItem.offlineHoverBackground#EDEDEDfe
  • statusBarItem.offlineHoverForeground#0B6E62fe
  • statusBarItem.prominentBackground#EDEDEDfe
  • statusBarItem.prominentForeground#555555ce
  • statusBarItem.prominentHoverBackground#EDEDEDfe
  • statusBarItem.prominentHoverForeground#0B6E62fe
  • statusBarItem.remoteBackground#28877Bfe
  • statusBarItem.remoteForeground#EDEDEDfe
  • statusBarItem.remoteHoverBackground#EDEDEDfe
  • statusBarItem.remoteHoverForeground#0A6D61fe
  • statusBarItem.warningBackground#EFC600fe
  • statusBarItem.warningForeground#675500ce
  • statusBarItem.warningHoverBackground#EFC600fe
  • statusBarItem.warningHoverForeground#9D8200ce
  • symbolIcon.arrayForeground#3E5583fe
  • symbolIcon.booleanForeground#006161ce
  • symbolIcon.classForeground#325C55fe
  • symbolIcon.colorForeground#3E3E31fe
  • symbolIcon.constantForeground#345A55fe
  • symbolIcon.constructorForeground#3E3E31fe
  • symbolIcon.enumeratorForeground#3A577Efe
  • symbolIcon.enumeratorMemberForeground#575737fe
  • symbolIcon.eventForeground#325C55fe
  • symbolIcon.fieldForeground#325D54fe
  • symbolIcon.fileForeground#873B69fe
  • symbolIcon.folderForeground#565630fe
  • symbolIcon.functionForeground#82453Bfe
  • symbolIcon.interfaceForeground#82453Cfe
  • symbolIcon.keyForeground#6A448Ffe
  • symbolIcon.keywordForeground#6A419Efe
  • symbolIcon.methodForeground#365C53fe
  • symbolIcon.moduleForeground#585837fe
  • symbolIcon.namespaceForeground#7D4169fe
  • symbolIcon.nullForeground#694399fe
  • symbolIcon.numberForeground#7F453Dfe
  • symbolIcon.objectForeground#565631fe
  • symbolIcon.operatorForeground#764940fe
  • symbolIcon.packageForeground#80406Ffe
  • symbolIcon.propertyForeground#833E6Cfe
  • symbolIcon.referenceForeground#43567Efe
  • symbolIcon.snippetForeground#3C5782fe
  • symbolIcon.stringForeground#694399fe
  • symbolIcon.structForeground#325C55fe
  • symbolIcon.textForeground#565656fe
  • symbolIcon.typeParameterForeground#585835fe
  • symbolIcon.unitForeground#833E6Cfe
  • symbolIcon.variableForeground#873B69fe
  • tab.activeBackground#E9E9E9fe
  • tab.activeBorder#F7F5F600
  • tab.activeBorderTop#059485fe
  • tab.activeForeground#299182fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F5F6F700
  • tab.hoverBackground#565656fe
  • tab.hoverBorder#F2F2F2fe
  • tab.hoverForeground#0A695Dfe
  • tab.inactiveBackground#CACACA9a
  • tab.inactiveForeground#85858565
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F2F2F2fe
  • tab.unfocusedActiveBackground#D4D4D42f
  • tab.unfocusedActiveBorder#F7F7F500
  • tab.unfocusedActiveBorderTop#CBCBCB65
  • tab.unfocusedActiveForeground#85858565
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#565656fe
  • tab.unfocusedHoverBorder#D4D4D428
  • tab.unfocusedHoverForeground#85858565
  • tab.unfocusedInactiveBackground#C2C2C29c
  • tab.unfocusedInactiveForeground#46464665
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333ab
  • 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#670067bf
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececea5
  • terminal.ansiYellow#c4a200fe
  • terminal.background#DCDCDCfe
  • terminal.border#F2F2F2fe
  • terminal.dropBackground#DCDCDCfe
  • terminal.findMatchBackground#DCDCDCfe
  • terminal.findMatchBorder#F2F2F2fe
  • terminal.findMatchHighlightBackground#DCDCDCfe
  • terminal.findMatchHighlightBorder#F2F2F2fe
  • terminal.foreground#565656ae
  • terminal.hoverHighlightBackground#DCDCDCfe
  • terminal.inactiveSelectionBackground#C2C2C29e
  • terminal.selectionBackground#96ACA885
  • terminal.selectionForeground#315C5Cca
  • terminal.tab.activeBorder#299488fe
  • terminalCommandDecoration.defaultBackground#9E1D70a2
  • terminalCommandDecoration.errorBackground#B00000cb
  • terminalCommandDecoration.successBackground#17631Bcb
  • terminalCursor.background#DCDCDCfe
  • terminalCursor.foreground#0A7E71fe
  • terminalOverviewRuler.cursorForeground#555555ce
  • terminalOverviewRuler.findMatchForeground#006161ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c7
  • testing.iconUnset#808080a2
  • testing.message.error.decorationForeground#0A6158fe
  • testing.message.error.lineBackground#FEB5FEbe
  • testing.message.info.decorationForeground#0A6157fe
  • testing.message.info.lineBackground#C5C5FEfe
  • testing.peekBorder#F2F2F2fe
  • testing.peekHeaderBackground#DCDCDCfe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#DCDCDCfe
  • textBlockQuote.border#F2F2F2fe
  • textCodeBlock.background#DCDCDCfe
  • textLink.activeForeground#0B6A5Efe
  • textLink.foreground#4F16FEce
  • textPreformat.foreground#555555ce
  • textSeparator.foreground#555555ce
  • titleBar.activeBackground#EDEDEDfe
  • titleBar.activeForeground#848484ae
  • titleBar.border#F7F5F500
  • titleBar.inactiveBackground#D4D4D4db
  • titleBar.inactiveForeground#84848465
  • toolbar.activeBackground#EFBFB685
  • toolbar.hoverBackground#DCDCDCfe
  • toolbar.hoverOutline#F6F5F700
  • tree.inactiveIndentGuidesStroke#42353E35
  • tree.indentGuidesStroke#0A5E54fe
  • tree.tableColumnsBorder#F2F2F2fe
  • tree.tableOddRowsBackground#DCDCDCfe
  • walkThrough.embeddedEditorBackground#DCDCDCfe
  • walkthrough.stepTitle.foreground#555555ce
  • welcomePage.background#DCDCDCfe
  • welcomePage.progress.background#DCDCDCfe
  • welcomePage.progress.foreground#555555ce
  • welcomePage.tileBackground#DCDCDCfe
  • welcomePage.tileBorder#F2F2F2fe
  • welcomePage.tileHoverBackground#DCDCDCfe
  • widget.border#F2F2F2fe
  • widget.shadow#F6F6F600
  • window.activeBorder#F2F2F2fe
  • window.inactiveBorder#CACACA99

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#4C4C4C6e
comment.block.html#4C4C4C6e
comment.block.java#4C4C4C6e
comment.block.javadoc.java#4B4B4B6e
comment.block.powershell#4C4C4C6e
comment.block.xml#4C4C4C6e
comment.line.double-slash.c#4B4B4B6e
comment.line.double-slash.cpp#4C4C4C6e
comment.line.double-slash.java#4B4B4B6e
comment.line.double-slash.js#4B4B4B6e
comment.line.number-sign.makefile#4B4B4B6e
comment.line.number-sign.python#4B4B4B6e
comment.line.number-sign.yaml#4C4C4C6e
comment.line.percentage.erlang#4C4C4C6e
comment.line.powershell#4B4B4B6e
comment.source.cmake#4C4C4C6e
comment.source.cmakecache#4C4C4C6e
constant.character#960A54de
constant.character.character-class.regexp#853104de
constant.character.escape#0A4D0Ade
constant.character.set.regexp#09564Dde
constant.language#44501Ede
constant.numeric#862759de
constant.numeric.dec.python#693C23de
constant.other.caps.python#7107BCde
constant.other.character-class.regexp#405305de
constant.other.character-class.set.regexp#1D4D47de
constant.other.color.rgb-value#5B3521de
constant.other.placeholder#41520Ade
constant.other.rgb-value#405206de
constant.regexp#273C7Fde
constant.sha.git-rebase#44501Ede
emphasis#703F25de
entity.name.class#094D09de
entity.name.function#415309de
entity.name.function.preprocessor#205720de
entity.name.function.python#7105BDde
entity.name.label#415209de
entity.name.namespace#0A2FAAde
entity.name.operator#0A554Cde
entity.name.operator.custom-literal#095709de
entity.name.scope-resolution#0A590Ade
entity.name.tag#405206de
entity.name.tag.css#0B2B95de
entity.name.type#405305debold
entity.name.variable#44501Ede
entity.other.attribute#0A580Ade
entity.other.attribute-name#950854de
entity.other.attribute-name.class.css#940953de
entity.other.attribute-name.class.mixin.css#0A554Cde
entity.other.attribute-name.id#0A590Ade
entity.other.attribute-name.id.css#6A2A9Ade
entity.other.attribute-name.parent-selector.css#0A2A93de
entity.other.attribute-name.pseudo-class.css#693C23de
entity.other.attribute-name.pseudo-element.css#0A554Cde
entity.other.attribute-name.scss#085149de
entity.other.document.begin.yaml#4B4B4B6e
entity.other.inherited-class#80340Bdebold
header#415209de
invalid#960954de
keyword#6D2A9Ddebold
keyword.codetag.notation.python#29449Edebold
keyword.control#085108debold
keyword.control.anchor.regexp#41520Adebold
keyword.control.import.python#0A590Adebold
keyword.operator#0A554Cdebold
keyword.operator.alignas#41510Adebold
keyword.operator.alignof#0A564Ddebold
keyword.operator.cast#424D1Ddebold
keyword.operator.delete#405109debold
keyword.operator.documentation.powershell#4B4B4B6ebold
keyword.operator.expression#1B4641debold
keyword.operator.instanceof#54321Fdebold
keyword.operator.logical.python#41510Adebold
keyword.operator.minus.exponent#0A4D0Adebold
keyword.operator.negation.regexp#41510Adebold
keyword.operator.new#623922debold
keyword.operator.noexcept#415209debold
keyword.operator.or.regexp#6D2A9Ddebold
keyword.operator.plus.exponent#692348debold
keyword.operator.quantifier.regexp#1A3F3Bdebold
keyword.operator.sizeof#970351debold
keyword.operator.typeid#205720debold
keyword.operator.wordlike#803409debold
keyword.other.operator#40510Adebold
keyword.other.package.java#1A3F1Adebold
keyword.other.unit#095809debold
keyword.other.using#65298Edebold
markup.bold#70254Dde
markup.changed#4C2369de
markup.deleted#82340Ade
markup.fenced_code.block.markdown#5B277Fde
markup.heading#960A54de
markup.inline.raw#205720de
markup.inserted#2A449Fde
markup.italic#782651de
markup.raw.block.markdown#960753de
markup.strikethrough#0A4D0Ade
markup.underline#0A4D0Ade
meta.block.c#70254Dde
meta.block.c#0A570Ade
meta.class.java#782651de
meta.definition.variable.name#0A580Ade
meta.diff.header#5B3521de
meta.embedded#084908de
meta.embedded.assembly#41530Ade
meta.function-call.arguments.python#415309de
meta.function-call.python#0A590Ade
meta.member.access.python#960552de
meta.method.java#41520Ade
meta.object-literal.key#853206de
meta.paragraph.markdown#842758de
meta.preprocessor#7101C0de
meta.preprocessor.numeric#0A2C99de
meta.preprocessor.string#2B44A2de
meta.scope.prerequisites.makefile#7009B9de
meta.structure.dictionary.json.comments#4C4C4C6e
meta.structure.dictionary.key.python#512570de
meta.structure.dictionary.value.json.comments#4C4C4C6e
meta.template.expression#960753de
meta.type.cast.expr#950854de
meta.type.new.expr#0A554Cde
parameter#1A3F3Bde
punctuation.character.set.begin.regexp#7102BFde
punctuation.character.set.end.regexp#41530Ade
punctuation.definition.array.begin.json#872759de
punctuation.definition.character-class.regexp#41510Ade
punctuation.definition.comment#4C4C4C6e
punctuation.definition.comment.json.comments#4B4B4B6e
punctuation.definition.comment.python#4C4C4C6e
punctuation.definition.dictionary.begin.json#1A3F1Ade
punctuation.definition.dictionary.end.json#0A580Ade
punctuation.definition.group.assertion.regexp#29418Ede
punctuation.definition.group.regexp#7F2756de
punctuation.definition.list.begin.json#0A2A93de
punctuation.definition.list.begin.markdown#40510Ade
punctuation.definition.list.begin.python#253670de
punctuation.definition.list.end.json#41510Ade
punctuation.definition.list.end.markdown#405305de
punctuation.definition.list.end.python#1D4D1Dde
punctuation.definition.parameters.begin.python#405109de
punctuation.definition.parameters.end.bracket.round.java#40510Ade
punctuation.definition.quote.begin.markdown#833308de
punctuation.definition.tag#602887de
punctuation.definition.template-expression.begin#693C23de
punctuation.definition.template-expression.end#81340Bde
punctuation.section.class.begin.bracket.curly.java#415308de
punctuation.section.embedded#950854de
punctuation.section.embedded.begin.php#0A554Dde
punctuation.section.embedded.end.php#512570de
punctuation.terminator.java#0A554Dde
source.cmake#1F544Dde
source.coffee.embedded#41510Ade
source.cpp#0A564Dde
source.css.less#29418Ede
source.groovy.embedded#0A2C99de
source.java#54321Fde
source.java-properties#3C461Bde
source.json.comments#4C4C4C6e
source.makefile#940953de
source.powershell#7007BBde
source.powershell.variable.other.member#0A580Ade
source.python#405206de
storage#692A96de
storage.modifier#2A449Fde
storage.modifier.import.java#833408de
storage.modifier.package.java#7107BCde
storage.type#970653debold
storage.type.annotation.groovy#713F24debold
storage.type.annotation.java#7102BFdebold
storage.type.boolean.go#692A96debold
storage.type.byte.go#405209debold
storage.type.cs#862759debold
storage.type.error.go#0A544Cdebold
storage.type.generic.cs#415309debold
storage.type.generic.groovy#853206debold
storage.type.generic.java#41510Adebold
storage.type.groovy#29449Edebold
storage.type.java#82350Adebold
storage.type.modifier.cs#960954debold
storage.type.numeric.go#424D1Ddebold
storage.type.object.array.groovy#1F541Fdebold
storage.type.object.array.java#0A564Ddebold
storage.type.parameters.groovy#7102BFdebold
storage.type.primitive.array.groovy#0A570Adebold
storage.type.primitive.array.java#3C461Bdebold
storage.type.primitive.groovy#082994debold
storage.type.primitive.java#1F544Ddebold
storage.type.rune.go#0A554Cdebold
storage.type.string.go#0A4D44debold
storage.type.token.java#363F1Adebold
storage.type.uintptr.go#09564Ddebold
storage.type.variable.cs#0A590Adebold
string#65298Ede
string.quoted.docstring.multi.python#4C4C4C6e
string.regexp#960753de
string.tag#2B44A2de
string.value#960A54de
strong#405109de
support.class#0A2FA7de
support.constant.color#09544Bde
support.constant.dom#263978de
support.constant.font-name#415309de
support.constant.handlebars#09544Bde
support.constant.json#1F534Dde
support.constant.math#0A554Dde
support.constant.media#930A53de
support.constant.media-type#622244de
support.constant.property-value#41530Ade
support.function#6D3F23de
support.function.git-rebase#803409de
support.other.parenthesis.regexp#5B3521de
support.type#833308debold
support.type.property-name#0A580Adebold
support.type.vendored.property-name#41510Adebold
support.variable#405109de
token.debug-token#40510Ade
token.error-token#833307de
token.info-token#1D4D47de
token.warn-token#0A580Ade
variable#085108de
variable.css#782651de
variable.language#623922de
variable.language.wildcard.java#263978de
variable.other.constant#833408de
variable.other.definition.java#842758de
variable.other.enummember#09564Dde
variable.other.less#960954de
variable.other.object.java#29449Ede
variable.other.object.property.java#263978de
variable.parameter.c#0A2EA1de
variable.parameter.function.language.python#0A590Ade
variable.parameter.java#7F2756de
variable.scss#713F24de
viiv by B.W - VS Code Theme