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#DBDFDFfe
  • activityBar.activeBackground#DBDFDFfe
  • activityBar.activeBorder#67147Bfe
  • activityBar.activeFocusBorder#A3727200
  • activityBar.background#EDEFEFfe
  • activityBar.border#7878B600
  • activityBar.dropBorder#670E83fe
  • activityBar.foreground#641C77fe
  • activityBar.inactiveForeground#49525265
  • activityBarBadge.background#69297Bfe
  • activityBarBadge.foreground#EDEFEFfe
  • badge.background#7C2C92fe
  • badge.foreground#EDEFEFfe
  • banner.background#DBDFDFfe
  • banner.foreground#153C3Cce
  • banner.iconForeground#1C3E1Cfe
  • breadcrumb.activeSelectionForeground#423329ca
  • breadcrumb.background#E8EBEBfe
  • breadcrumb.focusForeground#9C2FBAfe
  • breadcrumb.foreground#153C3Cae
  • breadcrumbPicker.background#DBDFDFfe
  • button.background#AFB7B7ae
  • button.border#FBFAFA00
  • button.foreground#153C3Cce
  • button.hoverBackground#9DA7A76e
  • button.secondaryBackground#DBDFDFfe
  • button.secondaryForeground#153C3Cce
  • button.secondaryHoverBackground#DBDFDFfe
  • button.separator#FAFAFB00
  • charts.blue#1b1bfffe
  • charts.foreground#153C3Cce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067bc
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F1F3F3fe
  • chat.slashCommandBackground#DBDFDFfe
  • chat.slashCommandForeground#153C3Cce
  • checkbox.background#F1F3F3fe
  • checkbox.border#F1F3F3fe
  • checkbox.foreground#153C3Cce
  • checkbox.selectBackground#F1F3F3fe
  • checkbox.selectBorder#F1F3F3fe
  • commandCenter.activeBackground#D5D2D181
  • commandCenter.activeBorder#F1F3F3fe
  • commandCenter.activeForeground#962EB2fe
  • commandCenter.background#DBDFDFfe
  • commandCenter.border#F1F3F3fe
  • commandCenter.foreground#153C3Cce
  • commandCenter.inactiveBorder#CED3D393
  • commandCenter.inactiveForeground#454D4D65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#FBFAFA00
  • contrastBorder#FAFBFA00
  • debugConsole.errorForeground#900090ce
  • debugConsole.infoForeground#153C3Cce
  • debugConsole.sourceForeground#153C3Cce
  • debugConsole.warningForeground#5E4E00ce
  • debugConsoleInputIcon.foreground#2A3B19fe
  • debugExceptionWidget.background#FFBDFFb2
  • debugExceptionWidget.border#F1F3F3fe
  • debugIcon.breakpointCurrentStackframeForeground#3C3340fe
  • debugIcon.breakpointDisabledForeground#41494965
  • debugIcon.breakpointForeground#1C3E1Cfe
  • debugIcon.breakpointStackframeForeground#353549fe
  • debugIcon.breakpointUnverifiedForeground#2D3B02fe
  • debugIcon.continueForeground#353555fe
  • debugIcon.disconnectForeground#353731fe
  • debugIcon.pauseForeground#472D4Dfe
  • debugIcon.restartForeground#1C3E1Cfe
  • debugIcon.startForeground#3F342Cfe
  • debugIcon.stepBackForeground#203B3Bfe
  • debugIcon.stepIntoForeground#1D3C3Cfe
  • debugIcon.stepOutForeground#343451fe
  • debugIcon.stepOverForeground#40393Cfe
  • debugIcon.stopForeground#353549fe
  • debugTokenExpression.boolean#161816ca
  • debugTokenExpression.error#1D1D21ca
  • debugTokenExpression.name#252A25ca
  • debugTokenExpression.number#1D1D21ca
  • debugTokenExpression.value#242521ca
  • debugToolBar.background#FFBDFFaa
  • debugToolBar.border#F1F3F3fe
  • debugView.exceptionLabelBackground#D6D3D7ca
  • debugView.exceptionLabelForeground#2F3B0Aca
  • debugView.stateLabelBackground#D3D3D7ca
  • debugView.stateLabelForeground#4B3117ca
  • debugView.valueChangedHighlight#242125ca
  • descriptionForeground#153C3Cce
  • diffEditor.border#FAFBFA00
  • diffEditor.diagonalFill#000000f4
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#B2DEB5fb
  • diffEditor.insertedTextBorder#FAFAFB00
  • diffEditor.move.border#FAFAFB00
  • diffEditor.moveActive.border#FAFAFB00
  • diffEditor.removedLineBackground#FFC4C431
  • diffEditor.removedTextBackground#FEC4C4fb
  • diffEditor.removedTextBorder#FAFAFB00
  • diffEditor.unchangedCodeBackground#DBDFDFfe
  • diffEditor.unchangedRegionBackground#DBDFDFfe
  • diffEditor.unchangedRegionForeground#153C3Cce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#39404065
  • dropdown.background#F1F3F3fe
  • dropdown.border#F1F3F3fe
  • dropdown.foreground#153C3Cce
  • dropdown.listBackground#F1F3F3fe
  • editor.background#DBDFDFfe
  • editor.findMatchBackground#A6AFAFa2
  • editor.findMatchBorder#F1F3F3fe
  • editor.findMatchHighlightBackground#A3A79Da6
  • editor.findMatchHighlightBorder#F1F3F3fe
  • editor.findRangeHighlightBackground#979B8Fab
  • editor.findRangeHighlightBorder#F1F3F3fe
  • editor.focusedStackFrameHighlightBackground#9B8F9382
  • editor.foldBackground#315656a9
  • editor.foreground#153C3Cce
  • editor.hoverHighlightBackground#B3ADAAac
  • editor.inactiveSelectionBackground#B7BFBF93
  • editor.inlineValuesBackground#DBDFDFfe
  • editor.inlineValuesForeground#153C3Cce
  • editor.lineHighlightBackground#B7BFBFb4
  • editor.lineHighlightBorder#FBFAFA00
  • editor.linkedEditingBackground#DBDFDFfe
  • editor.rangeHighlightBackground#AAB3AAa7
  • editor.rangeHighlightBorder#F1F3F3fe
  • editor.selectionBackground#BCC3BCa7
  • editor.selectionForeground#551B68ca
  • editor.selectionHighlightBackground#9B8F9382
  • editor.selectionHighlightBorder#F1F3F3fe
  • editor.snippetFinalTabstopHighlightBackground#AFA6A9a5
  • editor.snippetFinalTabstopHighlightBorder#F1F3F3fe
  • editor.snippetTabstopHighlightBackground#AFA6A9a3
  • editor.snippetTabstopHighlightBorder#F1F3F3fe
  • editor.stackFrameHighlightBackground#B8BBB3a4
  • editor.symbolHighlightBackground#9B8F93a5
  • editor.symbolHighlightBorder#F1F3F3fe
  • editor.wordHighlightBackground#9DA79Da7
  • editor.wordHighlightBorder#FAFBFA00
  • editor.wordHighlightStrongBackground#9F98A3a9
  • editor.wordHighlightStrongBorder#F6F7F700
  • editor.wordHighlightTextBackground#8F8F9Ba2
  • editor.wordHighlightTextBorder#FBFAFA00
  • editorBracketHighlight.foreground1#0C0E0Ece
  • editorBracketHighlight.foreground2#0C0E0Ece
  • editorBracketHighlight.foreground3#0C0E0Ece
  • editorBracketHighlight.foreground4#0C0E0Ece
  • editorBracketHighlight.foreground5#0C0E0Ece
  • editorBracketHighlight.foreground6#0C0E0Ece
  • editorBracketHighlight.unexpectedBracket.foreground#153C3Cce
  • editorBracketMatch.background#455245a2
  • editorBracketMatch.border#F1F3F3fe
  • editorBracketPairGuide.activeBackground1#6F368C8c
  • editorBracketPairGuide.activeBackground2#63495285
  • editorBracketPairGuide.activeBackground3#6947368b
  • editorBracketPairGuide.activeBackground4#47543083
  • editorBracketPairGuide.activeBackground5#3030DB8d
  • editorBracketPairGuide.activeBackground6#36553682
  • editorBracketPairGuide.background1#D3D3D7fe
  • editorBracketPairGuide.background2#D1D3CEfe
  • editorBracketPairGuide.background3#CED3D3fe
  • editorBracketPairGuide.background4#CFD4CFfe
  • editorBracketPairGuide.background5#D7D2D5fe
  • editorBracketPairGuide.background6#D2D3CEfe
  • editorCodeLens.foreground#1E58586e
  • editorCommentsWidget.rangeActiveBackground#3C5454fe
  • editorCommentsWidget.rangeBackground#DBDFDFfe
  • editorCommentsWidget.resolvedBorder#F1F3F3fe
  • editorCommentsWidget.unresolvedBorder#FFC4C4cb
  • editorCursor.background#DBDFDFfe
  • editorCursor.foreground#8F2EAAfe
  • editorError.background#FBFAFA00
  • editorError.border#FAFBFA00
  • editorError.foreground#900090ce
  • editorGhostText.background#DBDFDFfe
  • editorGhostText.border#FAFBFA00
  • editorGhostText.foreground#2457576e
  • editorGroup.border#F1F3F3fe
  • editorGroup.dropBackground#DBDFDFfe
  • editorGroup.dropIntoPromptBackground#DBDFDFfe
  • editorGroup.dropIntoPromptBorder#F1F3F3fe
  • editorGroup.dropIntoPromptForeground#153C3Cce
  • editorGroup.emptyBackground#DBDFDFfe
  • editorGroup.focusedEmptyBorder#F1F3F3fe
  • editorGroupHeader.border#FBFAFA00
  • editorGroupHeader.noTabsBackground#EDEFEFae
  • editorGroupHeader.tabsBackground#D7DBDBa1
  • editorGroupHeader.tabsBorder#FAFBFA00
  • editorGutter.addedBackground#1A5C1Dfb
  • editorGutter.background#DBDFDFfe
  • editorGutter.commentGlyphForeground#153C3Cce
  • editorGutter.commentRangeForeground#153C3Cce
  • editorGutter.commentUnresolvedGlyphForeground#1F5921cb
  • editorGutter.deletedBackground#A50000cb
  • editorGutter.foldingControlForeground#153C3Cce
  • editorGutter.modifiedBackground#5E4E00ce
  • editorHint.border#FBFAFA00
  • editorHint.foreground#3C00FCce
  • editorHoverWidget.background#F1F3F3fe
  • editorHoverWidget.border#F1F3F3fe
  • editorHoverWidget.foreground#153C3Cce
  • editorHoverWidget.highlightForeground#4B0096ca
  • editorHoverWidget.statusBarBackground#DBDFDFfe
  • editorIndentGuide.activeBackground1#641C77fe
  • editorIndentGuide.activeBackground2#651979fe
  • editorIndentGuide.activeBackground3#612172fe
  • editorIndentGuide.activeBackground4#612172fe
  • editorIndentGuide.activeBackground5#67147Bfe
  • editorIndentGuide.activeBackground6#690187fe
  • editorIndentGuide.background1#4B4D4535
  • editorIndentGuide.background2#4B4D4535
  • editorIndentGuide.background3#68615D35
  • editorIndentGuide.background4#49524935
  • editorIndentGuide.background5#4F495235
  • editorIndentGuide.background6#51515B35
  • editorInfo.background#F6F7F700
  • editorInfo.border#FBFAFA00
  • editorInfo.foreground#3C00FCce
  • editorInlayHint.background#DBDFDFfe
  • editorInlayHint.foreground#153C3Cce
  • editorInlayHint.parameterBackground#DBDFDFfe
  • editorInlayHint.parameterForeground#153C3Cce
  • editorInlayHint.typeBackground#DBDFDFfe
  • editorInlayHint.typeForeground#153C3Cce
  • editorLightBulb.foreground#5E4E00ce
  • editorLightBulbAutoFix.foreground#1F5921cb
  • editorLineNumber.activeForeground#6F2A82fe
  • editorLineNumber.dimmedForeground#1E58586e
  • editorLineNumber.foreground#2158586e
  • editorLink.activeForeground#8F2EAAfe
  • editorMarkerNavigation.background#F1F3F3fe
  • editorMarkerNavigationError.background#FFBDFFae
  • editorMarkerNavigationError.headerBackground#FFBDFFab
  • editorMarkerNavigationInfo.background#CFCFFEfe
  • editorMarkerNavigationInfo.headerBackground#CFCFFEfe
  • editorMarkerNavigationWarning.background#FCD000fe
  • editorMarkerNavigationWarning.headerBackground#FCD000fe
  • editorOverviewRuler.addedForeground#1F5921cb
  • editorOverviewRuler.background#DBDFDFfe
  • editorOverviewRuler.border#CED3D3fe
  • editorOverviewRuler.bracketMatchForeground#153C3Cce
  • editorOverviewRuler.commentForeground#2757576e
  • editorOverviewRuler.commentUnresolvedForeground#1F5921cb
  • editorOverviewRuler.commonContentForeground#153C3Cce
  • editorOverviewRuler.currentContentForeground#505050c9
  • editorOverviewRuler.deletedForeground#A50000cb
  • editorOverviewRuler.errorForeground#900090ce
  • editorOverviewRuler.findMatchForeground#005959ce
  • editorOverviewRuler.incomingContentForeground#1F5921cb
  • editorOverviewRuler.infoForeground#3C00FCce
  • editorOverviewRuler.modifiedForeground#5E4E00ce
  • editorOverviewRuler.rangeHighlightForeground#1D3C3Cca
  • editorOverviewRuler.selectionHighlightForeground#3C00FCce
  • editorOverviewRuler.warningForeground#5E4E00ce
  • editorOverviewRuler.wordHighlightForeground#4B3117ca
  • editorOverviewRuler.wordHighlightStrongForeground#153C3Cce
  • editorOverviewRuler.wordHighlightTextForeground#153C3Cce
  • editorPane.background#DBDFDFfe
  • editorRuler.foreground#3B545432
  • editorStickyScroll.background#DBDFDFfe
  • editorStickyScrollHover.background#CED3D36e
  • editorSuggestWidget.background#F1F3F3fe
  • editorSuggestWidget.border#FBFAFA00
  • editorSuggestWidget.focusHighlightForeground#4F3A24fe
  • editorSuggestWidget.foreground#1818A9fe
  • editorSuggestWidget.highlightForeground#203D20ca
  • editorSuggestWidget.selectedBackground#9DA79D84
  • editorSuggestWidget.selectedForeground#0A0AB8ca
  • editorSuggestWidget.selectedIconForeground#203B3Bca
  • editorSuggestWidgetStatus.foreground#393940fe
  • editorUnicodeHighlight.background#8F9B9Ba3
  • editorUnicodeHighlight.border#F1F3F3fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#FBFAFA00
  • editorWarning.border#FBFAFA00
  • editorWarning.foreground#5E4E00ce
  • editorWhitespace.foreground#153C3Cce
  • editorWidget.background#F1F3F3fe
  • editorWidget.border#F1F3F3fe
  • editorWidget.foreground#153C3Cce
  • editorWidget.resizeBorder#F1F3F3fe
  • errorForeground#900090ce
  • extensionBadge.remoteBackground#962EB2fe
  • extensionBadge.remoteForeground#EDEFEFfe
  • extensionButton.background#CED3D3ae
  • extensionButton.foreground#153C3Cce
  • extensionButton.hoverBackground#CED3D36e
  • extensionButton.prominentBackground#DBDFDFfe
  • extensionButton.prominentForeground#153C3Cce
  • extensionButton.prominentHoverBackground#DBDFDFfe
  • extensionButton.separator#FAFAFB00
  • extensionIcon.preReleaseForeground#3A3C35fe
  • extensionIcon.sponsorForeground#3A353Cfe
  • extensionIcon.starForeground#2B3B13fe
  • extensionIcon.verifiedForeground#243A3Afe
  • focusBorder#FAFAFB00
  • foreground#153C3Cce
  • gitDecoration.addedResourceForeground#1F5921cb
  • gitDecoration.deletedResourceForeground#A50000cb
  • gitDecoration.modifiedResourceForeground#5E4E00ce
  • gitDecoration.renamedResourceForeground#3C00FCce
  • gitDecoration.stageDeletedResourceForeground#A50000cb
  • gitDecoration.stageModifiedResourceForeground#1F5921cb
  • gitDecoration.untrackedResourceForeground#005959ce
  • icon.foreground#315656ae
  • inlineChat.background#D7D3D5ca
  • inlineChat.border#D6D3D1ca
  • inlineChat.regionHighlight#252A25ca
  • inlineChat.shadow#171816ca
  • inlineChatDiff.inserted#212521ca
  • inlineChatDiff.removed#161618ca
  • inlineChatInput.background#252123ca
  • inlineChatInput.border#D2D3CEca
  • inlineChatInput.focusBorder#FAFAFB00
  • inlineChatInput.placeholderForeground#1D3C3Cca
  • input.background#F1F3F3fe
  • input.border#F1F3F3fe
  • input.foreground#153C3Cce
  • input.placeholderForeground#41494965
  • inputOption.activeBackground#F1F3F3fe
  • inputOption.activeBorder#F1F3F3fe
  • inputOption.activeForeground#962EB2fe
  • inputOption.hoverBackground#F1F3F3fe
  • inputValidation.errorBackground#670067c8
  • inputValidation.errorBorder#FFBDFFa8
  • inputValidation.errorForeground#900090ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F1F3F3fe
  • inputValidation.infoForeground#153C3Cce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F1F3F3fe
  • inputValidation.warningForeground#5E4E00ce
  • interactive.activeCodeBorder#F1F3F3fe
  • interactive.inactiveCodeBorder#CED3D395
  • keybindingLabel.background#DBDFDFfe
  • keybindingLabel.border#F1F3F3fe
  • keybindingLabel.bottomBorder#F1F3F3fe
  • keybindingLabel.foreground#153C3Cce
  • keybindingTable.headerBackground#DBDFDFfe
  • keybindingTable.rowsBackground#DBDFDFfe
  • list.activeSelectionBackground#BFB7BA88
  • list.activeSelectionForeground#551B68ca
  • list.activeSelectionIconForeground#193C3Cca
  • list.deemphasizedForeground#153C3Cce
  • list.dropBackground#DBDFDFfe
  • list.errorForeground#900090ce
  • list.filterMatchBackground#DBDFDFfe
  • list.filterMatchBorder#F1F3F3fe
  • list.focusAndSelectionOutline#F6F7F700
  • list.focusBackground#C9CFCF96
  • list.focusForeground#762B8Afe
  • list.focusHighlightForeground#2B442Bfe
  • list.focusOutline#FAFAFB00
  • list.highlightForeground#2A3B19ca
  • list.hoverBackground#CFD4CFab
  • list.hoverForeground#7C2C92fe
  • list.inactiveFocusBackground#C9CFCF99
  • list.inactiveFocusOutline#FAFBFA00
  • list.inactiveSelectionBackground#EDEFEFae
  • list.inactiveSelectionForeground#454D4D65
  • list.inactiveSelectionIconForeground#3D444465
  • list.invalidItemForeground#153C3Cce
  • list.warningForeground#5E4E00ce
  • listFilterWidget.background#DBDFDFfe
  • listFilterWidget.noMatchesOutline#FAFAFB00
  • listFilterWidget.outline#FAFBFA00
  • listFilterWidget.shadow#FAFBFA00
  • menu.background#EDEFEFfe
  • menu.border#FAFBFA00
  • menu.foreground#153C3Cae
  • menu.selectionBackground#BCC3BCa8
  • menu.selectionBorder#FAFAFB00
  • menu.selectionForeground#A32FC3fe
  • menu.separatorBackground#CED3D365
  • menubar.selectionBackground#C5CBC5ad
  • menubar.selectionBorder#FAFAFB00
  • menubar.selectionForeground#9C2FBAfe
  • merge.border#F1F3F3fe
  • merge.commonContentBackground#DBDFDFfe
  • merge.commonHeaderBackground#DBDFDFfe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#B2DEB5fb
  • merge.incomingContentBackground#B2DEB4cb
  • merge.incomingHeaderBackground#B2DEB5fb
  • mergeEditor.change.background#DBDFDFfe
  • mergeEditor.change.word.background#DBDFDFfe
  • mergeEditor.changeBase.background#DBDFDFfe
  • mergeEditor.changeBase.word.background#DBDFDFfe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F1F3F3fe
  • mergeEditor.conflict.handledUnfocused.border#CED3D337
  • mergeEditor.conflict.input1.background#F1F3F3fe
  • mergeEditor.conflict.input2.background#F1F3F3fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067af
  • mergeEditor.conflict.unhandledFocused.border#F1F3F3fe
  • mergeEditor.conflict.unhandledUnfocused.border#CED3D33e
  • mergeEditor.conflictingLines.background#DBDFDFfe
  • minimap.background#DBDFDFfe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0C0E0Ece
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1A5C1Dfb
  • minimapGutter.deletedBackground#A50000fb
  • minimapGutter.modifiedBackground#5E4E00ce
  • minimapSlider.activeBackground#798787fe
  • minimapSlider.background#AAB3B3ae
  • minimapSlider.hoverBackground#8B97976e
  • notebook.cellBorderColor#F1F3F3fe
  • notebook.cellEditorBackground#DBDFDFfe
  • notebook.cellHoverBackground#DBDFDFfe
  • notebook.cellInsertionIndicator#1D1A1Bca
  • notebook.cellStatusBarItemHoverBackground#DBDFDFfe
  • notebook.cellToolbarSeparator#1A1A1Dca
  • notebook.editorBackground#DBDFDFfe
  • notebook.focusedCellBackground#DBDFDFfe
  • notebook.focusedCellBorder#9C2FBAfe
  • notebook.focusedEditorBorder#F1F3F3fe
  • notebook.inactiveFocusedCellBorder#7583838e
  • notebook.inactiveSelectedCellBorder#7987878e
  • notebook.outputContainerBackgroundColor#DBDFDFfe
  • notebook.outputContainerBorderColor#F1F3F3fe
  • notebook.selectedCellBackground#DBDFDFfe
  • notebook.selectedCellBorder#F1F3F3fe
  • notebook.symbolHighlightBackground#DBDFDFfe
  • notebookEditorOverviewRuler.runningCellForeground#153C3Cce
  • notebookScrollbarSlider.activeBackground#828F8Ffe
  • notebookScrollbarSlider.background#AAB3B3ae
  • notebookScrollbarSlider.hoverBackground#9DA7A76e
  • notebookStatusErrorIcon.foreground#900090ce
  • notebookStatusRunningIcon.foreground#173E17fe
  • notebookStatusSuccessIcon.foreground#1F5921cb
  • notificationCenter.border#F1F3F3fe
  • notificationCenterHeader.background#DBDFDFfe
  • notificationCenterHeader.foreground#153C3Cce
  • notificationLink.foreground#153C3Cce
  • notifications.background#DBDFDFfe
  • notifications.border#F1F3F3fe
  • notifications.foreground#153C3Cce
  • notificationsErrorIcon.foreground#900090ce
  • notificationsInfoIcon.foreground#393940fe
  • notificationsWarningIcon.foreground#5E4E00ce
  • notificationToast.border#F1F3F3fe
  • panel.background#DBDFDFfe
  • panel.border#F1F3F3fe
  • panel.dropBorder#F1F3F3fe
  • panelInput.border#F1F3F3fe
  • panelSection.border#F1F3F3fe
  • panelSection.dropBackground#DBDFDFfe
  • panelSectionHeader.background#DBDFDFfe
  • panelSectionHeader.border#F1F3F3fe
  • panelSectionHeader.foreground#153C3Cce
  • panelTitle.activeBorder#F6F7F700
  • panelTitle.activeForeground#690685fe
  • panelTitle.inactiveForeground#49525265
  • peekView.border#651979fe
  • peekViewEditor.background#F1F3F3fe
  • peekViewEditor.matchHighlightBackground#B0AAB38b
  • peekViewEditor.matchHighlightBorder#FAFBFA00
  • peekViewEditorGutter.background#F1F3F3fe
  • peekViewEditorStickyScroll.background#DBDFDFfe
  • peekViewResult.background#EDEFEFfe
  • peekViewResult.fileForeground#153C3Cce
  • peekViewResult.lineForeground#153C3Cce
  • peekViewResult.matchHighlightBackground#B3AAAD84
  • peekViewResult.selectionBackground#9F949885
  • peekViewResult.selectionForeground#53293Aca
  • peekViewTitle.background#EDEFEFfe
  • peekViewTitleDescription.foreground#153C3Cce
  • peekViewTitleLabel.foreground#153C3Cce
  • pickerGroup.border#F1F3F3fe
  • pickerGroup.foreground#153C3Cce
  • ports.iconRunningProcessForeground#123C3Cfe
  • problemsErrorIcon.foreground#900090ce
  • problemsInfoIcon.foreground#3C00FCce
  • problemsWarningIcon.foreground#5E4E00ce
  • profileBadge.background#69297Bfe
  • profileBadge.foreground#EDEFEFfe
  • progressBar.background#DBDFDFfe
  • quickInput.background#EDEFEFfe
  • quickInput.foreground#163D3Dae
  • quickInputList.focusBackground#A6A6AFa7
  • quickInputList.focusForeground#762B8Afe
  • quickInputList.focusIconForeground#9C2FBAfe
  • quickInputTitle.background#F1F3F3fe
  • sash.hoverBorder#F1F3F3fe
  • scrollbar.shadow#F6F7F700
  • scrollbarSlider.activeBackground#828F8Ffe
  • scrollbarSlider.background#AAB3B3ae
  • scrollbarSlider.hoverBackground#9DA7A76e
  • search.resultsInfoForeground#153C3Cce
  • searchEditor.findMatchBackground#ABA4A1a5
  • searchEditor.findMatchBorder#F1F3F3fe
  • searchEditor.textInputBorder#F1F3F3fe
  • selection.background#DBDFDFfe
  • settings.checkboxBackground#F1F3F3fe
  • settings.checkboxBorder#F1F3F3fe
  • settings.checkboxForeground#153C3Cce
  • settings.dropdownBackground#F1F3F3fe
  • settings.dropdownBorder#F1F3F3fe
  • settings.dropdownForeground#153C3Cce
  • settings.dropdownListBorder#F1F3F3fe
  • settings.focusedRowBackground#B7B1AF85
  • settings.focusedRowBorder#F1F3F3fe
  • settings.headerBorder#F1F3F3fe
  • settings.headerForeground#153C3Cce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F1F3F3fe
  • settings.numberInputBorder#F1F3F3fe
  • settings.numberInputForeground#153C3Cce
  • settings.rowHoverBackground#DBDFDFfe
  • settings.sashBorder#F1F3F3fe
  • settings.settingsHeaderHoverForeground#7C2C92fe
  • settings.textInputBackground#F1F3F3fe
  • settings.textInputBorder#F1F3F3fe
  • settings.textInputForeground#153C3Cce
  • sideBar.background#DBDFDFfe
  • sideBar.border#F1F3F3fe
  • sideBar.dropBackground#DBDFDFfe
  • sideBar.foreground#315656ae
  • sideBarSectionHeader.background#FAFAFB00
  • sideBarSectionHeader.border#F1F3F3fe
  • sideBarSectionHeader.foreground#153C3Cce
  • sideBarTitle.foreground#153C3Cce
  • sideBySideEditor.horizontalBorder#F1F3F3fe
  • sideBySideEditor.verticalBorder#F1F3F3fe
  • simpleFindWidget.sashBorder#F1F3F3fe
  • statusBar.background#EDEFEFfe
  • statusBar.border#F1F3F3fe
  • statusBar.debuggingBackground#FFBDFFbd
  • statusBar.debuggingBorder#F1F3F3fe
  • statusBar.debuggingForeground#153C3Cce
  • statusBar.focusBorder#F6F7F700
  • statusBar.foreground#1E58586e
  • statusBar.noFolderBackground#EDEFEFfe
  • statusBar.noFolderBorder#F1F3F3fe
  • statusBar.noFolderForeground#153C3Cce
  • statusBarItem.activeBackground#EDEFEFfe
  • statusBarItem.compactHoverBackground#EDEFEFfe
  • statusBarItem.errorBackground#FFBDFFa0
  • statusBarItem.errorForeground#900090ce
  • statusBarItem.errorHoverBackground#FFBDFFc4
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#FAFBFA00
  • statusBarItem.hoverBackground#EDEFEFfe
  • statusBarItem.hoverForeground#9C2FBAfe
  • statusBarItem.offlineBackground#EDEFEFfe
  • statusBarItem.offlineForeground#153C3Cce
  • statusBarItem.offlineHoverBackground#EDEFEFfe
  • statusBarItem.offlineHoverForeground#6F2A82fe
  • statusBarItem.prominentBackground#EDEFEFfe
  • statusBarItem.prominentForeground#153C3Cce
  • statusBarItem.prominentHoverBackground#EDEFEFfe
  • statusBarItem.prominentHoverForeground#822D9Afe
  • statusBarItem.remoteBackground#892DA2fe
  • statusBarItem.remoteForeground#EDEFEFfe
  • statusBarItem.remoteHoverBackground#EDEFEFfe
  • statusBarItem.remoteHoverForeground#A32FC3fe
  • statusBarItem.warningBackground#FCD000fe
  • statusBarItem.warningForeground#5E4E00ce
  • statusBarItem.warningHoverBackground#FCD000fe
  • statusBarItem.warningHoverForeground#967C00ce
  • symbolIcon.arrayForeground#3F3337fe
  • symbolIcon.booleanForeground#005959ce
  • symbolIcon.classForeground#403147fe
  • symbolIcon.colorForeground#203B3Bfe
  • symbolIcon.constantForeground#561079fe
  • symbolIcon.constructorForeground#2D3B02fe
  • symbolIcon.enumeratorForeground#32325Bfe
  • symbolIcon.enumeratorMemberForeground#333926fe
  • symbolIcon.eventForeground#233A3Afe
  • symbolIcon.fieldForeground#48285Dfe
  • symbolIcon.fileForeground#551B68fe
  • symbolIcon.folderForeground#1D3C3Cfe
  • symbolIcon.functionForeground#40393Cfe
  • symbolIcon.interfaceForeground#0A0AB8fe
  • symbolIcon.keyForeground#3C3735fe
  • symbolIcon.keywordForeground#353C3Cfe
  • symbolIcon.methodForeground#69103Dfe
  • symbolIcon.moduleForeground#551B68fe
  • symbolIcon.namespaceForeground#561079fe
  • symbolIcon.nullForeground#282886fe
  • symbolIcon.numberForeground#3A353Cfe
  • symbolIcon.objectForeground#1D3C3Cfe
  • symbolIcon.operatorForeground#472D4Dfe
  • symbolIcon.packageForeground#193F19fe
  • symbolIcon.propertyForeground#333926fe
  • symbolIcon.referenceForeground#1D3C3Cfe
  • symbolIcon.snippetForeground#353C3Cfe
  • symbolIcon.stringForeground#1D3C3Cfe
  • symbolIcon.structForeground#522D1Afe
  • symbolIcon.textForeground#353731fe
  • symbolIcon.typeParameterForeground#3C3537fe
  • symbolIcon.unitForeground#40393Cfe
  • symbolIcon.variableForeground#453137fe
  • tab.activeBackground#E8EBEBfe
  • tab.activeBorder#F6F7F700
  • tab.activeBorderTop#670E83fe
  • tab.activeForeground#641C77fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#FAFAFB00
  • tab.hoverBackground#385638ab
  • tab.hoverBorder#F1F3F3fe
  • tab.hoverForeground#7C2C92fe
  • tab.inactiveBackground#CED3D39a
  • tab.inactiveForeground#41494965
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F1F3F3fe
  • tab.unfocusedActiveBackground#D2D7D72d
  • tab.unfocusedActiveBorder#FBFAFA00
  • tab.unfocusedActiveBorderTop#CFD4D465
  • tab.unfocusedActiveForeground#3D444465
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#3B54542e
  • tab.unfocusedHoverBorder#CED3D325
  • tab.unfocusedHoverForeground#41494965
  • tab.unfocusedInactiveBackground#C0C7C797
  • tab.unfocusedInactiveForeground#3D444465
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333c7
  • 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#6700679a
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececeba
  • terminal.ansiYellow#c4a200fe
  • terminal.background#DBDFDFfe
  • terminal.border#F1F3F3fe
  • terminal.dropBackground#DBDFDFfe
  • terminal.findMatchBackground#DBDFDFfe
  • terminal.findMatchBorder#F1F3F3fe
  • terminal.findMatchHighlightBackground#DBDFDFfe
  • terminal.findMatchHighlightBorder#F1F3F3fe
  • terminal.foreground#315656ae
  • terminal.hoverHighlightBackground#DBDFDFfe
  • terminal.inactiveSelectionBackground#C5CBCB99
  • terminal.selectionBackground#9B9F9484
  • terminal.selectionForeground#433425ca
  • terminal.tab.activeBorder#602370fe
  • terminalCommandDecoration.defaultBackground#3232D7a6
  • terminalCommandDecoration.errorBackground#A50000cb
  • terminalCommandDecoration.successBackground#1F5921cb
  • terminalCursor.background#DBDFDFfe
  • terminalCursor.foreground#69297Bfe
  • terminalOverviewRuler.cursorForeground#153C3Cce
  • terminalOverviewRuler.findMatchForeground#005959ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0a9
  • testing.iconUnset#8080809c
  • testing.message.error.decorationForeground#762B8Afe
  • testing.message.error.lineBackground#FFBDFFa0
  • testing.message.info.decorationForeground#840CA6fe
  • testing.message.info.lineBackground#CFCFFEfe
  • testing.peekBorder#F1F3F3fe
  • testing.peekHeaderBackground#DBDFDFfe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#DBDFDFfe
  • textBlockQuote.border#F1F3F3fe
  • textCodeBlock.background#DBDFDFfe
  • textLink.activeForeground#69297Bfe
  • textLink.foreground#3C00FCce
  • textPreformat.foreground#153C3Cce
  • textSeparator.foreground#153C3Cce
  • titleBar.activeBackground#EDEFEFfe
  • titleBar.activeForeground#174646ae
  • titleBar.border#FAFBFA00
  • titleBar.inactiveBackground#CED3D3d1
  • titleBar.inactiveForeground#49525265
  • toolbar.activeBackground#D5D1D28a
  • toolbar.hoverBackground#DBDFDFfe
  • toolbar.hoverOutline#FBFAFA00
  • tree.inactiveIndentGuidesStroke#443D4035
  • tree.indentGuidesStroke#762B8Afe
  • tree.tableColumnsBorder#F1F3F3fe
  • tree.tableOddRowsBackground#DBDFDFfe
  • walkThrough.embeddedEditorBackground#DBDFDFfe
  • walkthrough.stepTitle.foreground#153C3Cce
  • welcomePage.background#DBDFDFfe
  • welcomePage.progress.background#DBDFDFfe
  • welcomePage.progress.foreground#153C3Cce
  • welcomePage.tileBackground#DBDFDFfe
  • welcomePage.tileBorder#F1F3F3fe
  • welcomePage.tileHoverBackground#DBDFDFfe
  • widget.border#F1F3F3fe
  • widget.shadow#FAFBFA00
  • window.activeBorder#F1F3F3fe
  • window.inactiveBorder#CED3D39a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#1734346e
