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#D6D6E3fe
  • activityBar.activeBackground#D6D6E3fe
  • activityBar.activeBorder#034234fe
  • activityBar.activeFocusBorder#9B64AE00
  • activityBar.background#EAEAF1fe
  • activityBar.border#AC637500
  • activityBar.dropBorder#0B4235fe
  • activityBar.foreground#194037fe
  • activityBar.inactiveForeground#3A3A5665
  • activityBarBadge.background#12886Efe
  • activityBarBadge.foreground#EAEAF1fe
  • badge.background#18886Ffe
  • badge.foreground#EAEAF1fe
  • banner.background#D6D6E3fe
  • banner.foreground#2C2C60ce
  • banner.iconForeground#47292Efe
  • breadcrumb.activeSelectionForeground#4C1D58ca
  • breadcrumb.background#E5E5EDfe
  • breadcrumb.focusForeground#12886Efe
  • breadcrumb.foreground#2C2C61ae
  • breadcrumbPicker.background#D6D6E3fe
  • button.background#A3A3C1ae
  • button.border#F8F6F400
  • button.foreground#2C2C60ce
  • button.hoverBackground#8A8AB06e
  • button.secondaryBackground#D6D6E3fe
  • button.secondaryForeground#2C2C60ce
  • button.secondaryHoverBackground#D6D6E3fe
  • button.separator#F7F4F800
  • charts.blue#1b1bfffe
  • charts.foreground#2C2C60ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067b9
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#EFEFF4fe
  • chat.slashCommandBackground#D6D6E3fe
  • chat.slashCommandForeground#2C2C60ce
  • checkbox.background#EFEFF4fe
  • checkbox.border#EFEFF4fe
  • checkbox.foreground#2C2C60ce
  • checkbox.selectBackground#EFEFF4fe
  • checkbox.selectBorder#EFEFF4fe
  • commandCenter.activeBackground#D1BBBF86
  • commandCenter.activeBorder#EFEFF4fe
  • commandCenter.activeForeground#357768fe
  • commandCenter.background#D6D6E3fe
  • commandCenter.border#EFEFF4fe
  • commandCenter.foreground#2C2C60ce
  • commandCenter.inactiveBorder#BEBED29c
  • commandCenter.inactiveForeground#36365A65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F4F7F800
  • contrastBorder#F6F8F400
  • debugConsole.errorForeground#890089ce
  • debugConsole.infoForeground#2C2C60ce
  • debugConsole.sourceForeground#2C2C60ce
  • debugConsole.warningForeground#5A4A00ce
  • debugConsoleInputIcon.foreground#422C31fe
  • debugExceptionWidget.background#FF9DFEbe
  • debugExceptionWidget.border#EFEFF4fe
  • debugIcon.breakpointCurrentStackframeForeground#14373Cfe
  • debugIcon.breakpointDisabledForeground#3E3E5B65
  • debugIcon.breakpointForeground#47292Efe
  • debugIcon.breakpointStackframeForeground#412E1Afe
  • debugIcon.breakpointUnverifiedForeground#12391Afe
  • debugIcon.continueForeground#630F22fe
  • debugIcon.disconnectForeground#5E1823fe
  • debugIcon.pauseForeground#2E2E50fe
  • debugIcon.restartForeground#3F2E1Efe
  • debugIcon.startForeground#181899fe
  • debugIcon.stepBackForeground#2E2E50fe
  • debugIcon.stepIntoForeground#432D17fe
  • debugIcon.stepOutForeground#1A363Afe
  • debugIcon.stepOverForeground#3D3329fe
  • debugIcon.stopForeground#2D2D5Dfe
  • debugTokenExpression.boolean#1E1914ca
  • debugTokenExpression.error#14141Eca
  • debugTokenExpression.name#1B1B29ca
  • debugTokenExpression.number#151F17ca
  • debugTokenExpression.value#141E1Eca
  • debugToolBar.background#FF9DFEb2
  • debugToolBar.border#EFEFF4fe
  • debugView.exceptionLabelBackground#CCBAD0ca
  • debugView.exceptionLabelForeground#531064ca
  • debugView.stateLabelBackground#AAC7B0ca
  • debugView.stateLabelForeground#273614ca
  • debugView.valueChangedHighlight#1A1611ca
  • descriptionForeground#2C2C60ce
  • diffEditor.border#F8F6F400
  • diffEditor.diagonalFill#000000f4
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#91CF94fb
  • diffEditor.insertedTextBorder#F6F8F400
  • diffEditor.move.border#F4F4F800
  • diffEditor.moveActive.border#F7F4F800
  • diffEditor.removedLineBackground#FFA9A931
  • diffEditor.removedTextBackground#FEAAAAfb
  • diffEditor.removedTextBorder#F4F8F500
  • diffEditor.unchangedCodeBackground#D6D6E3fe
  • diffEditor.unchangedRegionBackground#D6D6E3fe
  • diffEditor.unchangedRegionForeground#2C2C60ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#33334C65
  • dropdown.background#EFEFF4fe
  • dropdown.border#EFEFF4fe
  • dropdown.foreground#2C2C60ce
  • dropdown.listBackground#EFEFF4fe
  • editor.background#D6D6E3fe
  • editor.findMatchBackground#C1B2A3a7
  • editor.findMatchBorder#EFEFF4fe
  • editor.findMatchHighlightBackground#A3C1A9a3
  • editor.findMatchHighlightBorder#EFEFF4fe
  • editor.findRangeHighlightBackground#B38F96a9
  • editor.findRangeHighlightBorder#EFEFF4fe
  • editor.focusedStackFrameHighlightBackground#B7949B84
  • editor.foldBackground#285431a3
  • editor.foreground#2C2C60ce
  • editor.hoverHighlightBackground#8F8FB3ae
  • editor.inactiveSelectionBackground#B8B8CF9b
  • editor.inlineValuesBackground#D6D6E3fe
  • editor.inlineValuesForeground#2C2C60ce
  • editor.lineHighlightBackground#AEAEC8b1
  • editor.lineHighlightBorder#F6F8F400
  • editor.linkedEditingBackground#D6D6E3fe
  • editor.rangeHighlightBackground#A5B794a5
  • editor.rangeHighlightBorder#EFEFF4fe
  • editor.selectionBackground#B3C9CBa8
  • editor.selectionForeground#0C0CA8ca
  • editor.selectionHighlightBackground#B7949B85
  • editor.selectionHighlightBorder#EFEFF4fe
  • editor.snippetFinalTabstopHighlightBackground#8F8FB3a8
  • editor.snippetFinalTabstopHighlightBorder#EFEFF4fe
  • editor.snippetTabstopHighlightBackground#B79EBDa6
  • editor.snippetTabstopHighlightBorder#EFEFF4fe
  • editor.stackFrameHighlightBackground#8A8AB0aa
  • editor.symbolHighlightBackground#BA99A0a6
  • editor.symbolHighlightBorder#EFEFF4fe
  • editor.wordHighlightBackground#9EBABDa8
  • editor.wordHighlightBorder#F4F4F800
  • editor.wordHighlightStrongBackground#A485ACa5
  • editor.wordHighlightStrongBorder#F6F8F400
  • editor.wordHighlightTextBackground#BFA9C4a6
  • editor.wordHighlightTextBorder#F4F8F500
  • editorBracketHighlight.foreground1#0A0A0Ece
  • editorBracketHighlight.foreground2#0A0A0Ece
  • editorBracketHighlight.foreground3#0A0A0Ece
  • editorBracketHighlight.foreground4#0A0A0Ece
  • editorBracketHighlight.foreground5#0A0A0Ece
  • editorBracketHighlight.foreground6#0A0A0Ece
  • editorBracketHighlight.unexpectedBracket.foreground#2C2C60ce
  • editorBracketMatch.background#3535C1ae
  • editorBracketMatch.border#EFEFF4fe
  • editorBracketPairGuide.activeBackground1#29543284
  • editorBracketPairGuide.activeBackground2#702F8084
  • editorBracketPairGuide.activeBackground3#3D512786
  • editorBracketPairGuide.activeBackground4#27515582
  • editorBracketPairGuide.activeBackground5#2B505487
  • editorBracketPairGuide.activeBackground6#3D512786
  • editorBracketPairGuide.background1#D2BCC1fe
  • editorBracketPairGuide.background2#CCBAD1fe
  • editorBracketPairGuide.background3#D1BBC0fe
  • editorBracketPairGuide.background4#ACC7B4fe
  • editorBracketPairGuide.background5#D1BBBFfe
  • editorBracketPairGuide.background6#ADC5C8fe
  • editorCodeLens.foreground#0101B66e
  • editorCommentsWidget.rangeActiveBackground#3B3BAFfe
  • editorCommentsWidget.rangeBackground#D6D6E3fe
  • editorCommentsWidget.resolvedBorder#EFEFF4fe
  • editorCommentsWidget.unresolvedBorder#FFAAAAcb
  • editorCursor.background#D6D6E3fe
  • editorCursor.foreground#357768fe
  • editorError.background#F4F7F800
  • editorError.border#F4F4F800
  • editorError.foreground#890089ce
  • editorGhostText.background#D6D6E3fe
  • editorGhostText.border#F6F8F400
  • editorGhostText.foreground#0101BF6e
  • editorGroup.border#EFEFF4fe
  • editorGroup.dropBackground#D6D6E3fe
  • editorGroup.dropIntoPromptBackground#D6D6E3fe
  • editorGroup.dropIntoPromptBorder#EFEFF4fe
  • editorGroup.dropIntoPromptForeground#2C2C60ce
  • editorGroup.emptyBackground#D6D6E3fe
  • editorGroup.focusedEmptyBorder#EFEFF4fe
  • editorGroupHeader.border#F8F6F400
  • editorGroupHeader.noTabsBackground#EAEAF1ae
  • editorGroupHeader.tabsBackground#D6D6E3a1
  • editorGroupHeader.tabsBorder#F4F7F800
  • editorGutter.addedBackground#1B571Efb
  • editorGutter.background#D6D6E3fe
  • editorGutter.commentGlyphForeground#2C2C60ce
  • editorGutter.commentRangeForeground#2C2C60ce
  • editorGutter.commentUnresolvedGlyphForeground#1E5521cb
  • editorGutter.deletedBackground#9B0000cb
  • editorGutter.foldingControlForeground#2C2C60ce
  • editorGutter.modifiedBackground#5A4A00ce
  • editorHint.border#F4F8F500
  • editorHint.foreground#3900EFce
  • editorHoverWidget.background#EFEFF4fe
  • editorHoverWidget.border#EFEFF4fe
  • editorHoverWidget.foreground#2C2C60ce
  • editorHoverWidget.highlightForeground#1A363Cca
  • editorHoverWidget.statusBarBackground#D6D6E3fe
  • editorIndentGuide.activeBackground1#294841fe
  • editorIndentGuide.activeBackground2#294841fe
  • editorIndentGuide.activeBackground3#2B4E46fe
  • editorIndentGuide.activeBackground4#0B4235fe
  • editorIndentGuide.activeBackground5#054235fe
  • editorIndentGuide.activeBackground6#034234fe
  • editorIndentGuide.background1#3B473035
  • editorIndentGuide.background2#47303535
  • editorIndentGuide.background3#334C3835
  • editorIndentGuide.background4#553E5B35
  • editorIndentGuide.background5#404C3335
  • editorIndentGuide.background6#47303535
  • editorInfo.background#F8F4F500
  • editorInfo.border#F4F7F800
  • editorInfo.foreground#3900EFce
  • editorInlayHint.background#D6D6E3fe
  • editorInlayHint.foreground#2C2C60ce
  • editorInlayHint.parameterBackground#D6D6E3fe
  • editorInlayHint.parameterForeground#2C2C60ce
  • editorInlayHint.typeBackground#D6D6E3fe
  • editorInlayHint.typeForeground#2C2C60ce
  • editorLightBulb.foreground#5A4A00ce
  • editorLightBulbAutoFix.foreground#1E5521cb
  • editorLineNumber.activeForeground#378574fe
  • editorLineNumber.dimmedForeground#0101BF6e
  • editorLineNumber.foreground#4141606e
  • editorLink.activeForeground#14886Efe
  • editorMarkerNavigation.background#EFEFF4fe
  • editorMarkerNavigationError.background#FF9DFE99
  • editorMarkerNavigationError.headerBackground#FF9DFEae
  • editorMarkerNavigationInfo.background#BABAFFfe
  • editorMarkerNavigationInfo.headerBackground#BABAFFfe
  • editorMarkerNavigationWarning.background#E6BE00fe
  • editorMarkerNavigationWarning.headerBackground#E6BE00fe
  • editorOverviewRuler.addedForeground#1E5521cb
  • editorOverviewRuler.background#D6D6E3fe
  • editorOverviewRuler.border#BEBED2fe
  • editorOverviewRuler.bracketMatchForeground#2C2C60ce
  • editorOverviewRuler.commentForeground#4444656e
  • editorOverviewRuler.commentUnresolvedForeground#1E5521cb
  • editorOverviewRuler.commonContentForeground#2C2C60ce
  • editorOverviewRuler.currentContentForeground#4B4B4Bc3
  • editorOverviewRuler.deletedForeground#9B0000cb
  • editorOverviewRuler.errorForeground#890089ce
  • editorOverviewRuler.findMatchForeground#005555ce
  • editorOverviewRuler.incomingContentForeground#1E5521cb
  • editorOverviewRuler.infoForeground#3900EFce
  • editorOverviewRuler.modifiedForeground#5A4A00ce
  • editorOverviewRuler.rangeHighlightForeground#452D15ca
  • editorOverviewRuler.selectionHighlightForeground#3900EFce
  • editorOverviewRuler.warningForeground#5A4A00ce
  • editorOverviewRuler.wordHighlightForeground#003B0Aca
  • editorOverviewRuler.wordHighlightStrongForeground#2C2C60ce
  • editorOverviewRuler.wordHighlightTextForeground#2C2C60ce
  • editorPane.background#D6D6E3fe
  • editorRuler.foreground#3838B629
  • editorStickyScroll.background#D6D6E3fe
  • editorStickyScrollHover.background#BEBED36e
  • editorSuggestWidget.background#EFEFF4fe
  • editorSuggestWidget.border#F6F8F400
  • editorSuggestWidget.focusHighlightForeground#164040fe
  • editorSuggestWidget.foreground#47292Efe
  • editorSuggestWidget.highlightForeground#4C1D58ca
  • editorSuggestWidget.selectedBackground#B79EBD8e
  • editorSuggestWidget.selectedForeground#03373Fca
  • editorSuggestWidget.selectedIconForeground#21380Aca
  • editorSuggestWidgetStatus.foreground#163737fe
  • editorUnicodeHighlight.background#A3A3C1a9
  • editorUnicodeHighlight.border#EFEFF4fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F6F8F400
  • editorWarning.border#F4F7F800
  • editorWarning.foreground#5A4A00ce
  • editorWhitespace.foreground#2C2C60ce
  • editorWidget.background#EFEFF4fe
  • editorWidget.border#EFEFF4fe
  • editorWidget.foreground#2C2C60ce
  • editorWidget.resizeBorder#EFEFF4fe
  • errorForeground#890089ce
  • extensionBadge.remoteBackground#14886Efe
  • extensionBadge.remoteForeground#EAEAF1fe
  • extensionButton.background#BEBED2ae
  • extensionButton.foreground#2C2C60ce
  • extensionButton.hoverBackground#BEBED26e
  • extensionButton.prominentBackground#D6D6E3fe
  • extensionButton.prominentForeground#2C2C60ce
  • extensionButton.prominentHoverBackground#D6D6E3fe
  • extensionButton.separator#F4F4F800
  • extensionIcon.preReleaseForeground#14373Cfe
  • extensionIcon.sponsorForeground#641021fe
  • extensionIcon.starForeground#3F2E1Efe
  • extensionIcon.verifiedForeground#2C4042fe
  • focusBorder#F6F8F400
  • foreground#2C2C60ce
  • gitDecoration.addedResourceForeground#1E5521cb
  • gitDecoration.deletedResourceForeground#9B0000cb
  • gitDecoration.modifiedResourceForeground#5A4A00ce
  • gitDecoration.renamedResourceForeground#3900EFce
  • gitDecoration.stageDeletedResourceForeground#9B0000cb
  • gitDecoration.stageModifiedResourceForeground#1E5521cb
  • gitDecoration.untrackedResourceForeground#005555ce
  • icon.foreground#2B2BD7ae
  • inlineChat.background#ACC8B2ca
  • inlineChat.border#B8C5AAca
  • inlineChat.regionHighlight#161A11ca
  • inlineChat.shadow#211824ca
  • inlineChatDiff.inserted#151F17ca
  • inlineChatDiff.removed#18241Aca
  • inlineChatInput.background#1E2418ca
  • inlineChatInput.border#CCBFB3ca
  • inlineChatInput.focusBorder#F4F4F800
  • inlineChatInput.placeholderForeground#273617ca
  • input.background#EFEFF4fe
  • input.border#EFEFF4fe
  • input.foreground#2C2C60ce
  • input.placeholderForeground#3E3E5B65
  • inputOption.activeBackground#EFEFF4fe
  • inputOption.activeBorder#EFEFF4fe
  • inputOption.activeForeground#178970fe
  • inputOption.hoverBackground#EFEFF4fe
  • inputValidation.errorBackground#670067a0
  • inputValidation.errorBorder#FF9DFEb0
  • inputValidation.errorForeground#890089ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#EFEFF4fe
  • inputValidation.infoForeground#2C2C60ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#EFEFF4fe
  • inputValidation.warningForeground#5A4A00ce
  • interactive.activeCodeBorder#EFEFF4fe
  • interactive.inactiveCodeBorder#BEBED29a
  • keybindingLabel.background#D6D6E3fe
  • keybindingLabel.border#EFEFF4fe
  • keybindingLabel.bottomBorder#EFEFF4fe
  • keybindingLabel.foreground#2C2C60ce
  • keybindingTable.headerBackground#D6D6E3fe
  • keybindingTable.rowsBackground#D6D6E3fe
  • list.activeSelectionBackground#8AB09282
  • list.activeSelectionForeground#21380Aca
  • list.activeSelectionIconForeground#432D17ca
  • list.deemphasizedForeground#2C2C60ce
  • list.dropBackground#D6D6E3fe
  • list.errorForeground#890089ce
  • list.filterMatchBackground#D6D6E3fe
  • list.filterMatchBorder#EFEFF4fe
  • list.focusAndSelectionOutline#F4F8F500
  • list.focusBackground#BDBDD296
  • list.focusForeground#378574fe
  • list.focusHighlightForeground#243E41fe
  • list.focusOutline#F8F6F400
  • list.highlightForeground#5E1823ca
  • list.hoverBackground#B8CCCFa7
  • list.hoverForeground#357768fe
  • list.inactiveFocusBackground#B3B3CB95
  • list.inactiveFocusOutline#F8F6F400
  • list.inactiveSelectionBackground#EAEAF1ae
  • list.inactiveSelectionForeground#37375165
  • list.inactiveSelectionIconForeground#30304765
  • list.invalidItemForeground#2C2C60ce
  • list.warningForeground#5A4A00ce
  • listFilterWidget.background#D6D6E3fe
  • listFilterWidget.noMatchesOutline#F7F4F800
  • listFilterWidget.outline#F7F4F800
  • listFilterWidget.shadow#F4F7F800
  • menu.background#EAEAF1fe
  • menu.border#F4F8F500
  • menu.foreground#2C2C63ae
  • menu.selectionBackground#B3C9CBae
  • menu.selectionBorder#F4F7F800
  • menu.selectionForeground#178970fe
  • menu.separatorBackground#BEBED365
  • menubar.selectionBackground#C2D3D5a7
  • menubar.selectionBorder#F4F4F800
  • menubar.selectionForeground#357768fe
  • merge.border#EFEFF4fe
  • merge.commonContentBackground#D6D6E3fe
  • merge.commonHeaderBackground#D6D6E3fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#91CF94fb
  • merge.incomingContentBackground#8FCF92cb
  • merge.incomingHeaderBackground#91CF94fb
  • mergeEditor.change.background#D6D6E3fe
  • mergeEditor.change.word.background#D6D6E3fe
  • mergeEditor.changeBase.background#D6D6E3fe
  • mergeEditor.changeBase.word.background#D6D6E3fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#EFEFF4fe
  • mergeEditor.conflict.handledUnfocused.border#CCCCDC3d
  • mergeEditor.conflict.input1.background#EFEFF4fe
  • mergeEditor.conflict.input2.background#EFEFF4fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067b5
  • mergeEditor.conflict.unhandledFocused.border#EFEFF4fe
  • mergeEditor.conflict.unhandledUnfocused.border#CCCCDC3a
  • mergeEditor.conflictingLines.background#D6D6E3fe
  • minimap.background#D6D6E3fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0A0A0Ece
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1B571Efb
  • minimapGutter.deletedBackground#9C0000fb
  • minimapGutter.modifiedBackground#5A4A00ce
  • minimapSlider.activeBackground#71719Ffe
  • minimapSlider.background#A3A3C1ae
  • minimapSlider.hoverBackground#8585AC6e
  • notebook.cellBorderColor#EFEFF4fe
  • notebook.cellEditorBackground#D6D6E3fe
  • notebook.cellHoverBackground#D6D6E3fe
  • notebook.cellInsertionIndicator#22291Bca
  • notebook.cellStatusBarItemHoverBackground#D6D6E3fe
  • notebook.cellToolbarSeparator#182224ca
  • notebook.editorBackground#D6D6E3fe
  • notebook.focusedCellBackground#D6D6E3fe
  • notebook.focusedCellBorder#367E6Efe
  • notebook.focusedEditorBorder#EFEFF4fe
  • notebook.inactiveFocusedCellBorder#6C6C9B8e
  • notebook.inactiveSelectedCellBorder#6363938e
  • notebook.outputContainerBackgroundColor#D6D6E3fe
  • notebook.outputContainerBorderColor#EFEFF4fe
  • notebook.selectedCellBackground#D6D6E3fe
  • notebook.selectedCellBorder#EFEFF4fe
  • notebook.symbolHighlightBackground#D6D6E3fe
  • notebookEditorOverviewRuler.runningCellForeground#2C2C60ce
  • notebookScrollbarSlider.activeBackground#676798fe
  • notebookScrollbarSlider.background#9E9EBDae
  • notebookScrollbarSlider.hoverBackground#8585AC6e
  • notebookStatusErrorIcon.foreground#890089ce
  • notebookStatusRunningIcon.foreground#181899fe
  • notebookStatusSuccessIcon.foreground#1E5521cb
  • notificationCenter.border#EFEFF4fe
  • notificationCenterHeader.background#D6D6E3fe
  • notificationCenterHeader.foreground#2C2C60ce
  • notificationLink.foreground#2C2C60ce
  • notifications.background#D6D6E3fe
  • notifications.border#EFEFF4fe
  • notifications.foreground#2C2C60ce
  • notificationsErrorIcon.foreground#890089ce
  • notificationsInfoIcon.foreground#47292Efe
  • notificationsWarningIcon.foreground#5A4A00ce
  • notificationToast.border#EFEFF4fe
  • panel.background#D6D6E3fe
  • panel.border#EFEFF4fe
  • panel.dropBorder#EFEFF4fe
  • panelInput.border#EFEFF4fe
  • panelSection.border#EFEFF4fe
  • panelSection.dropBackground#D6D6E3fe
  • panelSectionHeader.background#D6D6E3fe
  • panelSectionHeader.border#EFEFF4fe
  • panelSectionHeader.foreground#2C2C60ce
  • panelTitle.activeBorder#F4F4F800
  • panelTitle.activeForeground#2B4E46fe
  • panelTitle.inactiveForeground#3E3E5B65
  • peekView.border#1D4137fe
  • peekViewEditor.background#EFEFF4fe
  • peekViewEditor.matchHighlightBackground#B3A18F81
  • peekViewEditor.matchHighlightBorder#F8F4F500
  • peekViewEditorGutter.background#EFEFF4fe
  • peekViewEditorStickyScroll.background#D6D6E3fe
  • peekViewResult.background#EAEAF1fe
  • peekViewResult.fileForeground#2C2C60ce
  • peekViewResult.lineForeground#2C2C60ce
  • peekViewResult.matchHighlightBackground#8AACB08a
  • peekViewResult.selectionBackground#A1B38F83
  • peekViewResult.selectionForeground#630F22ca
  • peekViewTitle.background#EAEAF1fe
  • peekViewTitleDescription.foreground#2C2C60ce
  • peekViewTitleLabel.foreground#2C2C60ce
  • pickerGroup.border#EFEFF4fe
  • pickerGroup.foreground#2C2C60ce
  • ports.iconRunningProcessForeground#2C4231fe
  • problemsErrorIcon.foreground#890089ce
  • problemsInfoIcon.foreground#3900EFce
  • problemsWarningIcon.foreground#5A4A00ce
  • profileBadge.background#15886Ffe
  • profileBadge.foreground#EAEAF1fe
  • progressBar.background#D6D6E3fe
  • quickInput.background#EAEAF1fe
  • quickInput.foreground#2C2C62ae
  • quickInputList.focusBackground#A9C4AEad
  • quickInputList.focusForeground#178970fe
  • quickInputList.focusIconForeground#18886Ffe
  • quickInputTitle.background#EFEFF4fe
  • sash.hoverBorder#EFEFF4fe
  • scrollbar.shadow#F8F4F500
  • scrollbarSlider.activeBackground#71719Ffe
  • scrollbarSlider.background#9999BAae
  • scrollbarSlider.hoverBackground#8585AC6e
  • search.resultsInfoForeground#2C2C60ce
  • searchEditor.findMatchBackground#AC9985a3
  • searchEditor.findMatchBorder#EFEFF4fe
  • searchEditor.textInputBorder#EFEFF4fe
  • selection.background#D6D6E3fe
  • settings.checkboxBackground#EFEFF4fe
  • settings.checkboxBorder#EFEFF4fe
  • settings.checkboxForeground#2C2C60ce
  • settings.dropdownBackground#EFEFF4fe
  • settings.dropdownBorder#EFEFF4fe
  • settings.dropdownForeground#2C2C60ce
  • settings.dropdownListBorder#EFEFF4fe
  • settings.focusedRowBackground#AC99858a
  • settings.focusedRowBorder#EFEFF4fe
  • settings.headerBorder#EFEFF4fe
  • settings.headerForeground#2C2C60ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#EFEFF4fe
  • settings.numberInputBorder#EFEFF4fe
  • settings.numberInputForeground#2C2C60ce
  • settings.rowHoverBackground#D6D6E3fe
  • settings.sashBorder#EFEFF4fe
  • settings.settingsHeaderHoverForeground#198970fe
  • settings.textInputBackground#EFEFF4fe
  • settings.textInputBorder#EFEFF4fe
  • settings.textInputForeground#2C2C60ce
  • sideBar.background#D6D6E3fe
  • sideBar.border#EFEFF4fe
  • sideBar.dropBackground#D6D6E3fe
  • sideBar.foreground#2B2BD7ae
  • sideBarSectionHeader.background#F6F8F400
  • sideBarSectionHeader.border#EFEFF4fe
  • sideBarSectionHeader.foreground#2C2C60ce
  • sideBarTitle.foreground#2C2C60ce
  • sideBySideEditor.horizontalBorder#EFEFF4fe
  • sideBySideEditor.verticalBorder#EFEFF4fe
  • simpleFindWidget.sashBorder#EFEFF4fe
  • statusBar.background#EAEAF1fe
  • statusBar.border#EFEFF4fe
  • statusBar.debuggingBackground#FF9DFEbf
  • statusBar.debuggingBorder#EFEFF4fe
  • statusBar.debuggingForeground#2C2C60ce
  • statusBar.focusBorder#F4F8F500
  • statusBar.foreground#4444656e
  • statusBar.noFolderBackground#EAEAF1fe
  • statusBar.noFolderBorder#EFEFF4fe
  • statusBar.noFolderForeground#2C2C60ce
  • statusBarItem.activeBackground#EAEAF1fe
  • statusBarItem.compactHoverBackground#EAEAF1fe
  • statusBarItem.errorBackground#FF9DFEa0
  • statusBarItem.errorForeground#890089ce
  • statusBarItem.errorHoverBackground#FF9DFEc1
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#F6F8F400
  • statusBarItem.hoverBackground#EAEAF1fe
  • statusBarItem.hoverForeground#367E6Efe
  • statusBarItem.offlineBackground#EAEAF1fe
  • statusBarItem.offlineForeground#2C2C60ce
  • statusBarItem.offlineHoverBackground#EAEAF1fe
  • statusBarItem.offlineHoverForeground#178970fe
  • statusBarItem.prominentBackground#EAEAF1fe
  • statusBarItem.prominentForeground#2C2C60ce
  • statusBarItem.prominentHoverBackground#EAEAF1fe
  • statusBarItem.prominentHoverForeground#198970fe
  • statusBarItem.remoteBackground#18886Ffe
  • statusBarItem.remoteForeground#EAEAF1fe
  • statusBarItem.remoteHoverBackground#EAEAF1fe
  • statusBarItem.remoteHoverForeground#14886Efe
  • statusBarItem.warningBackground#E6BE00fe
  • statusBarItem.warningForeground#5A4A00ce
  • statusBarItem.warningHoverBackground#E6BE00fe
  • statusBarItem.warningHoverForeground#907700ce
  • symbolIcon.arrayForeground#402A45fe
  • symbolIcon.booleanForeground#005555ce
  • symbolIcon.classForeground#621122fe
  • symbolIcon.colorForeground#45264Ffe
  • symbolIcon.constantForeground#1A363Cfe
  • symbolIcon.constructorForeground#3E2C42fe
  • symbolIcon.enumeratorForeground#12391Afe
  • symbolIcon.enumeratorMemberForeground#621122fe
  • symbolIcon.eventForeground#641021fe
  • symbolIcon.fieldForeground#422C31fe
  • symbolIcon.fileForeground#621122fe
  • symbolIcon.folderForeground#641021fe
  • symbolIcon.functionForeground#29351Ffe
  • symbolIcon.interfaceForeground#530E67fe
  • symbolIcon.keyForeground#4D252Ffe
  • symbolIcon.keywordForeground#0C0CA8fe
  • symbolIcon.methodForeground#003B0Afe
  • symbolIcon.moduleForeground#37422Cfe
  • symbolIcon.namespaceForeground#452A30fe
  • symbolIcon.nullForeground#42372Cfe
  • symbolIcon.numberForeground#47292Efe
  • symbolIcon.objectForeground#0101AFfe
  • symbolIcon.operatorForeground#630F22fe
  • symbolIcon.packageForeground#432E14fe
  • symbolIcon.propertyForeground#293B3Dfe
  • symbolIcon.referenceForeground#4D2807fe
  • symbolIcon.snippetForeground#2E2E50fe
  • symbolIcon.stringForeground#2E2E50fe
  • symbolIcon.structForeground#5E1823fe
  • symbolIcon.textForeground#3D3329fe
  • symbolIcon.typeParameterForeground#263829fe
  • symbolIcon.unitForeground#1A363Cfe
  • symbolIcon.variableForeground#1A363Cfe
  • tab.activeBackground#E5E5EDfe
  • tab.activeBorder#F6F8F400
  • tab.activeBorderTop#27423Cfe
  • tab.activeForeground#294841fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F4F7F800
  • tab.hoverBackground#304F53a3
  • tab.hoverBorder#EFEFF4fe
  • tab.hoverForeground#178970fe
  • tab.inactiveBackground#BEBED39c
  • tab.inactiveForeground#34346565
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#EFEFF4fe
  • tab.unfocusedActiveBackground#C7C7D93e
  • tab.unfocusedActiveBorder#F7F4F800
  • tab.unfocusedActiveBorderTop#BEBED365
  • tab.unfocusedActiveForeground#3A3A5665
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#3535C121
  • tab.unfocusedHoverBorder#CCCCDC29
  • tab.unfocusedHoverForeground#36365A65
  • tab.unfocusedInactiveBackground#B8B8CF92
  • tab.unfocusedInactiveForeground#3A3A5665
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333a9
  • 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#670067af
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececebd
  • terminal.ansiYellow#c4a200fe
  • terminal.background#D6D6E3fe
  • terminal.border#EFEFF4fe
  • terminal.dropBackground#D6D6E3fe
  • terminal.findMatchBackground#D6D6E3fe
  • terminal.findMatchBorder#EFEFF4fe
  • terminal.findMatchHighlightBackground#D6D6E3fe
  • terminal.findMatchHighlightBorder#EFEFF4fe
  • terminal.foreground#2B2BD7ae
  • terminal.hoverHighlightBackground#D6D6E3fe
  • terminal.inactiveSelectionBackground#B3B3CB9d
  • terminal.selectionBackground#A9808883
  • terminal.selectionForeground#531064ca
  • terminal.tab.activeBorder#1D4137fe
  • terminalCommandDecoration.defaultBackground#5F472Da1
  • terminalCommandDecoration.errorBackground#9B0000cb
  • terminalCommandDecoration.successBackground#1E5521cb
  • terminalCursor.background#D6D6E3fe
  • terminalCursor.foreground#18886Ffe
  • terminalOverviewRuler.cursorForeground#2C2C60ce
  • terminalOverviewRuler.findMatchForeground#005555ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0a4
  • testing.iconUnset#808080a3
  • testing.message.error.decorationForeground#1B5447fe
  • testing.message.error.lineBackground#FF9DFEac
  • testing.message.info.decorationForeground#135546fe
  • testing.message.info.lineBackground#BABAFFfe
  • testing.peekBorder#EFEFF4fe
  • testing.peekHeaderBackground#D6D6E3fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#D6D6E3fe
  • textBlockQuote.border#EFEFF4fe
  • textCodeBlock.background#D6D6E3fe
  • textLink.activeForeground#178970fe
  • textLink.foreground#3900EFce
  • textPreformat.foreground#2C2C60ce
  • textSeparator.foreground#2C2C60ce
  • titleBar.activeBackground#EAEAF1fe
  • titleBar.activeForeground#31317Bae
  • titleBar.border#F8F6F400
  • titleBar.inactiveBackground#CCCCDCd4
  • titleBar.inactiveForeground#37375165
  • toolbar.activeBackground#CBBEB28e
  • toolbar.hoverBackground#D6D6E3fe
  • toolbar.hoverOutline#F8F6F400
  • tree.inactiveIndentGuidesStroke#3A535635
  • tree.indentGuidesStroke#135446fe
  • tree.tableColumnsBorder#EFEFF4fe
  • tree.tableOddRowsBackground#D6D6E3fe
  • walkThrough.embeddedEditorBackground#D6D6E3fe
  • walkthrough.stepTitle.foreground#2C2C60ce
  • welcomePage.background#D6D6E3fe
  • welcomePage.progress.background#D6D6E3fe
  • welcomePage.progress.foreground#2C2C60ce
  • welcomePage.tileBackground#D6D6E3fe
  • welcomePage.tileBorder#EFEFF4fe
  • welcomePage.tileHoverBackground#D6D6E3fe
  • widget.border#EFEFF4fe
  • widget.shadow#F7F4F800
  • window.activeBorder#EFEFF4fe
  • window.inactiveBorder#BEBED291

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#26264D6e
comment.block.html#26264B6e
comment.block.java#2525516e
comment.block.javadoc.java#26264D6e
comment.block.powershell#26264C6e
comment.block.xml#26264B6e
comment.line.double-slash.c#26264C6e
comment.line.double-slash.cpp#26264D6e
comment.line.double-slash.java#26264B6e
comment.line.double-slash.js#26264B6e
comment.line.number-sign.makefile#26264D6e
comment.line.number-sign.python#26264B6e
comment.line.number-sign.yaml#2525516e
comment.line.percentage.erlang#26264D6e
comment.line.powershell#26264B6e
comment.source.cmake#2525516e
comment.source.cmakecache#26264D6e
constant.character#332742de
constant.character.character-class.regexp#5B392Fde
constant.character.escape#18493Ede
constant.character.set.regexp#323E69de
constant.language#2A2A2Ade
constant.numeric#411F32de
constant.numeric.dec.python#4E2B3Fde
constant.other.caps.python#4E3470de
constant.other.character-class.regexp#404519de
constant.other.character-class.set.regexp#293048de
constant.other.color.rgb-value#4E3470de
constant.other.placeholder#27423Cde
constant.other.rgb-value#332742de
constant.regexp#483029de
constant.sha.git-rebase#292C0Ade
emphasis#2A2A2Ade
entity.name.class#2D3655de
entity.name.function#17493Ede
entity.name.function.preprocessor#432F5Bde
entity.name.function.python#372948de
entity.name.label#134A3Ede
entity.name.namespace#4E2B3Fde
entity.name.operator#404516de
entity.name.operator.custom-literal#371B58de
entity.name.scope-resolution#432F5Bde
entity.name.tag#2A2A2Ade
entity.name.tag.css#0D4A3Cde
entity.name.type#312441debold
entity.name.variable#313C62de
entity.other.attribute#55362Dde
entity.other.attribute-name#2A2A2Ade
entity.other.attribute-name.class.css#404516de
entity.other.attribute-name.class.mixin.css#003126de
entity.other.attribute-name.id#2A2A2Ade
entity.other.attribute-name.id.css#552D43de
entity.other.attribute-name.parent-selector.css#2A2A2Ade
entity.other.attribute-name.pseudo-class.css#4E332Bde
entity.other.attribute-name.pseudo-element.css#3C2A24de
entity.other.attribute-name.scss#0D4A3Cde
entity.other.document.begin.yaml#26264B6e
entity.other.inherited-class#570532de
header#312441de
invalid#1F302Cde
keyword#552D43debold
keyword.codetag.notation.python#373737debold
keyword.control#18493Edebold
keyword.control.anchor.regexp#4A182Edebold
keyword.control.import.python#223631debold
keyword.operator#27423Cdebold
keyword.operator.alignas#422736debold
keyword.operator.alignof#323E69debold
keyword.operator.cast#393C24debold
keyword.operator.delete#39261Edebold
keyword.operator.documentation.powershell#26264D6ebold
keyword.operator.expression#343622debold
keyword.operator.instanceof#0123A1debold
keyword.operator.logical.python#40450Fdebold
keyword.operator.minus.exponent#3D2131debold
keyword.operator.negation.regexp#222942debold
keyword.operator.new#570532debold
keyword.operator.noexcept#7A230Bdebold
keyword.operator.or.regexp#372620debold
keyword.operator.plus.exponent#422736debold
keyword.operator.quantifier.regexp#3F4514debold
keyword.operator.sizeof#77250Edebold
keyword.operator.typeid#7A230Bdebold
keyword.operator.wordlike#55362Ddebold
keyword.other.operator#372620debold
keyword.other.package.java#3F4511debold
keyword.other.unit#313C62debold
keyword.other.using#172E29debold
markup.bold#4A182Ede
markup.changed#422D27de
markup.deleted#361F4Dde
markup.fenced_code.block.markdown#2A2A2Ade
markup.heading#3F4513de
markup.inline.raw#3F2D55de
markup.inserted#402219de
markup.italic#063027de
markup.raw.block.markdown#2A2A2Ade
markup.strikethrough#431D32de
markup.underline#4B3269de
meta.block.c#1F302Cde
meta.block.c#2B334Ede
meta.class.java#3F4514de
meta.definition.variable.name#2A2A2Ade
meta.diff.header#5B2F48de
meta.embedded#2A2A2Ade
meta.embedded.assembly#40450Fde
meta.function-call.arguments.python#422D27de
meta.function-call.python#15255Fde
meta.member.access.python#570532de
meta.method.java#511605de
meta.object-literal.key#501607de
meta.paragraph.markdown#332247de
meta.preprocessor#2A2A2Ade
meta.preprocessor.numeric#404519de
meta.preprocessor.string#511605de
meta.scope.prerequisites.makefile#3F4227de
meta.structure.dictionary.json.comments#26264B6e
meta.structure.dictionary.key.python#3F4227de
meta.structure.dictionary.value.json.comments#26264C6e
meta.template.expression#2F395Bde
meta.type.cast.expr#402219debold
meta.type.new.expr#4B3269debold
parameter#2B334Ede
punctuation.character.set.begin.regexp#402219de
punctuation.character.set.end.regexp#3F4227de
punctuation.definition.array.begin.json#393C24de
punctuation.definition.character-class.regexp#402219de
punctuation.definition.comment#26264B6e
punctuation.definition.comment.json.comments#2525516e
punctuation.definition.comment.python#26264D6e
punctuation.definition.dictionary.begin.json#38037Ade
punctuation.definition.dictionary.end.json#18493Ede
punctuation.definition.group.assertion.regexp#1F2A45de
punctuation.definition.group.regexp#3F2D55de
punctuation.definition.list.begin.json#27423Cde
punctuation.definition.list.begin.markdown#2A2A2Ade
punctuation.definition.list.begin.python#3F4227de
punctuation.definition.list.end.json#414141de
punctuation.definition.list.end.markdown#4E3470de
punctuation.definition.list.end.python#40450Fde
punctuation.definition.parameters.begin.python#404517de
punctuation.definition.parameters.end.bracket.round.java#4B3269de
punctuation.definition.quote.begin.markdown#3D2131de
punctuation.definition.tag#4E3470de
punctuation.definition.template-expression.begin#7A230Bde
punctuation.definition.template-expression.end#18493Ede
punctuation.section.class.begin.bracket.curly.java#422D27de
punctuation.section.embedded#343622de
punctuation.section.embedded.begin.php#242A3Cde
punctuation.section.embedded.end.php#62314Cde
punctuation.terminator.java#3C2A24de
source.cmake#003126de
source.coffee.embedded#2A2A2Ade
source.cpp#2A2A2Ade
source.css.less#402219de
source.groovy.embedded#3C2A24de
source.java#2A2A2Ade
source.java-properties#4E2B3Fde
source.json.comments#2525516e
source.makefile#2A2A2Ade
source.powershell#2D3655de
source.powershell.variable.other.member#422736de
source.python#4B3269de
storage#2D3655de
storage.modifier#104A3Dde
storage.modifier.import.java#402219de
storage.modifier.package.java#2A2A2Ade
storage.type#2A2B1Adebold
storage.type.annotation.groovy#323232debold
storage.type.annotation.java#3B2B4Edebold
storage.type.boolean.go#27423Cdebold
storage.type.byte.go#242A3Cdebold
storage.type.cs#1B2658debold
storage.type.error.go#223631debold
storage.type.generic.cs#402219debold
storage.type.generic.groovy#570532debold
storage.type.generic.java#40450Fdebold
storage.type.groovy#372620debold
storage.type.java#38037Adebold
storage.type.modifier.cs#2A2A2Adebold
storage.type.numeric.go#3F2D55debold
storage.type.object.array.groovy#371B58debold
storage.type.object.array.java#3D2131debold
storage.type.parameters.groovy#312441debold
storage.type.primitive.array.groovy#55362Ddebold
storage.type.primitive.array.java#1F302Cdebold
storage.type.primitive.groovy#3D2131debold
storage.type.primitive.java#4E332Bdebold
storage.type.rune.go#77250Edebold
storage.type.string.go#552D43debold
storage.type.token.java#393C24debold
storage.type.uintptr.go#432F5Bdebold
storage.type.variable.cs#003126debold
string#3F4227de
string.quoted.docstring.multi.python#26264D6e
string.regexp#372620de
string.tag#3F4513de
string.value#77250Ede
strong#404516de
support.class#3D2131de
support.constant.color#332742de
support.constant.dom#282D02de
support.constant.font-name#1B2658de
support.constant.handlebars#2B334Ede
support.constant.json#404516de
support.constant.math#154A3Ede
support.constant.media#18493Ede
support.constant.media-type#2A2A2Adebold
support.constant.property-value#172E29de
support.function#282D02de
support.function.git-rebase#38037Ade
support.other.parenthesis.regexp#39126Ade
support.type#4E3470debold
support.type.property-name#2A2A2Adebold
support.type.vendored.property-name#404517debold
support.variable#7A230Bde
token.debug-token#2E301Fde
token.error-token#2A2B1Ade
token.info-token#3C2A24de
token.warn-token#1B2658de
variable#393C24de
variable.css#242A3Cde
variable.language#3F2D55de
variable.language.wildcard.java#501607de
variable.other.constant#104A3Dde
variable.other.definition.java#372948de
variable.other.enummember#154A3Ede
variable.other.less#292C12de
variable.other.object.java#2F395Bde
variable.other.object.property.java#402219de
variable.parameter.c#7A230Bde
variable.parameter.function.language.python#48293Ade
variable.parameter.java#5B2F48de
variable.scss#0123A1de
viiv by B.W - VS Code Theme