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#1a1d1dfe
  • activityBar.activeBackground#1a1d1dfe
  • activityBar.activeBorder#FC9677fe
  • activityBar.activeFocusBorder#5C6B6B00
  • activityBar.background#101212fe
  • activityBar.border#5C6B5C00
  • activityBar.dropBorder#FD9779fe
  • activityBar.foreground#FD9779fe
  • activityBar.inactiveForeground#49C2C265
  • activityBarBadge.background#E68062fe
  • activityBarBadge.foreground#101212fe
  • badge.background#D05733fe
  • badge.foreground#101212fe
  • banner.background#1a1d1dfe
  • banner.foreground#C8FAFAce
  • banner.iconForeground#E2E3DFfe
  • breadcrumb.activeSelectionForeground#DBD7D8ca
  • breadcrumb.background#121414fe
  • breadcrumb.focusForeground#C95330fe
  • breadcrumb.foreground#C4FAFAae
  • breadcrumbPicker.background#1a1d1dfe
  • button.background#3D4444ae
  • button.border#0D0C0E00
  • button.foreground#C8FAFAce
  • button.hoverBackground#515B5B6e
  • button.secondaryBackground#1a1d1dfe
  • button.secondaryForeground#C8FAFAce
  • button.secondaryHoverBackground#1a1d1dfe
  • button.separator#0E0C0D00
  • charts.blue#1b1bfffe
  • charts.foreground#C8FAFAce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067a5
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0E1010fe
  • chat.slashCommandBackground#1a1d1dfe
  • chat.slashCommandForeground#C8FAFAce
  • checkbox.background#0E1010fe
  • checkbox.border#0E1010fe
  • checkbox.foreground#C8FAFAce
  • checkbox.selectBackground#0E1010fe
  • checkbox.selectBorder#0E1010fe
  • commandCenter.activeBackground#1C321C89
  • commandCenter.activeBorder#0E1010fe
  • commandCenter.activeForeground#E17555fe
  • commandCenter.background#1a1d1dfe
  • commandCenter.border#0E1010fe
  • commandCenter.foreground#C8FAFAce
  • commandCenter.inactiveBorder#14323296
  • commandCenter.inactiveForeground#AAB3B365
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0D0E0C00
  • contrastBorder#0C0E0C00
  • debugConsole.errorForeground#FF98FFce
  • debugConsole.infoForeground#C8FAFAce
  • debugConsole.sourceForeground#C8FAFAce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#BCC3C3fe
  • debugExceptionWidget.background#560056b4
  • debugExceptionWidget.border#0E1010fe
  • debugIcon.breakpointCurrentStackframeForeground#CDCFC9fe
  • debugIcon.breakpointDisabledForeground#B7BFBF65
  • debugIcon.breakpointForeground#D7DBD7fe
  • debugIcon.breakpointStackframeForeground#D2D7D7fe
  • debugIcon.breakpointUnverifiedForeground#E7E4E5fe
  • debugIcon.continueForeground#C9C9CFfe
  • debugIcon.disconnectForeground#C9CBC5fe
  • debugIcon.pauseForeground#CDC9CFfe
  • debugIcon.restartForeground#B7BFBFfe
  • debugIcon.startForeground#CED3D3fe
  • debugIcon.stepBackForeground#B7BFBFfe
  • debugIcon.stepIntoForeground#DBD7D8fe
  • debugIcon.stepOutForeground#CED3CEfe
  • debugIcon.stepOverForeground#C5C0C7fe
  • debugIcon.stopForeground#DBDFDFfe
  • debugTokenExpression.boolean#E4E4E7ca
  • debugTokenExpression.error#DFE3DFca
  • debugTokenExpression.name#DFDFE3ca
  • debugTokenExpression.number#DBDBDFca
  • debugTokenExpression.value#D2D7D7ca
  • debugToolBar.background#560056ab
  • debugToolBar.border#0E1010fe
  • debugView.exceptionLabelBackground#3D2730ca
  • debugView.exceptionLabelForeground#E4E7E4ca
  • debugView.stateLabelBackground#2A2A44ca
  • debugView.stateLabelForeground#CED3D3ca
  • debugView.valueChangedHighlight#CED3D3ca
  • descriptionForeground#C8FAFAce
  • diffEditor.border#0C0E0C00
  • diffEditor.diagonalFill#000000f9
  • diffEditor.insertedLineBackground#00340031
  • diffEditor.insertedTextBackground#113413fb
  • diffEditor.insertedTextBorder#0C0E0C00
  • diffEditor.move.border#0E0C0D00
  • diffEditor.moveActive.border#0E0D0C00
  • diffEditor.removedLineBackground#61000031
  • diffEditor.removedTextBackground#620000fb
  • diffEditor.removedTextBorder#0C0E0E00
  • diffEditor.unchangedCodeBackground#1a1d1dfe
  • diffEditor.unchangedRegionBackground#1a1d1dfe
  • diffEditor.unchangedRegionForeground#C8FAFAce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B8BFBF65
  • dropdown.background#0E1010fe
  • dropdown.border#0E1010fe
  • dropdown.foreground#C8FAFAce
  • dropdown.listBackground#0E1010fe
  • editor.background#1a1d1dfe
  • editor.findMatchBackground#515B5Ba9
  • editor.findMatchBorder#0E1010fe
  • editor.findMatchHighlightBackground#5D685Da3
  • editor.findMatchHighlightBorder#0E1010fe
  • editor.findRangeHighlightBackground#514C48ad
  • editor.findRangeHighlightBorder#0E1010fe
  • editor.focusedStackFrameHighlightBackground#685D6185
  • editor.foldBackground#C1BCC3a8
  • editor.foreground#C8FAFAce
  • editor.hoverHighlightBackground#685D61a2
  • editor.inactiveSelectionBackground#464F4F91
  • editor.inlineValuesBackground#1a1d1dfe
  • editor.inlineValuesForeground#C8FAFAce
  • editor.lineHighlightBackground#313737b4
  • editor.lineHighlightBorder#0E0C0D00
  • editor.linkedEditingBackground#1a1d1dfe
  • editor.rangeHighlightBackground#64685Da7
  • editor.rangeHighlightBorder#0E1010fe
  • editor.selectionBackground#474F47aa
  • editor.selectionForeground#DDDFDBca
  • editor.selectionHighlightBackground#4952498b
  • editor.selectionHighlightBorder#0E1010fe
  • editor.snippetFinalTabstopHighlightBackground#61616Cae
  • editor.snippetFinalTabstopHighlightBorder#0E1010fe
  • editor.snippetTabstopHighlightBackground#56504Da9
  • editor.snippetTabstopHighlightBorder#0E1010fe
  • editor.stackFrameHighlightBackground#475047a4
  • editor.symbolHighlightBackground#5C5F55a8
  • editor.symbolHighlightBorder#0E1010fe
  • editor.wordHighlightBackground#544B4Eac
  • editor.wordHighlightBorder#0C0E0E00
  • editor.wordHighlightStrongBackground#5C555Fad
  • editor.wordHighlightStrongBorder#0E0C0D00
  • editor.wordHighlightTextBackground#475050a1
  • editor.wordHighlightTextBorder#0C0C0E00
  • editorBracketHighlight.foreground1#F6F7F7ce
  • editorBracketHighlight.foreground2#F6F7F7ce
  • editorBracketHighlight.foreground3#F6F7F7ce
  • editorBracketHighlight.foreground4#F6F7F7ce
  • editorBracketHighlight.foreground5#F6F7F7ce
  • editorBracketHighlight.foreground6#F6F7F7ce
  • editorBracketHighlight.unexpectedBracket.foreground#C8FAFAce
  • editorBracketMatch.background#BCBEB7a6
  • editorBracketMatch.border#0E1010fe
  • editorBracketPairGuide.activeBackground1#C1BCC384
  • editorBracketPairGuide.activeBackground2#BEBEC58c
  • editorBracketPairGuide.activeBackground3#BEBEC58c
  • editorBracketPairGuide.activeBackground4#C2BDBB8b
  • editorBracketPairGuide.activeBackground5#BCBFB784
  • editorBracketPairGuide.activeBackground6#C1BCC38e
  • editorBracketPairGuide.background1#213021fe
  • editorBracketPairGuide.background2#35283Cfe
  • editorBracketPairGuide.background3#35283Cfe
  • editorBracketPairGuide.background4#213030fe
  • editorBracketPairGuide.background5#2F2C32fe
  • editorBracketPairGuide.background6#392925fe
  • editorCodeLens.foreground#B8BFBF6e
  • editorCommentsWidget.rangeActiveBackground#B9C0C0fe
  • editorCommentsWidget.rangeBackground#1a1d1dfe
  • editorCommentsWidget.resolvedBorder#0E1010fe
  • editorCommentsWidget.unresolvedBorder#620000cb
  • editorCursor.background#1a1d1dfe
  • editorCursor.foreground#D05733fe
  • editorError.background#0E0C0D00
  • editorError.border#0C0E0C00
  • editorError.foreground#FF98FFce
  • editorGhostText.background#1a1d1dfe
  • editorGhostText.border#0D0E0C00
  • editorGhostText.foreground#B8BFBF6e
  • editorGroup.border#0E1010fe
  • editorGroup.dropBackground#1a1d1dfe
  • editorGroup.dropIntoPromptBackground#1a1d1dfe
  • editorGroup.dropIntoPromptBorder#0E1010fe
  • editorGroup.dropIntoPromptForeground#C8FAFAce
  • editorGroup.emptyBackground#1a1d1dfe
  • editorGroup.focusedEmptyBorder#0E1010fe
  • editorGroupHeader.border#0C0E0E00
  • editorGroupHeader.noTabsBackground#101212ae
  • editorGroupHeader.tabsBackground#1A1D1Da1
  • editorGroupHeader.tabsBorder#0C0E0E00
  • editorGutter.addedBackground#8ACD8Efb
  • editorGutter.background#1a1d1dfe
  • editorGutter.commentGlyphForeground#C8FAFAce
  • editorGutter.commentRangeForeground#C8FAFAce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FFA5A5cb
  • editorGutter.foldingControlForeground#C8FAFAce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0C0E0C00
  • editorHint.foreground#C5B3FEce
  • editorHoverWidget.background#0E1010fe
  • editorHoverWidget.border#0E1010fe
  • editorHoverWidget.foreground#C8FAFAce
  • editorHoverWidget.highlightForeground#E7E4E5ca
  • editorHoverWidget.statusBarBackground#1a1d1dfe
  • editorIndentGuide.activeBackground1#FD9779fe
  • editorIndentGuide.activeBackground2#FC9679fe
  • editorIndentGuide.activeBackground3#FC9679fe
  • editorIndentGuide.activeBackground4#FE9576fe
  • editorIndentGuide.activeBackground5#FD9779fe
  • editorIndentGuide.activeBackground6#FC9677fe
  • editorIndentGuide.background1#B7B7BF35
  • editorIndentGuide.background2#ABA4A135
  • editorIndentGuide.background3#9F989435
  • editorIndentGuide.background4#B8BBB335
  • editorIndentGuide.background5#B3B3BB35
  • editorIndentGuide.background6#AFA6A935
  • editorInfo.background#0C0E0C00
  • editorInfo.border#0C0E0C00
  • editorInfo.foreground#C5B3FEce
  • editorInlayHint.background#1a1d1dfe
  • editorInlayHint.foreground#C8FAFAce
  • editorInlayHint.parameterBackground#1a1d1dfe
  • editorInlayHint.parameterForeground#C8FAFAce
  • editorInlayHint.typeBackground#1a1d1dfe
  • editorInlayHint.typeForeground#C8FAFAce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#DC6B49fe
  • editorLineNumber.dimmedForeground#B8BFBF6e
  • editorLineNumber.foreground#B8BFBF6e
  • editorLink.activeForeground#D6613Efe
  • editorMarkerNavigation.background#0E1010fe
  • editorMarkerNavigationError.background#560056c6
  • editorMarkerNavigationError.headerBackground#560056a9
  • editorMarkerNavigationInfo.background#0000A3fe
  • editorMarkerNavigationInfo.headerBackground#0000A3fe
  • editorMarkerNavigationWarning.background#362D00fe
  • editorMarkerNavigationWarning.headerBackground#362D00fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#1a1d1dfe
  • editorOverviewRuler.border#213030fe
  • editorOverviewRuler.bracketMatchForeground#C8FAFAce
  • editorOverviewRuler.commentForeground#B8BFBF6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#C8FAFAce
  • editorOverviewRuler.currentContentForeground#cecece9d
  • editorOverviewRuler.deletedForeground#FFA5A5cb
  • editorOverviewRuler.errorForeground#FF98FFce
  • editorOverviewRuler.findMatchForeground#00D3D3ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C5B3FEce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#DBD7D8ca
  • editorOverviewRuler.selectionHighlightForeground#C5B3FEce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#D9D7DBca
  • editorOverviewRuler.wordHighlightStrongForeground#C8FAFAce
  • editorOverviewRuler.wordHighlightTextForeground#C8FAFAce
  • editorPane.background#1a1d1dfe
  • editorRuler.foreground#B9C0C025
  • editorStickyScroll.background#1a1d1dfe
  • editorStickyScrollHover.background#2A2E2E6e
  • editorSuggestWidget.background#0E1010fe
  • editorSuggestWidget.border#0C0C0E00
  • editorSuggestWidget.focusHighlightForeground#98BD61fe
  • editorSuggestWidget.foreground#E2E3DFfe
  • editorSuggestWidget.highlightForeground#DDDFDBca
  • editorSuggestWidget.selectedBackground#514C4883
  • editorSuggestWidget.selectedForeground#D7D4D2ca
  • editorSuggestWidget.selectedIconForeground#DFE3DFca
  • editorSuggestWidgetStatus.foreground#E2DFE3fe
  • editorUnicodeHighlight.background#514B54a3
  • editorUnicodeHighlight.border#0E1010fe
  • editorUnnecessaryCode.border#362D00ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0E0C0D00
  • editorWarning.border#0C0E0E00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#C8FAFAce
  • editorWidget.background#0E1010fe
  • editorWidget.border#0E1010fe
  • editorWidget.foreground#C8FAFAce
  • editorWidget.resizeBorder#0E1010fe
  • errorForeground#FF98FFce
  • extensionBadge.remoteBackground#D35C38fe
  • extensionBadge.remoteForeground#101212fe
  • extensionButton.background#1C3131ae
  • extensionButton.foreground#C8FAFAce
  • extensionButton.hoverBackground#282E2E6e
  • extensionButton.prominentBackground#1a1d1dfe
  • extensionButton.prominentForeground#C8FAFAce
  • extensionButton.prominentHoverBackground#1a1d1dfe
  • extensionButton.separator#0D0C0E00
  • extensionIcon.preReleaseForeground#CBC7C5fe
  • extensionIcon.sponsorForeground#CBC5C7fe
  • extensionIcon.starForeground#BCC3C3fe
  • extensionIcon.verifiedForeground#C0C3BCfe
  • focusBorder#0D0C0E00
  • foreground#C8FAFAce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FFA5A5cb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C5B3FEce
  • gitDecoration.stageDeletedResourceForeground#FFA5A5cb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00D3D3ce
  • icon.foreground#B9C0C0ae
  • inlineChat.background#3D272Dca
  • inlineChat.border#2A2A42ca
  • inlineChat.regionHighlight#DFDCDBca
  • inlineChat.shadow#DBDFDFca
  • inlineChatDiff.inserted#D2D7D7ca
  • inlineChatDiff.removed#E4E4E7ca
  • inlineChatInput.background#D7DBDBca
  • inlineChatInput.border#362B25ca
  • inlineChatInput.focusBorder#0E0C0D00
  • inlineChatInput.placeholderForeground#E3E0DFca
  • input.background#0E1010fe
  • input.border#0E1010fe
  • input.foreground#C8FAFAce
  • input.placeholderForeground#B7BFBF65
  • inputOption.activeBackground#0E1010fe
  • inputOption.activeBorder#0E1010fe
  • inputOption.activeForeground#E17555fe
  • inputOption.hoverBackground#0E1010fe
  • inputValidation.errorBackground#670067bb
  • inputValidation.errorBorder#560056be
  • inputValidation.errorForeground#FF98FFce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0E1010fe
  • inputValidation.infoForeground#C8FAFAce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0E1010fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0E1010fe
  • interactive.inactiveCodeBorder#252A2A95
  • keybindingLabel.background#1a1d1dfe
  • keybindingLabel.border#0E1010fe
  • keybindingLabel.bottomBorder#0E1010fe
  • keybindingLabel.foreground#C8FAFAce
  • keybindingTable.headerBackground#1a1d1dfe
  • keybindingTable.rowsBackground#1a1d1dfe
  • list.activeSelectionBackground#514C4984
  • list.activeSelectionForeground#E7E4E5ca
  • list.activeSelectionIconForeground#D7DBDBca
  • list.deemphasizedForeground#C8FAFAce
  • list.dropBackground#1a1d1dfe
  • list.errorForeground#FF98FFce
  • list.filterMatchBackground#1a1d1dfe
  • list.filterMatchBorder#0E1010fe
  • list.focusAndSelectionOutline#0C0E0C00
  • list.focusBackground#464F4F97
  • list.focusForeground#D05733fe
  • list.focusHighlightForeground#66C566fe
  • list.focusOutline#0C0C0E00
  • list.highlightForeground#D5D2D7ca
  • list.hoverBackground#143414a9
  • list.hoverForeground#E37B5Bfe
  • list.inactiveFocusBackground#292E2E9c
  • list.inactiveFocusOutline#0C0C0E00
  • list.inactiveSelectionBackground#101212ae
  • list.inactiveSelectionForeground#B8BFBF65
  • list.inactiveSelectionIconForeground#B7BFBF65
  • list.invalidItemForeground#C8FAFAce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#1a1d1dfe
  • listFilterWidget.noMatchesOutline#0C0E0E00
  • listFilterWidget.outline#0E0C0D00
  • listFilterWidget.shadow#0C0E0E00
  • menu.background#101212fe
  • menu.border#0E0C0D00
  • menu.foreground#E8EBEBae
  • menu.selectionBackground#465046ad
  • menu.selectionBorder#0D0C0E00
  • menu.selectionForeground#D6613Efe
  • menu.separatorBackground#2A2E2E65
  • menubar.selectionBackground#474F47a5
  • menubar.selectionBorder#0C0E0C00
  • menubar.selectionForeground#C95330fe
  • merge.border#0E1010fe
  • merge.commonContentBackground#1a1d1dfe
  • merge.commonHeaderBackground#1a1d1dfe
  • merge.currentContentBackground#00340031
  • merge.currentHeaderBackground#113413fb
  • merge.incomingContentBackground#113213cb
  • merge.incomingHeaderBackground#113413fb
  • mergeEditor.change.background#1a1d1dfe
  • mergeEditor.change.word.background#1a1d1dfe
  • mergeEditor.changeBase.background#1a1d1dfe
  • mergeEditor.changeBase.word.background#1a1d1dfe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0E1010fe
  • mergeEditor.conflict.handledUnfocused.border#1D212139
  • mergeEditor.conflict.input1.background#0E1010fe
  • mergeEditor.conflict.input2.background#0E1010fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067ae
  • mergeEditor.conflict.unhandledFocused.border#0E1010fe
  • mergeEditor.conflict.unhandledUnfocused.border#1D21213c
  • mergeEditor.conflictingLines.background#1a1d1dfe
  • minimap.background#1a1d1dfe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F6F7F7ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#8ACD8Efb
  • minimapGutter.deletedBackground#FFA5A5fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#657171fe
  • minimapSlider.background#495252ae
  • minimapSlider.hoverBackground#555F5F6e
  • notebook.cellBorderColor#0E1010fe
  • notebook.cellEditorBackground#1a1d1dfe
  • notebook.cellHoverBackground#1a1d1dfe
  • notebook.cellInsertionIndicator#DDDBDFca
  • notebook.cellStatusBarItemHoverBackground#1a1d1dfe
  • notebook.cellToolbarSeparator#E3E0DFca
  • notebook.editorBackground#1a1d1dfe
  • notebook.focusedCellBackground#1a1d1dfe
  • notebook.focusedCellBorder#C95330fe
  • notebook.focusedEditorBorder#0E1010fe
  • notebook.inactiveFocusedCellBorder#616C6C8e
  • notebook.inactiveSelectedCellBorder#6D7A7A8e
  • notebook.outputContainerBackgroundColor#1a1d1dfe
  • notebook.outputContainerBorderColor#0E1010fe
  • notebook.selectedCellBackground#1a1d1dfe
  • notebook.selectedCellBorder#0E1010fe
  • notebook.symbolHighlightBackground#1a1d1dfe
  • notebookEditorOverviewRuler.runningCellForeground#C8FAFAce
  • notebookScrollbarSlider.activeBackground#717E7Efe
  • notebookScrollbarSlider.background#495252ae
  • notebookScrollbarSlider.hoverBackground#5D68686e
  • notebookStatusErrorIcon.foreground#FF98FFce
  • notebookStatusRunningIcon.foreground#C0BCC3fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0E1010fe
  • notificationCenterHeader.background#1a1d1dfe
  • notificationCenterHeader.foreground#C8FAFAce
  • notificationLink.foreground#C8FAFAce
  • notifications.background#1a1d1dfe
  • notifications.border#0E1010fe
  • notifications.foreground#C8FAFAce
  • notificationsErrorIcon.foreground#FF98FFce
  • notificationsInfoIcon.foreground#B7BFBFfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0E1010fe
  • panel.background#1a1d1dfe
  • panel.border#0E1010fe
  • panel.dropBorder#0E1010fe
  • panelInput.border#0E1010fe
  • panelSection.border#0E1010fe
  • panelSection.dropBackground#1a1d1dfe
  • panelSectionHeader.background#1a1d1dfe
  • panelSectionHeader.border#0E1010fe
  • panelSectionHeader.foreground#C8FAFAce
  • panelTitle.activeBorder#0C0E0E00
  • panelTitle.activeForeground#FC9779fe
  • panelTitle.inactiveForeground#49C2C265
  • peekView.border#FD9779fe
  • peekViewEditor.background#0E1010fe
  • peekViewEditor.matchHighlightBackground#564D5083
  • peekViewEditor.matchHighlightBorder#0E0C0D00
  • peekViewEditorGutter.background#0E1010fe
  • peekViewEditorStickyScroll.background#1a1d1dfe
  • peekViewResult.background#101212fe
  • peekViewResult.fileForeground#C8FAFAce
  • peekViewResult.lineForeground#C8FAFAce
  • peekViewResult.matchHighlightBackground#47504787
  • peekViewResult.selectionBackground#68615D88
  • peekViewResult.selectionForeground#DFE3DFca
  • peekViewTitle.background#101212fe
  • peekViewTitleDescription.foreground#C8FAFAce
  • peekViewTitleLabel.foreground#C8FAFAce
  • pickerGroup.border#0E1010fe
  • pickerGroup.foreground#C8FAFAce
  • ports.iconRunningProcessForeground#CECED3fe
  • problemsErrorIcon.foreground#FF98FFce
  • problemsInfoIcon.foreground#C5B3FEce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#DE704Ffe
  • profileBadge.foreground#101212fe
  • progressBar.background#1a1d1dfe
  • quickInput.background#101212fe
  • quickInput.foreground#EDEFEFae
  • quickInputList.focusBackground#685D61a3
  • quickInputList.focusForeground#D96643fe
  • quickInputList.focusIconForeground#D05733fe
  • quickInputTitle.background#0E1010fe
  • sash.hoverBorder#0E1010fe
  • scrollbar.shadow#0D0E0C00
  • scrollbarSlider.activeBackground#657171fe
  • scrollbarSlider.background#3D4444ae
  • scrollbarSlider.hoverBackground#5964646e
  • search.resultsInfoForeground#C8FAFAce
  • searchEditor.findMatchBackground#5F5559a3
  • searchEditor.findMatchBorder#0E1010fe
  • searchEditor.textInputBorder#0E1010fe
  • selection.background#1a1d1dfe
  • settings.checkboxBackground#0E1010fe
  • settings.checkboxBorder#0E1010fe
  • settings.checkboxForeground#C8FAFAce
  • settings.dropdownBackground#0E1010fe
  • settings.dropdownBorder#0E1010fe
  • settings.dropdownForeground#C8FAFAce
  • settings.dropdownListBorder#0E1010fe
  • settings.focusedRowBackground#51515B88
  • settings.focusedRowBorder#0E1010fe
  • settings.headerBorder#0E1010fe
  • settings.headerForeground#C8FAFAce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0E1010fe
  • settings.numberInputBorder#0E1010fe
  • settings.numberInputForeground#C8FAFAce
  • settings.rowHoverBackground#1a1d1dfe
  • settings.sashBorder#0E1010fe
  • settings.settingsHeaderHoverForeground#E68062fe
  • settings.textInputBackground#0E1010fe
  • settings.textInputBorder#0E1010fe
  • settings.textInputForeground#C8FAFAce
  • sideBar.background#1a1d1dfe
  • sideBar.border#0E1010fe
  • sideBar.dropBackground#1a1d1dfe
  • sideBar.foreground#B9C0C0ae
  • sideBarSectionHeader.background#0D0E0C00
  • sideBarSectionHeader.border#0E1010fe
  • sideBarSectionHeader.foreground#C8FAFAce
  • sideBarTitle.foreground#C8FAFAce
  • sideBySideEditor.horizontalBorder#0E1010fe
  • sideBySideEditor.verticalBorder#0E1010fe
  • simpleFindWidget.sashBorder#0E1010fe
  • statusBar.background#101212fe
  • statusBar.border#0E1010fe
  • statusBar.debuggingBackground#560056c0
  • statusBar.debuggingBorder#0E1010fe
  • statusBar.debuggingForeground#C8FAFAce
  • statusBar.focusBorder#0E0D0C00
  • statusBar.foreground#B8BFBF6e
  • statusBar.noFolderBackground#101212fe
  • statusBar.noFolderBorder#0E1010fe
  • statusBar.noFolderForeground#C8FAFAce
  • statusBarItem.activeBackground#101212fe
  • statusBarItem.compactHoverBackground#101212fe
  • statusBarItem.errorBackground#560056b6
  • statusBarItem.errorForeground#FF98FFce
  • statusBarItem.errorHoverBackground#560056c7
  • statusBarItem.errorHoverForeground#BA00BAce
  • statusBarItem.focusBorder#0E0C0D00
  • statusBarItem.hoverBackground#101212fe
  • statusBarItem.hoverForeground#DC6B49fe
  • statusBarItem.offlineBackground#101212fe
  • statusBarItem.offlineForeground#C8FAFAce
  • statusBarItem.offlineHoverBackground#101212fe
  • statusBarItem.offlineHoverForeground#DE704Ffe
  • statusBarItem.prominentBackground#101212fe
  • statusBarItem.prominentForeground#C8FAFAce
  • statusBarItem.prominentHoverBackground#101212fe
  • statusBarItem.prominentHoverForeground#D35C38fe
  • statusBarItem.remoteBackground#C95330fe
  • statusBarItem.remoteForeground#101212fe
  • statusBarItem.remoteHoverBackground#101212fe
  • statusBarItem.remoteHoverForeground#D96643fe
  • statusBarItem.warningBackground#362D00fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#362D00fe
  • statusBarItem.warningHoverForeground#D2AE00ce
  • symbolIcon.arrayForeground#D7D2D4fe
  • symbolIcon.booleanForeground#00D3D3ce
  • symbolIcon.classForeground#CBC5C7fe
  • symbolIcon.colorForeground#CFC9CBfe
  • symbolIcon.constantForeground#CED3CEfe
  • symbolIcon.constructorForeground#DDDFDBfe
  • symbolIcon.enumeratorForeground#D7DBD7fe
  • symbolIcon.enumeratorMemberForeground#D7D4D2fe
  • symbolIcon.eventForeground#E2DFE3fe
  • symbolIcon.fieldForeground#E6E4E7fe
  • symbolIcon.fileForeground#D7D4D2fe
  • symbolIcon.folderForeground#E4E7E4fe
  • symbolIcon.functionForeground#E6E4E7fe
  • symbolIcon.interfaceForeground#DFDCDBfe
  • symbolIcon.keyForeground#E2E3DFfe
  • symbolIcon.keywordForeground#DFE3E3fe
  • symbolIcon.methodForeground#D7DBDBfe
  • symbolIcon.moduleForeground#E3E0DFfe
  • symbolIcon.namespaceForeground#C9CFC9fe
  • symbolIcon.nullForeground#D2D7D2fe
  • symbolIcon.numberForeground#BDBDC4fe
  • symbolIcon.objectForeground#C0C7C7fe
  • symbolIcon.operatorForeground#DFDBDCfe
  • symbolIcon.packageForeground#DFE3DFfe
  • symbolIcon.propertyForeground#D2D2D7fe
  • symbolIcon.referenceForeground#CBC7C5fe
  • symbolIcon.snippetForeground#D7D7DBfe
  • symbolIcon.stringForeground#DDDBDFfe
  • symbolIcon.structForeground#C9CBC5fe
  • symbolIcon.textForeground#CED3CEfe
  • symbolIcon.typeParameterForeground#E7E5E4fe
  • symbolIcon.unitForeground#D2D7D7fe
  • symbolIcon.variableForeground#C7C2C0fe
  • tab.activeBackground#121414fe
  • tab.activeBorder#0E0D0C00
  • tab.activeBorderTop#FC9779fe
  • tab.activeForeground#FC9677fe
  • tab.activeModifiedBorder#362D00ce
  • tab.border#0C0E0E00
  • tab.hoverBackground#B9C1B9a4
  • tab.hoverBorder#0E1010fe
  • tab.hoverForeground#C95330fe
  • tab.inactiveBackground#292E2E9d
  • tab.inactiveForeground#AAB3B365
  • tab.inactiveModifiedBorder#362D00ce
  • tab.lastPinnedBorder#0E1010fe
  • tab.unfocusedActiveBackground#2125253e
  • tab.unfocusedActiveBorder#0E0C0D00
  • tab.unfocusedActiveBorderTop#282D2D65
  • tab.unfocusedActiveForeground#AAB3B365
  • tab.unfocusedActiveModifiedBorder#362D00ce
  • tab.unfocusedHoverBackground#B7BFBF21
  • tab.unfocusedHoverBorder#21252533
  • tab.unfocusedHoverForeground#45C2C265
  • tab.unfocusedInactiveBackground#353C3C92
  • tab.unfocusedInactiveForeground#45C2C265
  • tab.unfocusedInactiveModifiedBorder#362D00ce
  • 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#670067a5
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececec8
  • terminal.ansiYellow#c4a200fe
  • terminal.background#1a1d1dfe
  • terminal.border#0E1010fe
  • terminal.dropBackground#1a1d1dfe
  • terminal.findMatchBackground#1a1d1dfe
  • terminal.findMatchBorder#0E1010fe
  • terminal.findMatchHighlightBackground#1a1d1dfe
  • terminal.findMatchHighlightBorder#0E1010fe
  • terminal.foreground#B9C0C0ae
  • terminal.hoverHighlightBackground#1a1d1dfe
  • terminal.inactiveSelectionBackground#353C3C99
  • terminal.selectionBackground#4750478b
  • terminal.selectionForeground#D5D2D7ca
  • terminal.tab.activeBorder#FE9576fe
  • terminalCommandDecoration.defaultBackground#C2BDBBae
  • terminalCommandDecoration.errorBackground#FFA5A5cb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#1a1d1dfe
  • terminalCursor.foreground#D05733fe
  • terminalOverviewRuler.cursorForeground#C8FAFAce
  • terminalOverviewRuler.findMatchForeground#00D3D3ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c6
  • testing.iconUnset#8080809a
  • testing.message.error.decorationForeground#E9B09Ffe
  • testing.message.error.lineBackground#560056a5
  • testing.message.info.decorationForeground#E8B0A0fe
  • testing.message.info.lineBackground#0000A3fe
  • testing.peekBorder#0E1010fe
  • testing.peekHeaderBackground#1a1d1dfe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#1a1d1dfe
  • textBlockQuote.border#0E1010fe
  • textCodeBlock.background#1a1d1dfe
  • textLink.activeForeground#D96643fe
  • textLink.foreground#C5B3FEce
  • textPreformat.foreground#C8FAFAce
  • textSeparator.foreground#C8FAFAce
  • titleBar.activeBackground#101212fe
  • titleBar.activeForeground#79BDBDae
  • titleBar.border#0D0E0C00
  • titleBar.inactiveBackground#1D2121d6
  • titleBar.inactiveForeground#A1ABAB65
  • toolbar.activeBackground#4B1E2F88
  • toolbar.hoverBackground#1a1d1dfe
  • toolbar.hoverOutline#0C0E0C00
  • tree.inactiveIndentGuidesStroke#98A39835
  • tree.indentGuidesStroke#E9B09Ffe
  • tree.tableColumnsBorder#0E1010fe
  • tree.tableOddRowsBackground#1a1d1dfe
  • walkThrough.embeddedEditorBackground#1a1d1dfe
  • walkthrough.stepTitle.foreground#C8FAFAce
  • welcomePage.background#1a1d1dfe
  • welcomePage.progress.background#1a1d1dfe
  • welcomePage.progress.foreground#C8FAFAce
  • welcomePage.tileBackground#1a1d1dfe
  • welcomePage.tileBorder#0E1010fe
  • welcomePage.tileHoverBackground#1a1d1dfe
  • widget.border#0E1010fe
  • widget.shadow#0E0D0C00
  • window.activeBorder#0E1010fe
  • window.inactiveBorder#292E2E97

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#7FD4D46e
comment.block.html#85D3D36e
comment.block.java#84D4D46e
comment.block.javadoc.java#7FD4D46e
comment.block.powershell#7ED5D56e
comment.block.xml#7FD4D46e
comment.line.double-slash.c#84D4D46e
comment.line.double-slash.cpp#84D4D46e
comment.line.double-slash.java#85D3D36e
comment.line.double-slash.js#7ED5D56e
comment.line.number-sign.makefile#7ED5D56e
comment.line.number-sign.python#84D4D46e
comment.line.number-sign.yaml#85D3D36e
comment.line.percentage.erlang#85D3D36e
comment.line.powershell#84D4D46e
comment.source.cmake#85D3D36e
comment.source.cmakecache#7ED5D56e
constant.character#8DA4F1de
constant.character.character-class.regexp#B4D40Ede
constant.character.escape#0DDEBCde
constant.character.set.regexp#FEB59Fde
constant.language#B4C5FEde
constant.numeric#FEAED8de
constant.numeric.dec.python#B4D30Ede
constant.other.caps.python#B3C5FEde
constant.other.character-class.regexp#FEB29Ade
constant.other.character-class.set.regexp#8FA4EDde
constant.other.color.rgb-value#B3B3B3de
constant.other.placeholder#B3B3B3de
constant.other.rgb-value#DCB6FEde
constant.regexp#0BDDBBde
constant.sha.git-rebase#0CDFC0de
emphasis#C690F4de
entity.name.class#EA8F75de
entity.name.function#F598CAde
entity.name.function.preprocessor#EA8F73de
entity.name.function.python#C6C6C6de
entity.name.label#12DFC0de
entity.name.namespace#FEB59Fde
entity.name.operator#B5D213de
entity.name.operator.custom-literal#0CDFC0de
entity.name.scope-resolution#B3D40Bde
entity.name.tag#C0C0C0de
entity.name.tag.css#B3B3B3de
entity.name.type#F8A6D2de
entity.name.variable#B3B3B3de
entity.other.attribute#C492F0de
entity.other.attribute-name#EC86BDde
entity.other.attribute-name.class.css#EC86BDde
entity.other.attribute-name.class.mixin.css#B2D20Cde
entity.other.attribute-name.id#C0C0C0de
entity.other.attribute-name.id.css#BCBCBCde
entity.other.attribute-name.parent-selector.css#8DA4F1de
entity.other.attribute-name.pseudo-class.css#B3C5FEde
entity.other.attribute-name.pseudo-element.css#BCBCBCde
entity.other.attribute-name.scss#8DA4EFde
entity.other.document.begin.yaml#84D4D46e
entity.other.inherited-class#8EA4F0de
header#FEB5A0de
invalid#EF85BDde
keyword#EE84BDde
keyword.codetag.notation.python#F598CAde
keyword.control#B3C5FEde
keyword.control.anchor.regexp#F4A790de
keyword.control.import.python#ED85BDde
keyword.operator#B4C5FEde
keyword.operator.alignas#0CDFC0de
keyword.operator.alignof#AEAEAEde
keyword.operator.cast#11DEBEde
keyword.operator.delete#11DEBEde
keyword.operator.documentation.powershell#7FD4D46e
keyword.operator.expression#B4C4FEde
keyword.operator.instanceof#FEAED9de
keyword.operator.logical.python#0DDEBCde
keyword.operator.minus.exponent#10DEBFde
keyword.operator.negation.regexp#11DEBEde
keyword.operator.new#DCB6FEde
keyword.operator.noexcept#EA8F73de
keyword.operator.or.regexp#0DDEBCde
keyword.operator.plus.exponent#90A7F4de
keyword.operator.quantifier.regexp#12DFC0de
keyword.operator.sizeof#11DFBFde
keyword.operator.typeid#B3D30Dde
keyword.operator.wordlike#EC9175de
keyword.other.operator#FEB59Fde
keyword.other.package.java#EC9175de
keyword.other.unit#C6C6C6de
keyword.other.using#FDB59Fde
markup.bold#B6D311de
markup.changed#EA8F73de
markup.deleted#FEAED9de
markup.fenced_code.block.markdown#F4A790de
markup.heading#B4C4FEde
markup.inline.raw#FEB49Fde
markup.inserted#8DA4EEde
markup.italic#C5C5C5de
markup.raw.block.markdown#0BDDBBde
markup.strikethrough#FEB29Ade
markup.underline#D2A6F8de
meta.block.c#9FB3F6de
meta.block.c#EF85BDde
meta.class.java#C6C6C6de
meta.definition.variable.name#B6D311de
meta.diff.header#B4D213de
meta.embedded#12DFC0de
meta.embedded.assembly#F5AD98de
meta.function-call.arguments.python#B6D311de
meta.function-call.python#DAB5FAde
meta.member.access.python#A7A7A7de
meta.method.java#A7A7A7de
meta.object-literal.key#0EDFBDde
meta.paragraph.markdown#B4C4FEde
meta.preprocessor#C492EFde
meta.preprocessor.numeric#F598CAde
meta.preprocessor.string#F289C2de
meta.scope.prerequisites.makefile#C6C6C6de
meta.structure.dictionary.json.comments#7FD4D46e
meta.structure.dictionary.key.python#F598CAde
meta.structure.dictionary.value.json.comments#85D3D36e
meta.template.expression#FEAED8de
meta.type.cast.expr#8DA4F1de
meta.type.new.expr#F598CAde
parameter#AAAAAAde
punctuation.character.set.begin.regexp#12DFC0de
punctuation.character.set.end.regexp#B7B7B7de
punctuation.definition.array.begin.json#F9AED6de
punctuation.definition.character-class.regexp#8EA4F0de
punctuation.definition.comment#85D3D36e
punctuation.definition.comment.json.comments#85D3D36e
punctuation.definition.comment.python#85D3D36e
punctuation.definition.dictionary.begin.json#0EDEBDde
punctuation.definition.dictionary.end.json#EC86BDde
punctuation.definition.group.assertion.regexp#EF85BDde
punctuation.definition.group.regexp#8DA4EEde
punctuation.definition.list.begin.json#B6D312de
punctuation.definition.list.begin.markdown#8EA4F0de
punctuation.definition.list.begin.python#A7A7A7de
punctuation.definition.list.end.json#D2A6F8de
punctuation.definition.list.end.markdown#EC86BDde
punctuation.definition.list.end.python#8DA4F2de
punctuation.definition.parameters.begin.python#F289C2de
punctuation.definition.parameters.end.bracket.round.java#F5AD98de
punctuation.definition.quote.begin.markdown#C593F0de
punctuation.definition.tag#C6C6C6de
punctuation.definition.template-expression.begin#0EDEBDde
punctuation.definition.template-expression.end#90A7F4de
punctuation.section.class.begin.bracket.curly.java#9FB3F6de
punctuation.section.embedded#EC86BDde
punctuation.section.embedded.begin.php#ED85BDde
punctuation.section.embedded.end.php#B4C4FEde
punctuation.terminator.java#F9AED6de
source.cmake#F5AD98de
source.coffee.embedded#C493EDde
source.cpp#10DEBFde
source.css.less#10DFBEde
source.groovy.embedded#B6D313de
source.java#98ADF5de
source.java-properties#12DFC0de
source.json.comments#84D4D46e
source.makefile#F289C2de
source.powershell#BCBCBCde
source.powershell.variable.other.member#B6D311de
source.python#11DFBFde
storage#EA8F75de
storage.modifier#FEB5A0de
storage.modifier.import.java#8EA4F0de
storage.modifier.package.java#8DA4EFde
storage.type#EA8F75de
storage.type.annotation.groovy#0BDDBBde
storage.type.annotation.java#FEAED9de
storage.type.boolean.go#F598CAde
storage.type.byte.go#C692F1de
storage.type.cs#C593F0de
storage.type.error.go#8DA4EFde
storage.type.generic.cs#F083BEde
storage.type.generic.groovy#8FA4EDde
storage.type.generic.java#FDB59Fde
storage.type.groovy#C492EFde
storage.type.java#F083BEde
storage.type.modifier.cs#B3D40Bde
storage.type.numeric.go#B6D313de
storage.type.object.array.groovy#B3D30Dde
storage.type.object.array.java#12DFC0de
storage.type.parameters.groovy#EA8F73de
storage.type.primitive.array.groovy#C4C4C4de
storage.type.primitive.array.java#EE84BDde
storage.type.primitive.groovy#FEAED9de
storage.type.primitive.java#0EDEBDde
storage.type.rune.go#BCBCBCde
storage.type.string.go#C5C5C5de
storage.type.token.java#8EA4F0de
storage.type.uintptr.go#C6C6C6de
storage.type.variable.cs#0BDDBBde
string#C6C6C6de
string.quoted.docstring.multi.python#7ED5D56e
string.regexp#12DFC0de
string.tag#EA8F73de
string.value#CE9FF6de
strong#ED85BDde
support.class#FDB59Fde
support.constant.color#C690F4de
support.constant.dom#C4C4C4de
support.constant.font-name#12DFC0de
support.constant.handlebars#C691F2de
support.constant.json#FEAED9de
support.constant.math#8DA4F2de
support.constant.media#FEAED9de
support.constant.media-type#B3D40Bde
support.constant.property-value#C691F2de
support.function#12DFC0de
support.function.git-rebase#ED85BDde
support.other.parenthesis.regexp#C6C6C6de
support.type#F6B39Fde
support.type.property-name#F69FCEde
support.type.vendored.property-name#B5D213de
support.variable#D6AEF9de
token.debug-token#B6D312de
token.error-token#98ADF5de
token.info-token#11DFBFde
token.warn-token#C492EFde
variable#FEB59Fde
variable.css#C392EEde
variable.language#C6C6C6de
variable.language.wildcard.java#C5C5C5de
variable.other.constant#90A7F4de
variable.other.definition.java#FEB59Fde
variable.other.enummember#B4D310de
variable.other.less#0BDDBBde
variable.other.object.java#F69FCEde
variable.other.object.property.java#C6C6C6de
variable.parameter.c#CA98F5de
variable.parameter.function.language.python#F289C2de
variable.parameter.java#B4C4FEde
variable.scss#8DA4EEde
viiv by B.W - VS Code Theme