comment.block.html#1734346e
comment.block.java#1734346e
comment.block.javadoc.java#1834346e
comment.block.powershell#1635356e
comment.block.xml#1734346e
comment.line.double-slash.c#1834346e
comment.line.double-slash.cpp#1635356e
comment.line.double-slash.java#1834346e
comment.line.double-slash.js#1734346e
comment.line.number-sign.makefile#1734346e
comment.line.number-sign.python#1734346e
comment.line.number-sign.yaml#1834346e
comment.line.percentage.erlang#1734346e
comment.line.powershell#1734346e
comment.source.cmake#1834346e
comment.source.cmakecache#1834346e
constant.character#03380Fde
constant.character.character-class.regexp#1E4349de
constant.character.escape#6A3A09de
constant.character.set.regexp#12511Fde
constant.language#12343Ade
constant.numeric#104D58de
constant.numeric.dec.python#4F0E61de
constant.other.caps.python#163439de
constant.other.character-class.regexp#6A3A0Bde
constant.other.character-class.set.regexp#304E0Ade
constant.other.color.rgb-value#252570de
constant.other.placeholder#520368de
constant.other.rgb-value#0A0AA4de
constant.regexp#4C145Dde
constant.sha.git-rebase#4C145Dde
emphasis#293518de
entity.name.class#4F0F62de
entity.name.function#0D0D9Ede
entity.name.function.preprocessor#520368de
entity.name.function.python#632873de
entity.name.label#243410de
entity.name.namespace#6A3A0Bde
entity.name.operator#422F1Dde
entity.name.operator.custom-literal#49341Ede
entity.name.scope-resolution#5D1025de
entity.name.tag#4A1A56de
entity.name.tag.css#324E0Fde
entity.name.type#03380Fdebold
entity.name.variable#491C54de
entity.other.attribute#12333Cde
entity.other.attribute-name#0C4D59de
entity.other.attribute-name.class.css#64031Fde
entity.other.attribute-name.class.mixin.css#482704de
entity.other.attribute-name.id#0A0AA4de
entity.other.attribute-name.id.css#5E2434de
entity.other.attribute-name.parent-selector.css#26266Dde
entity.other.attribute-name.pseudo-class.css#1E4928de
entity.other.attribute-name.pseudo-element.css#304E0Ade
entity.other.attribute-name.scss#5D1025de
entity.other.document.begin.yaml#1834346e
entity.other.inherited-class#451F50de
header#432A11de
invalid#5F0E25de
keyword#203503debold
keyword.codetag.notation.python#573C22debold
keyword.control#12361Adebold
keyword.control.anchor.regexp#64031Fdebold
keyword.control.import.python#104D58debold
keyword.operator#5F0E1Fdebold
keyword.operator.alignas#344D12debold
keyword.operator.alignof#5D1025debold
keyword.operator.cast#5A1529debold
keyword.operator.delete#4C145Ddebold
keyword.operator.documentation.powershell#1734346ebold
keyword.operator.expression#58182Adebold
keyword.operator.instanceof#26266Ddebold
keyword.operator.logical.python#26266Bdebold
keyword.operator.minus.exponent#0D3715debold
keyword.operator.negation.regexp#503820debold
keyword.operator.new#1A1A8Bdebold
keyword.operator.noexcept#26266Cdebold
keyword.operator.or.regexp#11511Edebold
keyword.operator.plus.exponent#461F50debold
keyword.operator.quantifier.regexp#461F50debold
keyword.operator.sizeof#204950debold
keyword.operator.typeid#204950debold
keyword.operator.wordlike#4F0F62debold
keyword.other.operator#551A2Ddebold
keyword.other.package.java#03380Fdebold
keyword.other.unit#50202Edebold
keyword.other.using#1D3D42debold
markup.bold#12511Fde
markup.changed#324E0Fde
markup.deleted#520368de
markup.fenced_code.block.markdown#12511Fde
markup.heading#133439de
markup.inline.raw#26266Dde
markup.inserted#5A1529de
markup.italic#491C54de
markup.raw.block.markdown#243410de
markup.strikethrough#491C54de
markup.underline#432A11de
meta.block.c#27276Cde
meta.block.c#503820de
meta.class.java#094D59de
meta.definition.variable.name#573C22de
meta.diff.header#26266Cde
meta.embedded#6C273Ade
meta.embedded.assembly#501F2Cde
meta.function-call.arguments.python#324E0Fde
meta.function-call.python#4B1858de
meta.member.access.python#51245Ede
meta.method.java#27276Cde
meta.object-literal.key#03380Fde
meta.paragraph.markdown#4C145Dde
meta.preprocessor#0D511Bde
meta.preprocessor.numeric#50202Ede
meta.preprocessor.string#133439de
meta.scope.prerequisites.makefile#03380Fde
meta.structure.dictionary.json.comments#1734346e
meta.structure.dictionary.key.python#1D3D42de
meta.structure.dictionary.value.json.comments#1734346e
meta.template.expression#402B18de
meta.type.cast.expr#5D276Cdebold
meta.type.new.expr#432A11debold
parameter#5D1025de
punctuation.character.set.begin.regexp#5F0E25de
punctuation.character.set.end.regexp#20207Dde
punctuation.definition.array.begin.json#412A13de
punctuation.definition.character-class.regexp#2D3C1Ade
punctuation.definition.comment#1834346e
punctuation.definition.comment.json.comments#1734346e
punctuation.definition.comment.python#1734346e
punctuation.definition.dictionary.begin.json#5F0E25de
punctuation.definition.dictionary.end.json#252570de
punctuation.definition.group.assertion.regexp#324E0Ede
punctuation.definition.group.regexp#0D4D58de
punctuation.definition.list.begin.json#412A16de
punctuation.definition.list.begin.markdown#0A0AA4de
punctuation.definition.list.begin.python#1D3D42de
punctuation.definition.list.end.json#0D0D9Ede
punctuation.definition.list.end.markdown#0D3715de
punctuation.definition.list.end.python#4B2257de
punctuation.definition.parameters.begin.python#572565de
punctuation.definition.parameters.end.bracket.round.java#095218de
punctuation.definition.quote.begin.markdown#095218de
punctuation.definition.tag#503820de
punctuation.definition.template-expression.begin#204950de
punctuation.definition.template-expression.end#632873de
punctuation.section.class.begin.bracket.curly.java#1A3C22de
punctuation.section.embedded#1A373Cde
punctuation.section.embedded.begin.php#163439de
punctuation.section.embedded.end.php#6C3907de
punctuation.terminator.java#58182Ade
source.cmake#27276Cde
source.coffee.embedded#26266Dde
source.cpp#402B18de
source.css.less#501F2Cde
source.groovy.embedded#1E4349de
source.java#32421Dde
source.java-properties#252570de
source.json.comments#1734346e
source.makefile#334D11de
source.powershell#32421Dde
source.powershell.variable.other.member#12361Ade
source.python#252570de
storage#253413de
storage.modifier#334D11de
storage.modifier.import.java#4F0E61de
storage.modifier.package.java#21217Cde
storage.type#21217Cdebold
storage.type.annotation.groovy#4F0F62debold
storage.type.annotation.java#0A0AA4debold
storage.type.boolean.go#0D0D9Edebold
storage.type.byte.go#163439debold
storage.type.cs#32421Ddebold
storage.type.error.go#4F0E61debold
storage.type.generic.cs#1A373Cdebold
storage.type.generic.groovy#334D11debold
storage.type.generic.java#293518debold
storage.type.groovy#491C54debold
storage.type.java#5F0E25debold
storage.type.modifier.cs#482704debold
storage.type.numeric.go#18351Edebold
storage.type.object.array.groovy#5A1529debold
storage.type.object.array.java#03380Ddebold
storage.type.parameters.groovy#213506debold
storage.type.primitive.array.groovy#58182Adebold
storage.type.primitive.array.java#6A3A0Bdebold
storage.type.primitive.groovy#412A13debold
storage.type.primitive.java#0D4D58debold
storage.type.rune.go#451F50debold
storage.type.string.go#5D1025debold
storage.type.token.java#491C54debold
storage.type.uintptr.go#482704debold
storage.type.variable.cs#32421Ddebold
string#4F0E61de
string.quoted.docstring.multi.python#1734346e
string.regexp#3F2B16de
string.tag#0F511Dde
string.value#412A13de
strong#4F0F62de
support.class#5A1529de
support.constant.color#0D3715de
support.constant.dom#520368de
support.constant.font-name#630320de
support.constant.handlebars#324E0Fde
support.constant.json#1A1A8Bde
support.constant.math#572565de
support.constant.media#482704de
support.constant.media-type#26266Cdebold
support.constant.property-value#104D58de
support.function#37491Ede
support.function.git-rebase#26266Dde
support.other.parenthesis.regexp#0B511Ade
support.type#50202Edebold
support.type.property-name#4A1A56debold
support.type.vendored.property-name#5F0E25debold
support.variable#572565de
token.debug-token#03353Cde
token.error-token#0B511Ade
token.info-token#095218de
token.warn-token#501F2Cde
variable#0D0D9Ede
variable.css#5D1025de
variable.language#26266Bde
variable.language.wildcard.java#324E0Cde
variable.other.constant#0505A4de
variable.other.definition.java#0A0AA4de
variable.other.enummember#151594de
variable.other.less#26266Bde
variable.other.object.java#0505A4de
variable.other.object.property.java#094D59de
variable.parameter.c#243410de
variable.parameter.function.language.python#0D0D9Ede
variable.parameter.java#324E0Ede
variable.scss#5D1025de
viiv by B.W - VS Code Theme