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#D8DAE2fe
  • activityBar.activeBackground#D8DAE2fe
  • activityBar.activeBorder#620488fe
  • activityBar.activeFocusBorder#46848400
  • activityBar.background#EBECF0fe
  • activityBar.border#A06F6F00
  • activityBar.dropBorder#600B86fe
  • activityBar.foreground#5E177Cfe
  • activityBar.inactiveForeground#3A404F65
  • activityBarBadge.background#7D24A3fe
  • activityBarBadge.foreground#EBECF0fe
  • badge.background#712293fe
  • badge.foreground#EBECF0fe
  • banner.background#D8DAE2fe
  • banner.foreground#092E78ce
  • banner.iconForeground#572515fe
  • breadcrumb.activeSelectionForeground#62143Bca
  • breadcrumb.background#E6E8EDfe
  • breadcrumb.focusForeground#712293fe
  • breadcrumb.foreground#062A85ae
  • breadcrumbPicker.background#D8DAE2fe
  • button.background#999FB3ae
  • button.border#F6F5F700
  • button.foreground#092E78ce
  • button.hoverBackground#858DA56e
  • button.secondaryBackground#D8DAE2fe
  • button.secondaryForeground#092E78ce
  • button.secondaryHoverBackground#D8DAE2fe
  • button.separator#F7F7F500
  • charts.blue#1b1bfffe
  • charts.foreground#092E78ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067af
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F0F1F4fe
  • chat.slashCommandBackground#D8DAE2fe
  • chat.slashCommandForeground#092E78ce
  • checkbox.background#F0F1F4fe
  • checkbox.border#F0F1F4fe
  • checkbox.foreground#092E78ce
  • checkbox.selectBackground#F0F1F4fe
  • checkbox.selectBorder#F0F1F4fe
  • commandCenter.activeBackground#BBCCC78d
  • commandCenter.activeBorder#F0F1F4fe
  • commandCenter.activeForeground#77239Bfe
  • commandCenter.background#D8DAE2fe
  • commandCenter.border#F0F1F4fe
  • commandCenter.foreground#092E78ce
  • commandCenter.inactiveBorder#C4C8D393
  • commandCenter.inactiveForeground#3A404F65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F5F7F500
  • contrastBorder#F6F5F700
  • debugConsole.errorForeground#8C008Cce
  • debugConsole.infoForeground#092E78ce
  • debugConsole.sourceForeground#092E78ce
  • debugConsole.warningForeground#5C4C00ce
  • debugConsoleInputIcon.foreground#482D24fe
  • debugExceptionWidget.background#FFADFFc8
  • debugExceptionWidget.border#F0F1F4fe
  • debugIcon.breakpointCurrentStackframeForeground#51253Bfe
  • debugIcon.breakpointDisabledForeground#3A404F65
  • debugIcon.breakpointForeground#482D24fe
  • debugIcon.breakpointStackframeForeground#163C16fe
  • debugIcon.breakpointUnverifiedForeground#163C16fe
  • debugIcon.continueForeground#163C16fe
  • debugIcon.disconnectForeground#113C11fe
  • debugIcon.pauseForeground#442465fe
  • debugIcon.restartForeground#471D71fe
  • debugIcon.startForeground#313620fe
  • debugIcon.stepBackForeground#383C2Cfe
  • debugIcon.stepIntoForeground#4E2A21fe
  • debugIcon.stepOutForeground#471D71fe
  • debugIcon.stepOverForeground#4E2A21fe
  • debugIcon.stopForeground#442D39fe
  • debugTokenExpression.boolean#16131Aca
  • debugTokenExpression.error#131A18ca
  • debugTokenExpression.name#171F1Dca
  • debugTokenExpression.number#171F17ca
  • debugTokenExpression.value#1A1C23ca
  • debugToolBar.background#FFADFFc5
  • debugToolBar.border#F0F1F4fe
  • debugView.exceptionLabelBackground#D3C5CCca
  • debugView.exceptionLabelForeground#0A3B31ca
  • debugView.stateLabelBackground#BBCDC8ca
  • debugView.stateLabelForeground#471D71ca
  • debugView.valueChangedHighlight#26281Eca
  • descriptionForeground#092E78ce
  • diffEditor.border#F7F7F500
  • diffEditor.diagonalFill#000000fb
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#A0D6A3fb
  • diffEditor.insertedTextBorder#F5F7F500
  • diffEditor.move.border#F7F7F500
  • diffEditor.moveActive.border#F7F5F600
  • diffEditor.removedLineBackground#FFB6B631
  • diffEditor.removedTextBackground#FEB6B6fb
  • diffEditor.removedTextBorder#F7F5F500
  • diffEditor.unchangedCodeBackground#D8DAE2fe
  • diffEditor.unchangedRegionBackground#D8DAE2fe
  • diffEditor.unchangedRegionForeground#092E78ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#42475965
  • dropdown.background#F0F1F4fe
  • dropdown.border#F0F1F4fe
  • dropdown.foreground#092E78ce
  • dropdown.listBackground#F0F1F4fe
  • editor.background#D8DAE2fe
  • editor.findMatchBackground#B39F99ab
  • editor.findMatchBorder#F0F1F4fe
  • editor.findMatchHighlightBackground#A7BEA7ad
  • editor.findMatchHighlightBorder#F0F1F4fe
  • editor.findRangeHighlightBackground#B0B79Eae
  • editor.findRangeHighlightBorder#F0F1F4fe
  • editor.focusedStackFrameHighlightBackground#8FAC8F85
  • editor.foldBackground#2A562Aa6
  • editor.foreground#092E78ce
  • editor.hoverHighlightBackground#A7BEB8a4
  • editor.inactiveSelectionBackground#B1B6C592
  • editor.inlineValuesBackground#D8DAE2fe
  • editor.inlineValuesForeground#092E78ce
  • editor.lineHighlightBackground#B1B6C5b4
  • editor.lineHighlightBorder#F7F5F600
  • editor.linkedEditingBackground#D8DAE2fe
  • editor.rangeHighlightBackground#8A92A8aa
  • editor.rangeHighlightBorder#F0F1F4fe
  • editor.selectionBackground#C4D3D0aa
  • editor.selectionForeground#49088Aca
  • editor.selectionHighlightBackground#B4BAA28b
  • editor.selectionHighlightBorder#F0F1F4fe
  • editor.snippetFinalTabstopHighlightBackground#A8AF94a8
  • editor.snippetFinalTabstopHighlightBorder#F0F1F4fe
  • editor.snippetTabstopHighlightBackground#BEADA7a1
  • editor.snippetTabstopHighlightBorder#F0F1F4fe
  • editor.stackFrameHighlightBackground#BEADA7a6
  • editor.symbolHighlightBackground#B2A7BEa1
  • editor.symbolHighlightBorder#F0F1F4fe
  • editor.wordHighlightBackground#99B3ACa3
  • editor.wordHighlightBorder#F5F5F700
  • editor.wordHighlightStrongBackground#9EB79Eae
  • editor.wordHighlightStrongBorder#F5F5F700
  • editor.wordHighlightTextBackground#B2A7BEa6
  • editor.wordHighlightTextBorder#F5F7F700
  • editorBracketHighlight.foreground1#0B0C0Ece
  • editorBracketHighlight.foreground2#0B0C0Ece
  • editorBracketHighlight.foreground3#0B0C0Ece
  • editorBracketHighlight.foreground4#0B0C0Ece
  • editorBracketHighlight.foreground5#0B0C0Ece
  • editorBracketHighlight.foreground6#0B0C0Ece
  • editorBracketHighlight.unexpectedBracket.foreground#092E78ce
  • editorBracketMatch.background#58466Aa1
  • editorBracketMatch.border#F0F1F4fe
  • editorBracketPairGuide.activeBackground1#30544B87
  • editorBracketPairGuide.activeBackground2#63473E8a
  • editorBracketPairGuide.activeBackground3#6E41338b
  • editorBracketPairGuide.activeBackground4#5E484082
  • editorBracketPairGuide.activeBackground5#80305687
  • editorBracketPairGuide.activeBackground6#46502B8e
  • editorBracketPairGuide.background1#D3C8C4fe
  • editorBracketPairGuide.background2#C5C9D4fe
  • editorBracketPairGuide.background3#C7CBBAfe
  • editorBracketPairGuide.background4#D4C6CDfe
  • editorBracketPairGuide.background5#BBCCC9fe
  • editorBracketPairGuide.background6#D4C8C4fe
  • editorCodeLens.foreground#012FB86e
  • editorCommentsWidget.rangeActiveBackground#3D4A80fe
  • editorCommentsWidget.rangeBackground#D8DAE2fe
  • editorCommentsWidget.resolvedBorder#F0F1F4fe
  • editorCommentsWidget.unresolvedBorder#FFB7B7cb
  • editorCursor.background#D8DAE2fe
  • editorCursor.foreground#7D24A3fe
  • editorError.background#F7F5F600
  • editorError.border#F7F5F500
  • editorError.foreground#8C008Cce
  • editorGhostText.background#D8DAE2fe
  • editorGhostText.border#F6F5F700
  • editorGhostText.foreground#0129A76e
  • editorGroup.border#F0F1F4fe
  • editorGroup.dropBackground#D8DAE2fe
  • editorGroup.dropIntoPromptBackground#D8DAE2fe
  • editorGroup.dropIntoPromptBorder#F0F1F4fe
  • editorGroup.dropIntoPromptForeground#092E78ce
  • editorGroup.emptyBackground#D8DAE2fe
  • editorGroup.focusedEmptyBorder#F0F1F4fe
  • editorGroupHeader.border#F7F7F500
  • editorGroupHeader.noTabsBackground#EBECF0ae
  • editorGroupHeader.tabsBackground#D8DAE2a1
  • editorGroupHeader.tabsBorder#F5F5F700
  • editorGutter.addedBackground#1A591Efb
  • editorGutter.background#D8DAE2fe
  • editorGutter.commentGlyphForeground#092E78ce
  • editorGutter.commentRangeForeground#092E78ce
  • editorGutter.commentUnresolvedGlyphForeground#1E5721cb
  • editorGutter.deletedBackground#A00000cb
  • editorGutter.foldingControlForeground#092E78ce
  • editorGutter.modifiedBackground#5C4C00ce
  • editorHint.border#F5F7F500
  • editorHint.foreground#3B00F5ce
  • editorHoverWidget.background#F0F1F4fe
  • editorHoverWidget.border#F0F1F4fe
  • editorHoverWidget.foreground#092E78ce
  • editorHoverWidget.highlightForeground#092986ca
  • editorHoverWidget.statusBarBackground#D8DAE2fe
  • editorIndentGuide.activeBackground1#60137Ffe
  • editorIndentGuide.activeBackground2#601083fe
  • editorIndentGuide.activeBackground3#601083fe
  • editorIndentGuide.activeBackground4#60137Ffe
  • editorIndentGuide.activeBackground5#601083fe
  • editorIndentGuide.activeBackground6#620488fe
  • editorIndentGuide.background1#4F403A35
  • editorIndentGuide.background2#40374A35
  • editorIndentGuide.background3#5E506C35
  • editorIndentGuide.background4#42594235
  • editorIndentGuide.background5#54715435
  • editorIndentGuide.background6#374A3735
  • editorInfo.background#F5F7F500
  • editorInfo.border#F7F5F600
  • editorInfo.foreground#3B00F5ce
  • editorInlayHint.background#D8DAE2fe
  • editorInlayHint.foreground#092E78ce
  • editorInlayHint.parameterBackground#D8DAE2fe
  • editorInlayHint.parameterForeground#092E78ce
  • editorInlayHint.typeBackground#D8DAE2fe
  • editorInlayHint.typeForeground#092E78ce
  • editorLightBulb.foreground#5C4C00ce
  • editorLightBulbAutoFix.foreground#1E5721cb
  • editorLineNumber.activeForeground#8E25BBfe
  • editorLineNumber.dimmedForeground#012EAF6e
  • editorLineNumber.foreground#0129A76e
  • editorLink.activeForeground#6B228Bfe
  • editorMarkerNavigation.background#F0F1F4fe
  • editorMarkerNavigationError.background#FFADFFc4
  • editorMarkerNavigationError.headerBackground#FFADFF9b
  • editorMarkerNavigationInfo.background#C3C3FFfe
  • editorMarkerNavigationInfo.headerBackground#C3C3FFfe
  • editorMarkerNavigationWarning.background#EFC600fe
  • editorMarkerNavigationWarning.headerBackground#EFC600fe
  • editorOverviewRuler.addedForeground#1E5721cb
  • editorOverviewRuler.background#D8DAE2fe
  • editorOverviewRuler.border#C4C8D3fe
  • editorOverviewRuler.bracketMatchForeground#092E78ce
  • editorOverviewRuler.commentForeground#012FC16e
  • editorOverviewRuler.commentUnresolvedForeground#1E5721cb
  • editorOverviewRuler.commonContentForeground#092E78ce
  • editorOverviewRuler.currentContentForeground#4D4D4Dc8
  • editorOverviewRuler.deletedForeground#A00000cb
  • editorOverviewRuler.errorForeground#8C008Cce
  • editorOverviewRuler.findMatchForeground#005757ce
  • editorOverviewRuler.incomingContentForeground#1E5721cb
  • editorOverviewRuler.infoForeground#3B00F5ce
  • editorOverviewRuler.modifiedForeground#5C4C00ce
  • editorOverviewRuler.rangeHighlightForeground#092986ca
  • editorOverviewRuler.selectionHighlightForeground#3B00F5ce
  • editorOverviewRuler.warningForeground#5C4C00ce
  • editorOverviewRuler.wordHighlightForeground#05278Dca
  • editorOverviewRuler.wordHighlightStrongForeground#092E78ce
  • editorOverviewRuler.wordHighlightTextForeground#092E78ce
  • editorPane.background#D8DAE2fe
  • editorRuler.foreground#394C7B22
  • editorStickyScroll.background#D8DAE2fe
  • editorStickyScrollHover.background#C4C8D36e
  • editorSuggestWidget.background#F0F1F4fe
  • editorSuggestWidget.border#F5F7F700
  • editorSuggestWidget.focusHighlightForeground#493162fe
  • editorSuggestWidget.foreground#601D06fe
  • editorSuggestWidget.highlightForeground#53281Bca
  • editorSuggestWidget.selectedBackground#A88A9982
  • editorSuggestWidget.selectedForeground#072A84ca
  • editorSuggestWidget.selectedIconForeground#2F3719ca
  • editorSuggestWidgetStatus.foreground#243259fe
  • editorUnicodeHighlight.background#85A59Da5
  • editorUnicodeHighlight.border#F0F1F4fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F6F5F700
  • editorWarning.border#F5F7F700
  • editorWarning.foreground#5C4C00ce
  • editorWhitespace.foreground#092E78ce
  • editorWidget.background#F0F1F4fe
  • editorWidget.border#F0F1F4fe
  • editorWidget.foreground#092E78ce
  • editorWidget.resizeBorder#F0F1F4fe
  • errorForeground#8C008Cce
  • extensionBadge.remoteBackground#9A25CCfe
  • extensionBadge.remoteForeground#EBECF0fe
  • extensionButton.background#C4C8D3ae
  • extensionButton.foreground#092E78ce
  • extensionButton.hoverBackground#C4C8D36e
  • extensionButton.prominentBackground#D8DAE2fe
  • extensionButton.prominentForeground#092E78ce
  • extensionButton.prominentHoverBackground#D8DAE2fe
  • extensionButton.separator#F6F5F700
  • extensionIcon.preReleaseForeground#1D3A1Dfe
  • extensionIcon.sponsorForeground#003C2Ffe
  • extensionIcon.starForeground#092986fe
  • extensionIcon.verifiedForeground#403430fe
  • focusBorder#F5F7F700
  • foreground#092E78ce
  • gitDecoration.addedResourceForeground#1E5721cb
  • gitDecoration.deletedResourceForeground#A00000cb
  • gitDecoration.modifiedResourceForeground#5C4C00ce
  • gitDecoration.renamedResourceForeground#3B00F5ce
  • gitDecoration.stageDeletedResourceForeground#A00000cb
  • gitDecoration.stageModifiedResourceForeground#1E5721cb
  • gitDecoration.untrackedResourceForeground#005757ce
  • icon.foreground#444D67ae
  • inlineChat.background#D4C5CEca
  • inlineChat.border#BBCCC8ca
  • inlineChat.regionHighlight#1F171Bca
  • inlineChat.shadow#1F171Bca
  • inlineChatDiff.inserted#1E281Eca
  • inlineChatDiff.removed#1E281Eca
  • inlineChatInput.background#1F171Bca
  • inlineChatInput.border#BECEBEca
  • inlineChatInput.focusBorder#F5F7F500
  • inlineChatInput.placeholderForeground#183A32ca
  • input.background#F0F1F4fe
  • input.border#F0F1F4fe
  • input.foreground#092E78ce
  • input.placeholderForeground#373C4A65
  • inputOption.activeBackground#F0F1F4fe
  • inputOption.activeBorder#F0F1F4fe
  • inputOption.activeForeground#9425C4fe
  • inputOption.hoverBackground#F0F1F4fe
  • inputValidation.errorBackground#670067c6
  • inputValidation.errorBorder#FFADFFa9
  • inputValidation.errorForeground#8C008Cce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F0F1F4fe
  • inputValidation.infoForeground#092E78ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F0F1F4fe
  • inputValidation.warningForeground#5C4C00ce
  • interactive.activeCodeBorder#F0F1F4fe
  • interactive.inactiveCodeBorder#C4C8D398
  • keybindingLabel.background#D8DAE2fe
  • keybindingLabel.border#F0F1F4fe
  • keybindingLabel.bottomBorder#F0F1F4fe
  • keybindingLabel.foreground#092E78ce
  • keybindingTable.headerBackground#D8DAE2fe
  • keybindingTable.rowsBackground#D8DAE2fe
  • list.activeSelectionBackground#9585A586
  • list.activeSelectionForeground#1D3A1Dca
  • list.activeSelectionIconForeground#5D1A3Fca
  • list.deemphasizedForeground#092E78ce
  • list.dropBackground#D8DAE2fe
  • list.errorForeground#8C008Cce
  • list.filterMatchBackground#D8DAE2fe
  • list.filterMatchBorder#F0F1F4fe
  • list.focusAndSelectionOutline#F7F5F500
  • list.focusBackground#BFC4D097
  • list.focusForeground#6B228Bfe
  • list.focusHighlightForeground#563043fe
  • list.focusOutline#F7F7F500
  • list.highlightForeground#552613ca
  • list.hoverBackground#BBCCC8a8
  • list.hoverForeground#712293fe
  • list.inactiveFocusBackground#BFC4D093
  • list.inactiveFocusOutline#F7F5F500
  • list.inactiveSelectionBackground#EBECF0ae
  • list.inactiveSelectionForeground#33384565
  • list.inactiveSelectionIconForeground#33384565
  • list.invalidItemForeground#092E78ce
  • list.warningForeground#5C4C00ce
  • listFilterWidget.background#D8DAE2fe
  • listFilterWidget.noMatchesOutline#F7F5F600
  • listFilterWidget.outline#F6F5F700
  • listFilterWidget.shadow#F7F7F500
  • menu.background#EBECF0fe
  • menu.border#F7F5F600
  • menu.foreground#062A85ae
  • menu.selectionBackground#BFD0CCa2
  • menu.selectionBorder#F7F5F600
  • menu.selectionForeground#77239Bfe
  • menu.separatorBackground#C4C9D465
  • menubar.selectionBackground#C4D3D0aa
  • menubar.selectionBorder#F6F5F700
  • menubar.selectionForeground#8825B3fe
  • merge.border#F0F1F4fe
  • merge.commonContentBackground#D8DAE2fe
  • merge.commonHeaderBackground#D8DAE2fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#A0D6A3fb
  • merge.incomingContentBackground#A0D6A2cb
  • merge.incomingHeaderBackground#A0D6A3fb
  • mergeEditor.change.background#D8DAE2fe
  • mergeEditor.change.word.background#D8DAE2fe
  • mergeEditor.changeBase.background#D8DAE2fe
  • mergeEditor.changeBase.word.background#D8DAE2fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F0F1F4fe
  • mergeEditor.conflict.handledUnfocused.border#C9CDD73e
  • mergeEditor.conflict.input1.background#F0F1F4fe
  • mergeEditor.conflict.input2.background#F0F1F4fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067c6
  • mergeEditor.conflict.unhandledFocused.border#F0F1F4fe
  • mergeEditor.conflict.unhandledUnfocused.border#CED1DB26
  • mergeEditor.conflictingLines.background#D8DAE2fe
  • minimap.background#D8DAE2fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0B0C0Ece
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1A591Efb
  • minimapGutter.deletedBackground#A00000fb
  • minimapGutter.modifiedBackground#5C4C00ce
  • minimapSlider.activeBackground#69728Efe
  • minimapSlider.background#A7ADBEae
  • minimapSlider.hoverBackground#949BAF6e
  • notebook.cellBorderColor#F0F1F4fe
  • notebook.cellEditorBackground#D8DAE2fe
  • notebook.cellHoverBackground#D8DAE2fe
  • notebook.cellInsertionIndicator#16131Aca
  • notebook.cellStatusBarItemHoverBackground#D8DAE2fe
  • notebook.cellToolbarSeparator#1D1F17ca
  • notebook.editorBackground#D8DAE2fe
  • notebook.focusedCellBackground#D8DAE2fe
  • notebook.focusedCellBorder#6B228Bfe
  • notebook.focusedEditorBorder#F0F1F4fe
  • notebook.inactiveFocusedCellBorder#69728E8e
  • notebook.inactiveSelectedCellBorder#69728E8e
  • notebook.outputContainerBackgroundColor#D8DAE2fe
  • notebook.outputContainerBorderColor#F0F1F4fe
  • notebook.selectedCellBackground#D8DAE2fe
  • notebook.selectedCellBorder#F0F1F4fe
  • notebook.symbolHighlightBackground#D8DAE2fe
  • notebookEditorOverviewRuler.runningCellForeground#092E78ce
  • notebookScrollbarSlider.activeBackground#6D7693fe
  • notebookScrollbarSlider.background#999FB3ae
  • notebookScrollbarSlider.hoverBackground#858DA56e
  • notebookStatusErrorIcon.foreground#8C008Cce
  • notebookStatusRunningIcon.foreground#562616fe
  • notebookStatusSuccessIcon.foreground#1E5721cb
  • notificationCenter.border#F0F1F4fe
  • notificationCenterHeader.background#D8DAE2fe
  • notificationCenterHeader.foreground#092E78ce
  • notificationLink.foreground#092E78ce
  • notifications.background#D8DAE2fe
  • notifications.border#F0F1F4fe
  • notifications.foreground#092E78ce
  • notificationsErrorIcon.foreground#8C008Cce
  • notificationsInfoIcon.foreground#482D24fe
  • notificationsWarningIcon.foreground#5C4C00ce
  • notificationToast.border#F0F1F4fe
  • panel.background#D8DAE2fe
  • panel.border#F0F1F4fe
  • panel.dropBorder#F0F1F4fe
  • panelInput.border#F0F1F4fe
  • panelSection.border#F0F1F4fe
  • panelSection.dropBackground#D8DAE2fe
  • panelSectionHeader.background#D8DAE2fe
  • panelSectionHeader.border#F0F1F4fe
  • panelSectionHeader.foreground#092E78ce
  • panelTitle.activeBorder#F7F5F500
  • panelTitle.activeForeground#5D1A79fe
  • panelTitle.inactiveForeground#3E445465
  • peekView.border#610389fe
  • peekViewEditor.background#F0F1F4fe
  • peekViewEditor.matchHighlightBackground#99B3AC8d
  • peekViewEditor.matchHighlightBorder#F7F5F600
  • peekViewEditorGutter.background#F0F1F4fe
  • peekViewEditorStickyScroll.background#D8DAE2fe
  • peekViewResult.background#EBECF0fe
  • peekViewResult.fileForeground#092E78ce
  • peekViewResult.lineForeground#092E78ce
  • peekViewResult.matchHighlightBackground#A180918c
  • peekViewResult.selectionBackground#80A1808e
  • peekViewResult.selectionForeground#48068Bca
  • peekViewTitle.background#EBECF0fe
  • peekViewTitleDescription.foreground#092E78ce
  • peekViewTitleLabel.foreground#092E78ce
  • pickerGroup.border#F0F1F4fe
  • pickerGroup.foreground#092E78ce
  • ports.iconRunningProcessForeground#393041fe
  • problemsErrorIcon.foreground#8C008Cce
  • problemsInfoIcon.foreground#3B00F5ce
  • problemsWarningIcon.foreground#5C4C00ce
  • profileBadge.background#9425C4fe
  • profileBadge.foreground#EBECF0fe
  • progressBar.background#D8DAE2fe
  • quickInput.background#EBECF0fe
  • quickInput.foreground#2A3357ae
  • quickInputList.focusBackground#AEA2BAaa
  • quickInputList.focusForeground#77239Bfe
  • quickInputList.focusIconForeground#712293fe
  • quickInputTitle.background#F0F1F4fe
  • sash.hoverBorder#F0F1F4fe
  • scrollbar.shadow#F5F7F700
  • scrollbarSlider.activeBackground#69728Efe
  • scrollbarSlider.background#A2A8BAae
  • scrollbarSlider.hoverBackground#8F96AC6e
  • search.resultsInfoForeground#092E78ce
  • searchEditor.findMatchBackground#949BAFaa
  • searchEditor.findMatchBorder#F0F1F4fe
  • searchEditor.textInputBorder#F0F1F4fe
  • selection.background#D8DAE2fe
  • settings.checkboxBackground#F0F1F4fe
  • settings.checkboxBorder#F0F1F4fe
  • settings.checkboxForeground#092E78ce
  • settings.dropdownBackground#F0F1F4fe
  • settings.dropdownBorder#F0F1F4fe
  • settings.dropdownForeground#092E78ce
  • settings.dropdownListBorder#F0F1F4fe
  • settings.focusedRowBackground#A294AF8a
  • settings.focusedRowBorder#F0F1F4fe
  • settings.headerBorder#F0F1F4fe
  • settings.headerForeground#092E78ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F0F1F4fe
  • settings.numberInputBorder#F0F1F4fe
  • settings.numberInputForeground#092E78ce
  • settings.rowHoverBackground#D8DAE2fe
  • settings.sashBorder#F0F1F4fe
  • settings.settingsHeaderHoverForeground#9425C4fe
  • settings.textInputBackground#F0F1F4fe
  • settings.textInputBorder#F0F1F4fe
  • settings.textInputForeground#092E78ce
  • sideBar.background#D8DAE2fe
  • sideBar.border#F0F1F4fe
  • sideBar.dropBackground#D8DAE2fe
  • sideBar.foreground#444D67ae
  • sideBarSectionHeader.background#F7F5F600
  • sideBarSectionHeader.border#F0F1F4fe
  • sideBarSectionHeader.foreground#092E78ce
  • sideBarTitle.foreground#092E78ce
  • sideBySideEditor.horizontalBorder#F0F1F4fe
  • sideBySideEditor.verticalBorder#F0F1F4fe
  • simpleFindWidget.sashBorder#F0F1F4fe
  • statusBar.background#EBECF0fe
  • statusBar.border#F0F1F4fe
  • statusBar.debuggingBackground#FFADFFc4
  • statusBar.debuggingBorder#F0F1F4fe
  • statusBar.debuggingForeground#092E78ce
  • statusBar.focusBorder#F5F7F700
  • statusBar.foreground#012FC16e
  • statusBar.noFolderBackground#EBECF0fe
  • statusBar.noFolderBorder#F0F1F4fe
  • statusBar.noFolderForeground#092E78ce
  • statusBarItem.activeBackground#EBECF0fe
  • statusBarItem.compactHoverBackground#EBECF0fe
  • statusBarItem.errorBackground#FFADFFae
  • statusBarItem.errorForeground#8C008Cce
  • statusBarItem.errorHoverBackground#FFADFFc7
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#F5F7F700
  • statusBarItem.hoverBackground#EBECF0fe
  • statusBarItem.hoverForeground#9425C4fe
  • statusBarItem.offlineBackground#EBECF0fe
  • statusBarItem.offlineForeground#092E78ce
  • statusBarItem.offlineHoverBackground#EBECF0fe
  • statusBarItem.offlineHoverForeground#8E25BBfe
  • statusBarItem.prominentBackground#EBECF0fe
  • statusBarItem.prominentForeground#092E78ce
  • statusBarItem.prominentHoverBackground#EBECF0fe
  • statusBarItem.prominentHoverForeground#6B228Bfe
  • statusBarItem.remoteBackground#9425C4fe
  • statusBarItem.remoteForeground#EBECF0fe
  • statusBarItem.remoteHoverBackground#EBECF0fe
  • statusBarItem.remoteHoverForeground#9425C4fe
  • statusBarItem.warningBackground#EFC600fe
  • statusBarItem.warningForeground#5C4C00ce
  • statusBarItem.warningHoverBackground#EFC600fe
  • statusBarItem.warningHoverForeground#927900ce
  • symbolIcon.arrayForeground#2C3804fe
  • symbolIcon.booleanForeground#005757ce
  • symbolIcon.classForeground#313620fe
  • symbolIcon.colorForeground#4B2938fe
  • symbolIcon.constantForeground#58203Cfe
  • symbolIcon.constructorForeground#3E2C4Ffe
  • symbolIcon.enumeratorForeground#30403Cfe
  • symbolIcon.enumeratorMemberForeground#2F370Efe
  • symbolIcon.eventForeground#3C2E49fe
  • symbolIcon.fieldForeground#183B18fe
  • symbolIcon.fileForeground#163A30fe
  • symbolIcon.folderForeground#3E2C4Ffe
  • symbolIcon.functionForeground#2B334Afe
  • symbolIcon.interfaceForeground#3C2E49fe
  • symbolIcon.keyForeground#3C2E49fe
  • symbolIcon.keywordForeground#2C3804fe
  • symbolIcon.methodForeground#63123Afe
  • symbolIcon.moduleForeground#62143Bfe
  • symbolIcon.namespaceForeground#442465fe
  • symbolIcon.nullForeground#092986fe
  • symbolIcon.numberForeground#30403Cfe
  • symbolIcon.objectForeground#49088Afe
  • symbolIcon.operatorForeground#333728fe
  • symbolIcon.packageForeground#51253Bfe
  • symbolIcon.propertyForeground#1B3B1Bfe
  • symbolIcon.referenceForeground#1D3A1Dfe
  • symbolIcon.snippetForeground#313620fe
  • symbolIcon.stringForeground#3E2C4Ffe
  • symbolIcon.structForeground#2C3C38fe
  • symbolIcon.textForeground#30403Cfe
  • symbolIcon.typeParameterForeground#2F3716fe
  • symbolIcon.unitForeground#58203Cfe
  • symbolIcon.variableForeground#442D39fe
  • tab.activeBackground#E6E8EDfe
  • tab.activeBorder#F6F5F700
  • tab.activeBorderTop#601083fe
  • tab.activeForeground#5D1C79fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F6F5F700
  • tab.hoverBackground#30534Aa8
  • tab.hoverBorder#F0F1F4fe
  • tab.hoverForeground#8825B3fe
  • tab.inactiveBackground#C5C8D393
  • tab.inactiveForeground#42475965
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F0F1F4fe
  • tab.unfocusedActiveBackground#C9CDD728
  • tab.unfocusedActiveBorder#F5F5F700
  • tab.unfocusedActiveBorderTop#C4C8D365
  • tab.unfocusedActiveForeground#3E445465
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#3B4A7E3c
  • tab.unfocusedHoverBorder#CED1DB30
  • tab.unfocusedHoverForeground#353C4E65
  • tab.unfocusedInactiveBackground#BFC4D094
  • tab.unfocusedInactiveForeground#373C4A65
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333b4
  • terminal.ansiBrightBlue#8e6affce
  • terminal.ansiBrightCyan#00a5a5ce
  • terminal.ansiBrightGreen#8acd8dcb
  • terminal.ansiBrightMagenta#b400b4ce
  • terminal.ansiBrightRed#ff6a6acb
  • terminal.ansiBrightWhite#f4f4f4be
  • terminal.ansiBrightYellow#ffd611ce
  • terminal.ansiCyan#008b8bfe
  • terminal.ansiGreen#39853dfb
  • terminal.ansiMagenta#670067b9
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cecece9f
  • terminal.ansiYellow#c4a200fe
  • terminal.background#D8DAE2fe
  • terminal.border#F0F1F4fe
  • terminal.dropBackground#D8DAE2fe
  • terminal.findMatchBackground#D8DAE2fe
  • terminal.findMatchBorder#F0F1F4fe
  • terminal.findMatchHighlightBackground#D8DAE2fe
  • terminal.findMatchHighlightBorder#F0F1F4fe
  • terminal.foreground#444D67ae
  • terminal.hoverHighlightBackground#D8DAE2fe
  • terminal.inactiveSelectionBackground#B1B6C59d
  • terminal.selectionBackground#A699B38e
  • terminal.selectionForeground#49088Aca
  • terminal.tab.activeBorder#610389fe
  • terminalCommandDecoration.defaultBackground#49512Fa7
  • terminalCommandDecoration.errorBackground#A00000cb
  • terminalCommandDecoration.successBackground#1E5721cb
  • terminalCursor.background#D8DAE2fe
  • terminalCursor.foreground#77239Bfe
  • terminalOverviewRuler.cursorForeground#092E78ce
  • terminalOverviewRuler.findMatchForeground#005757ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0bc
  • testing.iconUnset#80808099
  • testing.message.error.decorationForeground#7B0DAAfe
  • testing.message.error.lineBackground#FFADFFc5
  • testing.message.info.decorationForeground#7C09ADfe
  • testing.message.info.lineBackground#C3C3FFfe
  • testing.peekBorder#F0F1F4fe
  • testing.peekHeaderBackground#D8DAE2fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#D8DAE2fe
  • textBlockQuote.border#F0F1F4fe
  • textCodeBlock.background#D8DAE2fe
  • textLink.activeForeground#9425C4fe
  • textLink.foreground#3B00F5ce
  • textPreformat.foreground#092E78ce
  • textSeparator.foreground#092E78ce
  • titleBar.activeBackground#EBECF0fe
  • titleBar.activeForeground#2E3966ae
  • titleBar.border#F7F5F500
  • titleBar.inactiveBackground#CED1DBda
  • titleBar.inactiveForeground#373C4A65
  • toolbar.activeBackground#BBCCC883
  • toolbar.hoverBackground#D8DAE2fe
  • toolbar.hoverOutline#F5F7F700
  • tree.inactiveIndentGuidesStroke#5E506C35
  • tree.indentGuidesStroke#7C07AFfe
  • tree.tableColumnsBorder#F0F1F4fe
  • tree.tableOddRowsBackground#D8DAE2fe
  • walkThrough.embeddedEditorBackground#D8DAE2fe
  • walkthrough.stepTitle.foreground#092E78ce
  • welcomePage.background#D8DAE2fe
  • welcomePage.progress.background#D8DAE2fe
  • welcomePage.progress.foreground#092E78ce
  • welcomePage.tileBackground#D8DAE2fe
  • welcomePage.tileBorder#F0F1F4fe
  • welcomePage.tileHoverBackground#D8DAE2fe
  • widget.border#F0F1F4fe
  • widget.shadow#F5F5F700
  • window.activeBorder#F0F1F4fe
  • window.inactiveBorder#C5C8D39e

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#09207C6e
comment.block.html#071F7E6e
comment.block.java#09207C6e
comment.block.javadoc.java#0F28666e
comment.block.powershell#071F7E6e
comment.block.xml#0F28666e
comment.line.double-slash.c#09207C6e
comment.line.double-slash.cpp#081F7F6e
comment.line.double-slash.java#081F7F6e
comment.line.double-slash.js#071F7E6e
comment.line.number-sign.makefile#071F7E6e
comment.line.number-sign.python#081F7F6e
comment.line.number-sign.yaml#0F28666e
comment.line.percentage.erlang#0F28666e
comment.line.powershell#09207C6e
comment.source.cmake#071F7E6e
comment.source.cmakecache#09207C6e
constant.character#1A2665de
constant.character.character-class.regexp#722F04de
constant.character.escape#0D4F13de
constant.character.set.regexp#461559de
constant.language#192569de
constant.numeric#46145Dde
constant.numeric.dec.python#5E1B36de
constant.other.caps.python#123333de
constant.other.character-class.regexp#192569de
constant.other.character-class.set.regexp#142372de
constant.other.color.rgb-value#0D4F13de
constant.other.placeholder#703208de
constant.other.rgb-value#4A026Ade
constant.regexp#123333de
constant.sha.git-rebase#5A1F74de
emphasis#0E4F14de
entity.name.class#142372de
entity.name.function#590C2Bde
entity.name.function.preprocessor#0E3232de
entity.name.function.python#4A026Ade
entity.name.label#5A1F74de
entity.name.namespace#482A17de
entity.name.operator#023608de
entity.name.operator.custom-literal#03178Cde
entity.name.scope-resolution#4A1B5Ede
entity.name.tag#0D4F13de
entity.name.tag.css#422613de
entity.name.type#1C2765debold
entity.name.variable#490B63de
entity.other.attribute#0F3232de
entity.other.attribute-name#0E3412de
entity.other.attribute-name.class.css#123315de
entity.other.attribute-name.class.mixin.css#713106de
entity.other.attribute-name.id#25300Cde
entity.other.attribute-name.id.css#293312de
entity.other.attribute-name.parent-selector.css#590C27de
entity.other.attribute-name.pseudo-class.css#374A0Bde
entity.other.attribute-name.pseudo-element.css#03178Cde
entity.other.attribute-name.scss#580E29de
entity.other.document.begin.yaml#09207C6e
entity.other.inherited-class#1C2765de
header#133A3Ade
invalid#0C1C83de
keyword#03178Cdebold
keyword.codetag.notation.python#5E1B36debold
keyword.control#6C1E3Ddebold
keyword.control.anchor.regexp#53142Ddebold
keyword.control.import.python#064F0Edebold
keyword.operator#154141debold
keyword.operator.alignas#293312debold
keyword.operator.alignof#192569debold
keyword.operator.cast#1B2664debold
keyword.operator.delete#1F2C74debold
keyword.operator.documentation.powershell#071F7E6ebold
keyword.operator.expression#174848debold
keyword.operator.instanceof#580E29debold
keyword.operator.logical.python#38490Fdebold
keyword.operator.minus.exponent#461559debold
keyword.operator.negation.regexp#46240Fdebold
keyword.operator.new#123333debold
keyword.operator.noexcept#580E29debold
keyword.operator.or.regexp#374A0Bdebold
keyword.operator.plus.exponent#0A4B4Bdebold
keyword.operator.quantifier.regexp#064F0Edebold
keyword.operator.sizeof#0B4B4Bdebold
keyword.operator.typeid#590C27debold
keyword.operator.wordlike#17256Cdebold
keyword.other.operator#4A1B5Edebold
keyword.other.package.java#490C61debold
keyword.other.unit#6C1E3Ddebold
keyword.other.using#1A2665debold
markup.bold#064F0Ede
markup.changed#133A17de
markup.deleted#1B2664de
markup.fenced_code.block.markdown#46145Dde
markup.heading#46240Fde
markup.inline.raw#094B4Bde
markup.inserted#021491de
markup.italic#0B4B4Bde
markup.raw.block.markdown#741F41de
markup.strikethrough#441A56de
markup.underline#703208de
meta.block.c#394817de
meta.block.c#432613de
meta.class.java#441857de
meta.definition.variable.name#0F3232de
meta.diff.header#56112Bde
meta.embedded#142372de
meta.embedded.assembly#53142Dde
meta.function-call.arguments.python#0B4F12de
meta.function-call.python#451758de
meta.member.access.python#56321Ade
meta.method.java#0A4F11de
meta.object-literal.key#094B4Bde
meta.paragraph.markdown#0D4F13de
meta.preprocessor#1B2664de
meta.preprocessor.numeric#03178Cde
meta.preprocessor.string#590C2Bde
meta.scope.prerequisites.makefile#133A17de
meta.structure.dictionary.json.comments#081F7F6e
meta.structure.dictionary.key.python#4F1C65de
meta.structure.dictionary.value.json.comments#0F28666e
meta.template.expression#4D2002de
meta.type.cast.expr#133A17debold
meta.type.new.expr#4A1B5Edebold
parameter#56321Ade
punctuation.character.set.begin.regexp#580E29de
punctuation.character.set.end.regexp#123315de
punctuation.definition.array.begin.json#0D4F13de
punctuation.definition.character-class.regexp#45240Ede
punctuation.definition.comment#09207C6e
punctuation.definition.comment.json.comments#09207C6e
punctuation.definition.comment.python#09207C6e
punctuation.definition.dictionary.begin.json#0F3412de
punctuation.definition.dictionary.end.json#442511de
punctuation.definition.group.assertion.regexp#4F2E18de
punctuation.definition.group.regexp#590C2Bde
punctuation.definition.list.begin.json#344115de
punctuation.definition.list.begin.markdown#0F3232de
punctuation.definition.list.begin.python#2F3A13de
punctuation.definition.list.end.json#6C1E3Dde
punctuation.definition.list.end.markdown#722F04de
punctuation.definition.list.end.python#46145Dde
punctuation.definition.parameters.begin.python#741F41de
punctuation.definition.parameters.end.bracket.round.java#344115de
punctuation.definition.quote.begin.markdown#713106de
punctuation.definition.tag#38490Dde
punctuation.definition.template-expression.begin#580E29de
punctuation.definition.template-expression.end#442511de
punctuation.section.class.begin.bracket.curly.java#1C2765de
punctuation.section.embedded#0B4F12de
punctuation.section.embedded.begin.php#37490Ede
punctuation.section.embedded.end.php#45240Ede
punctuation.terminator.java#53142Dde
source.cmake#56102Cde
source.coffee.embedded#1B2664de
source.cpp#0D4B4Bde
source.css.less#064F0Ede
source.groovy.embedded#46145Dde
source.java#561A32de
source.java-properties#441857de
source.json.comments#0F28666e
source.makefile#5A1F74de
source.powershell#1A2665de
source.powershell.variable.other.member#0D4B4Bde
source.python#53152Ede
storage#482A17de
storage.modifier#293312de
storage.modifier.import.java#0A3232de
storage.modifier.package.java#441A56de
storage.type#741F41debold
storage.type.annotation.groovy#56321Adebold
storage.type.annotation.java#133A17debold
storage.type.boolean.go#422613debold
storage.type.byte.go#590C27debold
storage.type.cs#713106debold
storage.type.error.go#123315debold
storage.type.generic.cs#38490Ddebold
storage.type.generic.groovy#1E296Cdebold
storage.type.generic.java#561A32debold
storage.type.groovy#154141debold
storage.type.java#6F320Adebold
storage.type.modifier.cs#133A3Adebold
storage.type.numeric.go#202E7Bdebold
storage.type.object.array.groovy#0E3232debold
storage.type.object.array.java#60207Bdebold
storage.type.parameters.groovy#38490Fdebold
storage.type.primitive.array.groovy#0A4F11debold
storage.type.primitive.array.java#344115debold
storage.type.primitive.groovy#53152Edebold
storage.type.primitive.java#0A4B4Bdebold
storage.type.rune.go#441856debold
storage.type.string.go#451758debold
storage.type.token.java#1A2665debold
storage.type.uintptr.go#023608debold
storage.type.variable.cs#021491debold
string#2F3A13de
string.quoted.docstring.multi.python#071F7E6e
string.regexp#53142Dde
string.tag#56112Bde
string.value#1B2664de
strong#0E4F14de
support.class#441856de
support.constant.color#03178Cde
support.constant.dom#651C39de
support.constant.font-name#0B4B4Bde
support.constant.handlebars#590C2Bde
support.constant.json#52162Fde
support.constant.math#233101de
support.constant.media#37490Ede
support.constant.media-type#38490Ddebold
support.constant.property-value#5A1F74de
support.function#0E4B4Bde
support.function.git-rebase#46145Dde
support.other.parenthesis.regexp#56321Ade
support.type#0F3412debold
support.type.property-name#023608debold
support.type.vendored.property-name#1B2664debold
support.variable#17481Cde
token.debug-token#0B4F12de
token.error-token#56321Ade
token.info-token#17256Cde
token.warn-token#064F0Ede
variable#0E3232de
variable.css#482A17de
variable.language#50182Dde
variable.language.wildcard.java#074C4Cde
variable.other.constant#5E0226de
variable.other.definition.java#442511de
variable.other.enummember#17256Cde
variable.other.less#722F04de
variable.other.object.java#4A1B5Ede
variable.other.object.property.java#52162Fde
variable.parameter.c#432613de
variable.parameter.function.language.python#0B4F12de
variable.parameter.java#1A2665de
variable.scss#0E3232de
viiv by B.W - VS Code Theme