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#15151Efe
  • activityBar.activeBackground#15151Efe
  • activityBar.activeBorder#8AA9FEfe
  • activityBar.activeFocusBorder#79BB3700
  • activityBar.background#0D0D13fe
  • activityBar.border#F18EA700
  • activityBar.dropBorder#86A7FEfe
  • activityBar.foreground#8AA9FEfe
  • activityBar.inactiveForeground#9F9FBC65
  • activityBarBadge.background#4A71DDfe
  • activityBarBadge.foreground#0D0D13fe
  • badge.background#5076DFfe
  • badge.foreground#0D0D13fe
  • banner.background#15151Efe
  • banner.foreground#E7E7FEce
  • banner.iconForeground#E0E8E9fe
  • breadcrumb.activeSelectionForeground#D1D1DFca
  • breadcrumb.background#0F0F16fe
  • breadcrumb.focusForeground#335DD1fe
  • breadcrumb.foreground#D6D6FEae
  • breadcrumbPicker.background#15151Efe
  • button.background#34344Aae
  • button.border#0E0C0A00
  • button.foreground#E7E7FEce
  • button.hoverBackground#454563fe
  • button.secondaryBackground#15151Efe
  • button.secondaryForeground#E7E7FEce
  • button.secondaryHoverBackground#15151Efe
  • button.separator#0A0E0E00
  • charts.blue#1b1bfffe
  • charts.foreground#E7E7FEce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067a7
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0C0C11fe
  • chat.slashCommandBackground#15151Efe
  • chat.slashCommandForeground#E7E7FEce
  • checkbox.background#0C0C11fe
  • checkbox.border#0C0C11fe
  • checkbox.foreground#E7E7FEce
  • checkbox.selectBackground#0C0C11fe
  • checkbox.selectBorder#0C0C11fe
  • commandCenter.activeBackground#0E242687
  • commandCenter.activeBorder#0C0C11fe
  • commandCenter.activeForeground#8FAAF4fe
  • commandCenter.background#15151Efe
  • commandCenter.border#0C0C11fe
  • commandCenter.foreground#E7E7FEce
  • commandCenter.inactiveBorder#0B0B339c
  • commandCenter.inactiveForeground#9595B565
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0A0E0B00
  • contrastBorder#0E0C0A00
  • debugConsole.errorForeground#b400b4ce
  • debugConsole.infoForeground#E7E7FEce
  • debugConsole.sourceForeground#E7E7FEce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#B8CBCDfe
  • debugExceptionWidget.background#670067a0
  • debugExceptionWidget.border#0C0C11fe
  • debugIcon.breakpointCurrentStackframeForeground#E0D6E2fe
  • debugIcon.breakpointDisabledForeground#E6E6FD65
  • debugIcon.breakpointForeground#CDC2B8fe
  • debugIcon.breakpointStackframeForeground#B3CAB8fe
  • debugIcon.breakpointUnverifiedForeground#B8CDBDfe
  • debugIcon.continueForeground#E9E4E0fe
  • debugIcon.disconnectForeground#C2D4C6fe
  • debugIcon.pauseForeground#D1D8C7fe
  • debugIcon.restartForeground#CDC2B8fe
  • debugIcon.startForeground#D5DBCCfe
  • debugIcon.stepBackForeground#B3C7CAfe
  • debugIcon.stepIntoForeground#E0D6E2fe
  • debugIcon.stepOutForeground#B8CDBDfe
  • debugIcon.stepOverForeground#DFD7D1fe
  • debugIcon.stopForeground#D5DBCCfe
  • debugTokenExpression.boolean#DDE2D6ca
  • debugTokenExpression.error#E6E0DBca
  • debugTokenExpression.name#E6E0DBca
  • debugTokenExpression.number#DCD1DFca
  • debugTokenExpression.value#D1DFD4ca
  • debugToolBar.background#670067cb
  • debugToolBar.border#0C0C11fe
  • debugView.exceptionLabelBackground#321920ca
  • debugView.exceptionLabelForeground#CCDADBca
  • debugView.stateLabelBackground#31191Fca
  • debugView.stateLabelForeground#D6D6E2ca
  • debugView.valueChangedHighlight#E4DBE6ca
  • descriptionForeground#E7E7FEce
  • diffEditor.border#0D0A0E00
  • diffEditor.diagonalFill#000000f7
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#39853dfb
  • diffEditor.insertedTextBorder#0A0A0E00
  • diffEditor.move.border#0C0E0A00
  • diffEditor.moveActive.border#0A0A0E00
  • diffEditor.removedLineBackground#ff9a9a31
  • diffEditor.removedTextBackground#e60000fb
  • diffEditor.removedTextBorder#0A0E0B00
  • diffEditor.unchangedCodeBackground#15151Efe
  • diffEditor.unchangedRegionBackground#15151Efe
  • diffEditor.unchangedRegionForeground#E7E7FEce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#E6E6FD65
  • dropdown.background#0C0C11fe
  • dropdown.border#0C0C11fe
  • dropdown.foreground#E7E7FEce
  • dropdown.listBackground#0C0C11fe
  • editor.background#15151Efe
  • editor.findMatchBackground#45634Ca6
  • editor.findMatchBorder#0C0C11fe
  • editor.findMatchHighlightBackground#49543Ba1
  • editor.findMatchHighlightBorder#0C0C11fe
  • editor.findRangeHighlightBackground#614968a7
  • editor.findRangeHighlightBorder#0C0C11fe
  • editor.focusedStackFrameHighlightBackground#45634C82
  • editor.foldBackground#B9F7C7ab
  • editor.foreground#E7E7FEce
  • editor.hoverHighlightBackground#40774Ca2
  • editor.inactiveSelectionBackground#6565DD94
  • editor.inlineValuesBackground#15151Efe
  • editor.inlineValuesForeground#E7E7FEce
  • editor.lineHighlightBackground#2D2D40b3
  • editor.lineHighlightBorder#0D0A0E00
  • editor.linkedEditingBackground#15151Efe
  • editor.rangeHighlightBackground#63454Ca2
  • editor.rangeHighlightBorder#0C0C11fe
  • editor.selectionBackground#494968ae
  • editor.selectionForeground#D6E2D9ca
  • editor.selectionHighlightBackground#6D4C5484
  • editor.selectionHighlightBorder#0C0C11fe
  • editor.snippetFinalTabstopHighlightBackground#506F72a8
  • editor.snippetFinalTabstopHighlightBorder#0C0C11fe
  • editor.snippetTabstopHighlightBackground#49543Baa
  • editor.snippetTabstopHighlightBorder#0C0C11fe
  • editor.stackFrameHighlightBackground#4D4DA2aa
  • editor.symbolHighlightBackground#8B4353a7
  • editor.symbolHighlightBorder#0C0C11fe
  • editor.wordHighlightBackground#494968a9
  • editor.wordHighlightBorder#0A0E0B00
  • editor.wordHighlightStrongBackground#5E4248a6
  • editor.wordHighlightStrongBorder#0E0A0B00
  • editor.wordHighlightTextBackground#45634Ca7
  • editor.wordHighlightTextBorder#0C0E0A00
  • editorBracketHighlight.foreground1#F4F4F7ce
  • editorBracketHighlight.foreground2#F4F4F7ce
  • editorBracketHighlight.foreground3#F4F4F7ce
  • editorBracketHighlight.foreground4#F4F4F7ce
  • editorBracketHighlight.foreground5#F4F4F7ce
  • editorBracketHighlight.foreground6#F4F4F7ce
  • editorBracketHighlight.unexpectedBracket.foreground#E7E7FEce
  • editorBracketMatch.background#E7E7FEab
  • editorBracketMatch.border#0C0C11fe
  • editorBracketPairGuide.activeBackground1#F8E1FE86
  • editorBracketPairGuide.activeBackground2#F7E1FD87
  • editorBracketPairGuide.activeBackground3#D3F4AC8a
  • editorBracketPairGuide.activeBackground4#B9F3F88a
  • editorBracketPairGuide.activeBackground5#BDF2F882
  • editorBracketPairGuide.activeBackground6#F8E2FD8a
  • editorBracketPairGuide.background1#321920fe
  • editorBracketPairGuide.background2#30191Efe
  • editorBracketPairGuide.background3#132317fe
  • editorBracketPairGuide.background4#142325fe
  • editorBracketPairGuide.background5#1B2112fe
  • editorBracketPairGuide.background6#34191Ffe
  • editorCodeLens.foreground#E7E7FD6e
  • editorCommentsWidget.rangeActiveBackground#E4E4FEfe
  • editorCommentsWidget.rangeBackground#15151Efe
  • editorCommentsWidget.resolvedBorder#0C0C11fe
  • editorCommentsWidget.unresolvedBorder#ff6a6acb
  • editorCursor.background#15151Efe
  • editorCursor.foreground#4A71DDfe
  • editorError.background#0C0E0A00
  • editorError.border#0A0E0E00
  • editorError.foreground#b400b4ce
  • editorGhostText.background#15151Efe
  • editorGhostText.border#0E0A0B00
  • editorGhostText.foreground#E7E7FD6e
  • editorGroup.border#0C0C11fe
  • editorGroup.dropBackground#15151Efe
  • editorGroup.dropIntoPromptBackground#15151Efe
  • editorGroup.dropIntoPromptBorder#0C0C11fe
  • editorGroup.dropIntoPromptForeground#E7E7FEce
  • editorGroup.emptyBackground#15151Efe
  • editorGroup.focusedEmptyBorder#0C0C11fe
  • editorGroupHeader.border#0A0E0B00
  • editorGroupHeader.noTabsBackground#0D0D13ae
  • editorGroupHeader.tabsBackground#15151Ea1
  • editorGroupHeader.tabsBorder#0A0E0B00
  • editorGutter.addedBackground#39853dfb
  • editorGutter.background#15151Efe
  • editorGutter.commentGlyphForeground#E7E7FEce
  • editorGutter.commentRangeForeground#E7E7FEce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#ff6a6acb
  • editorGutter.foldingControlForeground#E7E7FEce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0D0A0E00
  • editorHint.foreground#8e6affce
  • editorHoverWidget.background#0C0C11fe
  • editorHoverWidget.border#0C0C11fe
  • editorHoverWidget.foreground#E7E7FEce
  • editorHoverWidget.highlightForeground#D9DFD1ca
  • editorHoverWidget.statusBarBackground#15151Efe
  • editorIndentGuide.activeBackground1#E7E7FEfe
  • editorIndentGuide.activeBackground2#E7E7FEfe
  • editorIndentGuide.activeBackground3#E6E6FEfe
  • editorIndentGuide.activeBackground4#E7E7FEfe
  • editorIndentGuide.activeBackground5#E7E7FEfe
  • editorIndentGuide.activeBackground6#E5E5FEfe
  • editorIndentGuide.background1#A37C8535
  • editorIndentGuide.background2#95B1B535
  • editorIndentGuide.background3#BFB0A435
  • editorIndentGuide.background4#B3BFA435
  • editorIndentGuide.background5#B19F9035
  • editorIndentGuide.background6#B3BFA435
  • editorInfo.background#0C0E0A00
  • editorInfo.border#0C0E0A00
  • editorInfo.foreground#8e6affce
  • editorInlayHint.background#15151Efe
  • editorInlayHint.foreground#E7E7FEce
  • editorInlayHint.parameterBackground#15151Efe
  • editorInlayHint.parameterForeground#E7E7FEce
  • editorInlayHint.typeBackground#15151Efe
  • editorInlayHint.typeForeground#E7E7FEce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#567BE2fe
  • editorLineNumber.dimmedForeground#E7E7FD6e
  • editorLineNumber.foreground#E7E7FD6e
  • editorLink.activeForeground#446CDAfe
  • editorMarkerNavigation.background#0C0C11fe
  • editorMarkerNavigationError.background#670067b0
  • editorMarkerNavigationError.headerBackground#670067a2
  • editorMarkerNavigationInfo.background#1b1bfffe
  • editorMarkerNavigationInfo.headerBackground#1b1bfffe
  • editorMarkerNavigationWarning.background#c4a200fe
  • editorMarkerNavigationWarning.headerBackground#c4a200fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#15151Efe
  • editorOverviewRuler.border#0A0A2Efe
  • editorOverviewRuler.bracketMatchForeground#E7E7FEce
  • editorOverviewRuler.commentForeground#E6E6FD6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#E7E7FEce
  • editorOverviewRuler.currentContentForeground#cececec7
  • editorOverviewRuler.deletedForeground#ff6a6acb
  • editorOverviewRuler.errorForeground#b400b4ce
  • editorOverviewRuler.findMatchForeground#00a5a5ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#8e6affce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#CCCCDBca
  • editorOverviewRuler.selectionHighlightForeground#8e6affce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#D1DFD4ca
  • editorOverviewRuler.wordHighlightStrongForeground#E7E7FEce
  • editorOverviewRuler.wordHighlightTextForeground#E7E7FEce
  • editorPane.background#15151Efe
  • editorRuler.foreground#E5E5FE37
  • editorStickyScroll.background#15151Efe
  • editorStickyScroll.shadow#0A0A0E00
  • editorStickyScrollHover.background#12124Ffe
  • editorSuggestWidget.background#0C0C11fe
  • editorSuggestWidget.border#0C0E0A00
  • editorSuggestWidget.focusHighlightForeground#7EBA2Afe
  • editorSuggestWidget.foreground#E7E0E9fe
  • editorSuggestWidget.highlightForeground#DBE6DEca
  • editorSuggestWidget.selectedBackground#4C6D5486
  • editorSuggestWidget.selectedForeground#D1DDDFca
  • editorSuggestWidget.selectedIconForeground#DBCCD0ca
  • editorSuggestWidgetStatus.foreground#D1DDDFfe
  • editorUnicodeHighlight.background#454F37ad
  • editorUnicodeHighlight.border#0C0C11fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0E0C0A00
  • editorWarning.border#0A0E0E00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#E7E7FEce
  • editorWidget.background#0C0C11fe
  • editorWidget.border#0C0C11fe
  • editorWidget.foreground#E7E7FEce
  • editorWidget.resizeBorder#0C0C11fe
  • errorForeground#b400b4ce
  • extensionBadge.remoteBackground#446CDAfe
  • extensionBadge.remoteForeground#0D0D13fe
  • extensionButton.background#0B0B3Fae
  • extensionButton.foreground#E7E7FEce
  • extensionButton.hoverBackground#11114Dfe
  • extensionButton.prominentBackground#15151Efe
  • extensionButton.prominentForeground#E7E7FEce
  • extensionButton.prominentHoverBackground#15151Efe
  • extensionButton.separator#0D0A0E00
  • extensionIcon.preReleaseForeground#C0CAB3fe
  • extensionIcon.sponsorForeground#C2D4C6fe
  • extensionIcon.starForeground#C5B3CAfe
  • extensionIcon.verifiedForeground#E1E6DBfe
  • focusBorder#0A0A0E00
  • foreground#E7E7FEce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#ff6a6acb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#8e6affce
  • gitDecoration.stageDeletedResourceForeground#ff6a6acb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00a5a5ce
  • icon.foreground#E7E7FEae
  • inlineChat.background#31191Eca
  • inlineChat.border#2D1931ca
  • inlineChat.regionHighlight#E7E0E9ca
  • inlineChat.shadow#E0E8E9ca
  • inlineChatDiff.inserted#CCDBD0ca
  • inlineChatDiff.removed#D9DFD1ca
  • inlineChatInput.background#DDE2D6ca
  • inlineChatInput.border#2D1A32ca
  • inlineChatInput.focusBorder#0C0E0A00
  • inlineChatInput.placeholderForeground#E6E0DBca
  • input.background#0C0C11fe
  • input.border#0C0C11fe
  • input.foreground#E7E7FEce
  • input.placeholderForeground#E6E6FD65
  • inputOption.activeBackground#0C0C11fe
  • inputOption.activeBorder#0C0C11fe
  • inputOption.activeForeground#3962D4fe
  • inputOption.hoverBackground#0C0C11fe
  • inputValidation.errorBackground#670067b1
  • inputValidation.errorBorder#670067a1
  • inputValidation.errorForeground#b400b4ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0C0C11fe
  • inputValidation.infoForeground#E7E7FEce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0C0C11fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0C0C11fe
  • interactive.inactiveCodeBorder#08082B92
  • keybindingLabel.background#15151Efe
  • keybindingLabel.border#0C0C11fe
  • keybindingLabel.bottomBorder#0C0C11fe
  • keybindingLabel.foreground#E7E7FEce
  • keybindingTable.headerBackground#15151Efe
  • keybindingTable.rowsBackground#15151Efe
  • list.activeSelectionBackground#725F5084
  • list.activeSelectionForeground#D1DFD4ca
  • list.activeSelectionIconForeground#E1E6DBca
  • list.deemphasizedForeground#E7E7FEce
  • list.dropBackground#15151Efe
  • list.errorForeground#b400b4ce
  • list.filterMatchBackground#15151Efe
  • list.filterMatchBorder#0C0C11fe
  • list.focusAndSelectionOutline#0A0E0E00
  • list.focusBackground#4D4DCD96
  • list.focusForeground#567BE2fe
  • list.focusHighlightForeground#A1A1FBfe
  • list.focusOutline#0A0E0E00
  • list.highlightForeground#E2D6D9ca
  • list.hoverBackground#12124Ffe
  • list.hoverForeground#5C80E4fe
  • list.inactiveFocusBackground#29293B98
  • list.inactiveFocusOutline#0A0E0B00
  • list.inactiveSelectionBackground#0D0D13ae
  • list.inactiveSelectionForeground#E7E7FD65
  • list.inactiveSelectionIconForeground#E6E6FD65
  • list.invalidItemForeground#E7E7FEce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#15151Efe
  • listFilterWidget.noMatchesOutline#0C0E0A00
  • listFilterWidget.outline#0D0A0E00
  • listFilterWidget.shadow#0D0A0E00
  • menu.background#0D0D13fe
  • menu.border#0E0C0A00
  • menu.foreground#E0E0E9ae
  • menu.selectionBackground#57577Ca8
  • menu.selectionBorder#0A0E0B00
  • menu.selectionForeground#3962D4fe
  • menu.separatorBackground#1C1C4465
  • menubar.selectionBackground#6969D1a2
  • menubar.selectionBorder#0D0A0E00
  • menubar.selectionForeground#446CDAfe
  • merge.border#0C0C11fe
  • merge.commonContentBackground#15151Efe
  • merge.commonHeaderBackground#15151Efe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#39853dfb
  • merge.incomingContentBackground#8acd8dcb
  • merge.incomingHeaderBackground#39853dfb
  • mergeEditor.change.background#15151Efe
  • mergeEditor.change.word.background#15151Efe
  • mergeEditor.changeBase.background#15151Efe
  • mergeEditor.changeBase.word.background#15151Efe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0C0C11fe
  • mergeEditor.conflict.handledUnfocused.border#1B1B2737
  • mergeEditor.conflict.input1.background#0C0C11fe
  • mergeEditor.conflict.input2.background#0C0C11fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067c6
  • mergeEditor.conflict.unhandledFocused.border#0C0C11fe
  • mergeEditor.conflict.unhandledUnfocused.border#1B1B2724
  • mergeEditor.conflictingLines.background#15151Efe
  • minimap.background#15151Efe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F4F4F7ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#39853dfb
  • minimapGutter.deletedBackground#e60000fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#535377fe
  • minimapSlider.background#303045ae
  • minimapSlider.hoverBackground#494968fe
  • notebook.cellBorderColor#0C0C11fe
  • notebook.cellEditorBackground#15151Efe
  • notebook.cellHoverBackground#15151Efe
  • notebook.cellInsertionIndicator#D5DBCCca
  • notebook.cellStatusBarItemHoverBackground#15151Efe
  • notebook.cellToolbarSeparator#E1E6DBca
  • notebook.editorBackground#15151Efe
  • notebook.focusedCellBackground#15151Efe
  • notebook.focusedCellBorder#335DD1fe
  • notebook.focusedEditorBorder#0C0C11fe
  • notebook.inactiveFocusedCellBorder#57577C8e
  • notebook.inactiveSelectedCellBorder#57577C8e
  • notebook.outputContainerBackgroundColor#15151Efe
  • notebook.outputContainerBorderColor#0C0C11fe
  • notebook.selectedCellBackground#15151Efe
  • notebook.selectedCellBorder#0C0C11fe
  • notebook.symbolHighlightBackground#15151Efe
  • notebookEditorOverviewRuler.runningCellForeground#E7E7FEce
  • notebookScrollbarSlider.activeBackground#535377fe
  • notebookScrollbarSlider.background#3B3B54ae
  • notebookScrollbarSlider.hoverBackground#454563fe
  • notebookStatusErrorIcon.foreground#b400b4ce
  • notebookStatusRunningIcon.foreground#D6D6E2fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0C0C11fe
  • notificationCenterHeader.background#15151Efe
  • notificationCenterHeader.foreground#E7E7FEce
  • notificationLink.foreground#E7E7FEce
  • notifications.background#15151Efe
  • notifications.border#0C0C11fe
  • notifications.foreground#E7E7FEce
  • notificationsErrorIcon.foreground#b400b4ce
  • notificationsInfoIcon.foreground#D9DFD1fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0C0C11fe
  • panel.background#15151Efe
  • panel.border#0C0C11fe
  • panel.dropBorder#0C0C11fe
  • panelInput.border#0C0C11fe
  • panelSection.border#0C0C11fe
  • panelSection.dropBackground#15151Efe
  • panelSectionHeader.background#15151Efe
  • panelSectionHeader.border#0C0C11fe
  • panelSectionHeader.foreground#E7E7FEce
  • panelTitle.activeBorder#0A0E0B00
  • panelTitle.activeForeground#8AA6F2fe
  • panelTitle.inactiveForeground#9A9AB865
  • peekView.border#86A7FEfe
  • peekViewEditor.background#0C0C11fe
  • peekViewEditor.matchHighlightBackground#525E428d
  • peekViewEditor.matchHighlightBorder#0A0E0E00
  • peekViewEditorGutter.background#0C0C11fe
  • peekViewEditorStickyScroll.background#15151Efe
  • peekViewResult.background#0D0D13fe
  • peekViewResult.fileForeground#E7E7FEce
  • peekViewResult.lineForeground#E7E7FEce
  • peekViewResult.matchHighlightBackground#53737789
  • peekViewResult.selectionBackground#63725089
  • peekViewResult.selectionForeground#DBCCD0ca
  • peekViewTitle.background#0D0D13fe
  • peekViewTitleDescription.foreground#E7E7FEce
  • peekViewTitleLabel.foreground#E7E7FEce
  • pickerGroup.border#0C0C11fe
  • pickerGroup.foreground#E7E7FEce
  • ports.iconRunningProcessForeground#D4C7D8fe
  • problemsErrorIcon.foreground#b400b4ce
  • problemsInfoIcon.foreground#8e6affce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#5076DFfe
  • profileBadge.foreground#0D0D13fe
  • progressBar.background#15151Efe
  • quickInput.background#0D0D13fe
  • quickInput.foreground#D6D6FEae
  • quickInputList.focusBackground#5A6849aa
  • quickInputList.focusForeground#5076DFfe
  • quickInputList.focusIconForeground#6286E7fe
  • quickInputTitle.background#0C0C11fe
  • sash.hoverBorder#0C0C11fe
  • scrollbar.shadow#0D0A0E00
  • scrollbarSlider.activeBackground#5A5A81fe
  • scrollbarSlider.background#3B3B54ae
  • scrollbarSlider.hoverBackground#3E3E59fe
  • search.resultsInfoForeground#E7E7FEce
  • searchEditor.findMatchBackground#685749a1
  • searchEditor.findMatchBorder#0C0C11fe
  • searchEditor.textInputBorder#0C0C11fe
  • selection.background#15151Efe
  • settings.checkboxBackground#0C0C11fe
  • settings.checkboxBorder#0C0C11fe
  • settings.checkboxForeground#E7E7FEce
  • settings.dropdownBackground#0C0C11fe
  • settings.dropdownBorder#0C0C11fe
  • settings.dropdownForeground#E7E7FEce
  • settings.dropdownListBorder#0C0C11fe
  • settings.focusedRowBackground#49685087
  • settings.focusedRowBorder#0C0C11fe
  • settings.headerBorder#0C0C11fe
  • settings.headerForeground#E7E7FEce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0C0C11fe
  • settings.numberInputBorder#0C0C11fe
  • settings.numberInputForeground#E7E7FEce
  • settings.rowHoverBackground#15151Efe
  • settings.sashBorder#0C0C11fe
  • settings.settingsHeaderHoverForeground#3E67D7fe
  • settings.textInputBackground#0C0C11fe
  • settings.textInputBorder#0C0C11fe
  • settings.textInputForeground#E7E7FEce
  • sideBar.background#15151Efe
  • sideBar.border#0C0C11fe
  • sideBar.dropBackground#15151Efe
  • sideBar.foreground#E7E7FEae
  • sideBarSectionHeader.background#0E0A0B00
  • sideBarSectionHeader.border#0C0C11fe
  • sideBarSectionHeader.foreground#E7E7FEce
  • sideBarTitle.foreground#E7E7FEce
  • sideBySideEditor.horizontalBorder#0C0C11fe
  • sideBySideEditor.verticalBorder#0C0C11fe
  • simpleFindWidget.sashBorder#0C0C11fe
  • statusBar.background#0D0D13fe
  • statusBar.border#0C0C11fe
  • statusBar.debuggingBackground#670067a1
  • statusBar.debuggingBorder#0C0C11fe
  • statusBar.debuggingForeground#E7E7FEce
  • statusBar.focusBorder#0A0E0E00
  • statusBar.foreground#E7E7FD6e
  • statusBar.noFolderBackground#0D0D13fe
  • statusBar.noFolderBorder#0C0C11fe
  • statusBar.noFolderForeground#E7E7FEce
  • statusBarItem.activeBackground#0D0D13fe
  • statusBarItem.compactHoverBackground#0D0D13fe
  • statusBarItem.errorBackground#670067bd
  • statusBarItem.errorForeground#b400b4ce
  • statusBarItem.errorHoverBackground#670067c0
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0A0A0E00
  • statusBarItem.hoverBackground#0D0D13fe
  • statusBarItem.hoverForeground#5C80E4fe
  • statusBarItem.offlineBackground#0D0D13fe
  • statusBarItem.offlineForeground#E7E7FEce
  • statusBarItem.offlineHoverBackground#0D0D13fe
  • statusBarItem.offlineHoverForeground#5076DFfe
  • statusBarItem.prominentBackground#0D0D13fe
  • statusBarItem.prominentForeground#E7E7FEce
  • statusBarItem.prominentHoverBackground#0D0D13fe
  • statusBarItem.prominentHoverForeground#5076DFfe
  • statusBarItem.remoteBackground#5076DFfe
  • statusBarItem.remoteForeground#0D0D13fe
  • statusBarItem.remoteHoverBackground#0D0D13fe
  • statusBarItem.remoteHoverForeground#335DD1fe
  • statusBarItem.warningBackground#c4a200fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#c4a200fe
  • statusBarItem.warningHoverForeground#ffd611ce
  • symbolIcon.arrayForeground#D8CFC7fe
  • symbolIcon.booleanForeground#00a5a5ce
  • symbolIcon.classForeground#D1D8C7fe
  • symbolIcon.colorForeground#DCD1DFfe
  • symbolIcon.constantForeground#DBDBE6fe
  • symbolIcon.constructorForeground#E2DCD6fe
  • symbolIcon.enumeratorForeground#C7C7D8fe
  • symbolIcon.enumeratorMemberForeground#DFD7D1fe
  • symbolIcon.eventForeground#C7D8CBfe
  • symbolIcon.fieldForeground#D8CFC7fe
  • symbolIcon.fileForeground#DBDBE6fe
  • symbolIcon.folderForeground#E4DBE6fe
  • symbolIcon.functionForeground#DBE5E6fe
  • symbolIcon.interfaceForeground#D4CAC2fe
  • symbolIcon.keyForeground#CCD4C2fe
  • symbolIcon.keywordForeground#D4C2C6fe
  • symbolIcon.methodForeground#C2C2D4fe
  • symbolIcon.moduleForeground#DBDBE6fe
  • symbolIcon.namespaceForeground#E9E4E0fe
  • symbolIcon.nullForeground#E1E6DBfe
  • symbolIcon.numberForeground#CCDBD0fe
  • symbolIcon.objectForeground#FCE3E9fe
  • symbolIcon.operatorForeground#E1E6DBfe
  • symbolIcon.packageForeground#DBDBE6fe
  • symbolIcon.propertyForeground#D1D1DFfe
  • symbolIcon.referenceForeground#D8CCDBfe
  • symbolIcon.snippetForeground#CCDADBfe
  • symbolIcon.stringForeground#D8C7CBfe
  • symbolIcon.structForeground#BDBDD1fe
  • symbolIcon.textForeground#C4CDB8fe
  • symbolIcon.typeParameterForeground#B3C7CAfe
  • symbolIcon.unitForeground#E6E6FCfe
  • symbolIcon.variableForeground#BDBDD1fe
  • tab.activeBackground#0F0F16fe
  • tab.activeBorder#0E0A0B00
  • tab.activeBorderTop#89A9FEfe
  • tab.activeForeground#8AA9FEfe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#0E0A0B00
  • tab.hoverBackground#E5E5FEfe
  • tab.hoverBorder#0C0C11fe
  • tab.hoverForeground#6286E7fe
  • tab.inactiveBackground#09092F9a
  • tab.inactiveForeground#A9A9C365
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#0C0C11fe
  • tab.unfocusedActiveBackground#18182229
  • tab.unfocusedActiveBorder#0A0E0B00
  • tab.unfocusedActiveBorderTop#1C1C4665
  • tab.unfocusedActiveForeground#9595B565
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#E4E4FEfe
  • tab.unfocusedHoverBorder#18182225
  • tab.unfocusedHoverForeground#9595B565
  • tab.unfocusedInactiveBackground#22223191
  • tab.unfocusedInactiveForeground#A4A4BF65
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333a0
  • 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#670067b5
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececeb6
  • terminal.ansiYellow#c4a200fe
  • terminal.background#15151Efe
  • terminal.border#0C0C11fe
  • terminal.dropBackground#15151Efe
  • terminal.findMatchBackground#15151Efe
  • terminal.findMatchBorder#0C0C11fe
  • terminal.findMatchHighlightBackground#15151Efe
  • terminal.findMatchHighlightBorder#0C0C11fe
  • terminal.foreground#E7E7FEae
  • terminal.hoverHighlightBackground#15151Efe
  • terminal.inactiveSelectionBackground#1F1F2C95
  • terminal.selectionBackground#72505885
  • terminal.selectionForeground#E2DCD6ca
  • terminal.tab.activeBorder#82A2FEfe
  • terminalCommandDecoration.defaultBackground#E6E6FEa3
  • terminalCommandDecoration.errorBackground#ff6a6acb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#15151Efe
  • terminalCursor.foreground#446CDAfe
  • terminalOverviewRuler.cursorForeground#E7E7FEce
  • terminalOverviewRuler.findMatchForeground#00a5a5ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0b8
  • testing.iconUnset#808080b0
  • testing.message.error.decorationForeground#E1E9FEfe
  • testing.message.error.lineBackground#6700679c
  • testing.message.info.decorationForeground#E2E9FEfe
  • testing.message.info.lineBackground#1b1bfffe
  • testing.peekBorder#0C0C11fe
  • testing.peekHeaderBackground#15151Efe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#15151Efe
  • textBlockQuote.border#0C0C11fe
  • textCodeBlock.background#15151Efe
  • textLink.activeForeground#567BE2fe
  • textLink.foreground#8e6affce
  • textPreformat.foreground#E7E7FEce
  • textSeparator.foreground#E7E7FEce
  • titleBar.activeBackground#0D0D13fe
  • titleBar.activeForeground#A0A0FAae
  • titleBar.border#0A0E0E00
  • titleBar.inactiveBackground#1F1F2Cdb
  • titleBar.inactiveForeground#9F9FBC65
  • toolbar.activeBackground#2C1D0F86
  • toolbar.hoverBackground#15151Efe
  • toolbar.hoverOutline#0E0C0A00
  • tree.inactiveIndentGuidesStroke#B3BFA435
  • tree.indentGuidesStroke#E0E8FEfe
  • tree.tableColumnsBorder#0C0C11fe
  • tree.tableOddRowsBackground#15151Efe
  • walkThrough.embeddedEditorBackground#15151Efe
  • walkthrough.stepTitle.foreground#E7E7FEce
  • welcomePage.background#15151Efe
  • welcomePage.progress.background#15151Efe
  • welcomePage.progress.foreground#E7E7FEce
  • welcomePage.tileBackground#15151Efe
  • welcomePage.tileBorder#0C0C11fe
  • welcomePage.tileHoverBackground#15151Efe
  • widget.border#0C0C11fe
  • widget.shadow#0A0A0E00
  • window.activeBorder#0C0C11fe
  • window.inactiveBorder#1F1F2C96

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#9E9EF96e
comment.block.html#9C9CFA6e
comment.block.java#ACACFC6e
comment.block.javadoc.java#ACACFB6e
comment.block.powershell#AAAAFA6e
comment.block.xml#B8B8FD6e
comment.line.double-slash.c#B4B4FC6e
comment.line.double-slash.cpp#9999F76e
comment.line.double-slash.java#A5A5F96e
comment.line.double-slash.js#9898F86e
comment.line.number-sign.makefile#A8A8FB6e
comment.line.number-sign.python#ACACFB6e
comment.line.number-sign.yaml#B4B4FC6e
comment.line.percentage.erlang#AEAEFA6e
comment.line.powershell#A9A9FA6e
comment.source.cmake#9F9FFA6e
comment.source.cmakecache#9D9DF86e
constant.character#FEA382de
constant.character.character-class.regexp#E78865de
constant.character.escape#F1A084de
constant.character.set.regexp#09C39Ede
constant.language#C093F4de
constant.numeric#CEAAF8de
constant.numeric.dec.python#C9A1F7de
constant.other.caps.python#CDA8F8de
constant.other.character-class.regexp#F69CD2de
constant.other.character-class.set.regexp#F2A68Ade
constant.other.color.rgb-value#33D133de
constant.other.placeholder#98AE0Ade
constant.other.rgb-value#FD8A5Fde
constant.regexp#09B795de
constant.sha.git-rebase#BE8FF3de
emphasis#F8A6D7de
entity.name.class#08D4AAde
entity.name.function#A7BCF8de
entity.name.function.preprocessor#C89FF7de
entity.name.function.python#EE79C0de
entity.name.label#A1B7F7de
entity.name.namespace#D2B0F9de
entity.name.operator#A7C00Ade
entity.name.operator.custom-literal#EC9472de
entity.name.scope-resolution#C194F5de
entity.name.tag#ED9576de
entity.name.tag.css#2FBC9Fde
entity.name.type#EF7CC1de
entity.name.variable#9DB40Ade
entity.other.attribute#44DA44de
entity.other.attribute-name#EF7DC2de
entity.other.attribute-name.class.css#0ACC0Ade
entity.other.attribute-name.class.mixin.css#9FB508de
entity.other.attribute-name.id#F28AC9de
entity.other.attribute-name.id.css#A7BCF8de
entity.other.attribute-name.parent-selector.css#2FC4A6de
entity.other.attribute-name.pseudo-class.css#A7BCF8de
entity.other.attribute-name.pseudo-element.css#BE91F4de
entity.other.attribute-name.scss#F492CDde
entity.other.document.begin.yaml#B3B3FC6e
entity.other.inherited-class#89A5F2de
header#2FCC2Fde
invalid#BC8CF3de
keyword#2FBC9Fde
keyword.codetag.notation.python#AEC90Ade
keyword.control#C093F4de
keyword.control.anchor.regexp#07D0A8de
keyword.control.import.python#B0C42Fde
keyword.operator#A0B70Ade
keyword.operator.alignas#09BD9Ade
keyword.operator.alignof#BE90F3de
keyword.operator.cast#F491CCde
keyword.operator.delete#08D5ADde
keyword.operator.documentation.powershell#B3B3FC6e
keyword.operator.expression#08D9B0de
keyword.operator.instanceof#09D7AEde
keyword.operator.logical.python#96AC0Ade
keyword.operator.minus.exponent#07D7ADde
keyword.operator.negation.regexp#C498F5de
keyword.operator.new#F7A1D4de
keyword.operator.noexcept#99B00Ade
keyword.operator.or.regexp#3ED73Ede
keyword.operator.plus.exponent#BE90F3de
keyword.operator.quantifier.regexp#09D709de
keyword.operator.sizeof#F288C7de
keyword.operator.typeid#9FB508de
keyword.operator.wordlike#0ABB0Ade
keyword.other.operator#C89FF7de
keyword.other.package.java#F79FD3de
keyword.other.unit#44DB44de
keyword.other.using#FEA98Ade
markup.bold#F1A184de
markup.changed#ABC409de
markup.deleted#F490CCde
markup.fenced_code.block.markdown#CFABF9de
markup.heading#F2A487de
markup.inline.raw#09D6ADde
markup.inserted#A9C20Ade
markup.italic#2FBF2Fde
markup.raw.block.markdown#2FCC2Fde
markup.strikethrough#F183C5de
markup.underline#98AE08de
meta.block.c#2FBC2Fde
meta.block.c#07BF07de
meta.class.java#0ABB98de
meta.definition.variable.name#92ADF4de
meta.diff.header#AEC90Ade
meta.embedded#C498F5de
meta.embedded.assembly#2FCD2Fde
meta.function-call.arguments.python#9FB70Ade
meta.function-call.python#09CA09de
meta.member.access.python#8BA6F2de
meta.method.java#9BB307de
meta.object-literal.key#F3A88Dde
meta.paragraph.markdown#95AFF5de
meta.preprocessor#F4AB91de
meta.preprocessor.numeric#33D1B1de
meta.preprocessor.string#F79FD4de
meta.scope.prerequisites.makefile#C8A0F7de
meta.structure.dictionary.json.comments#A5A5F96e
meta.structure.dictionary.key.python#09C509de
meta.structure.dictionary.value.json.comments#B6B6FB6e
meta.template.expression#97AC0Ade
meta.type.cast.expr#D2B0F9de
meta.type.new.expr#F2A588de
parameter#CDA8F8de
punctuation.character.set.begin.regexp#F8A5D6de
punctuation.character.set.end.regexp#F09F82de
punctuation.definition.array.begin.json#F183C5de
punctuation.definition.character-class.regexp#C295F5de
punctuation.definition.comment#B7B7FC6e
punctuation.definition.comment.json.comments#9898F96e
punctuation.definition.comment.python#B0B0FC6e
punctuation.definition.dictionary.begin.json#CAA3F7de
punctuation.definition.dictionary.end.json#EE79BEde
punctuation.definition.group.assertion.regexp#F79FD4de
punctuation.definition.group.regexp#A3BAF7de
punctuation.definition.list.begin.json#BF91F4de
punctuation.definition.list.begin.markdown#2FCCADde
punctuation.definition.list.begin.python#09D7ADde
punctuation.definition.list.end.json#3ED73Ede
punctuation.definition.list.end.markdown#95AFF5de
punctuation.definition.list.end.python#A5BBF8de
punctuation.definition.parameters.begin.python#A2B32Fde
punctuation.definition.parameters.end.bracket.round.java#3ED73Ede
punctuation.definition.quote.begin.markdown#FE9873de
punctuation.definition.tag#88A4F2de
punctuation.definition.template-expression.begin#96AC09de
punctuation.definition.template-expression.end#EF9D7Fde
punctuation.section.class.begin.bracket.curly.java#38D438de
punctuation.section.embedded#D2AFF9de
punctuation.section.embedded.begin.php#E88865de
punctuation.section.embedded.end.php#98AE07de
punctuation.terminator.java#F5AF95de
source.cmake#A7BDF8de
source.coffee.embedded#EB906Fde
source.cpp#F28AC9de
source.css.less#F598D0de
source.groovy.embedded#CBA3F7de
source.java#84A0F1de
source.java-properties#FD8A60de
source.json.comments#B4B4FC6e
source.makefile#07D9AFde
source.powershell#A9C307de
source.powershell.variable.other.member#E98C6Ade
source.python#39D4B5de
storage#F491CCde
storage.modifier#34D2B3de
storage.modifier.import.java#9DB409de
storage.modifier.package.java#A6BD08de
storage.type#F082C4de
storage.type.annotation.groovy#36D3B4de
storage.type.annotation.java#F38ECBde
storage.type.boolean.go#D3B2FAde
storage.type.byte.go#F69ED3de
storage.type.cs#97B0F5de
storage.type.error.go#EF7CC1de
storage.type.generic.cs#0AC9A2de
storage.type.generic.groovy#F69AD2de
storage.type.generic.java#A6BCF8de
storage.type.groovy#F28AC9de
storage.type.java#09DF09de
storage.type.modifier.cs#09CAA3de
storage.type.numeric.go#8AA6F2de
storage.type.object.array.groovy#F7A0D4de
storage.type.object.array.java#EC9473de
storage.type.parameters.groovy#F79FD4de
storage.type.primitive.array.groovy#83A0F1de
storage.type.primitive.array.java#ED9576de
storage.type.primitive.groovy#09D709de
storage.type.primitive.java#8EA9F3de
storage.type.rune.go#09CE09de
storage.type.string.go#09CF09de
storage.type.token.java#3AD53Ade
storage.type.uintptr.go#89A5F2de
storage.type.variable.cs#98B1F5de
string#A9BEF8de
string.quoted.docstring.multi.python#B6B6FB6e
string.regexp#08D5ABde
string.tag#39D439de
string.value#8EA9F3de
strong#C89FF7de
support.class#09D709de
support.constant.color#BC8CF3de
support.constant.dom#98AE0Ade
support.constant.font-name#F491CDde
support.constant.handlebars#A6BD08de
support.constant.json#08C59Fde
support.constant.math#EB906Fde
support.constant.media#E98C6Ade
support.constant.media-type#C59BF6de
support.constant.property-value#C79EF6de
support.function#83A0F1de
support.function.git-rebase#FEA07Ede
support.other.parenthesis.regexp#C9A1F7de
support.type#8AA6F2de
support.type.property-name#CFABF9de
support.type.vendored.property-name#CDA8F8de
support.variable#A6BF07de
token.debug-token#C295F5de
token.error-token#ED9576de
token.info-token#EF7CC1de
token.warn-token#EB906Fde
variable#08D908de
variable.css#F69ED3de
variable.language#07B793de
variable.language.wildcard.java#09BF9Bde
variable.other.constant#07BB07de
variable.other.definition.java#C093F4de
variable.other.enummember#BE8EF3de
variable.other.less#9CB4F6de
variable.other.object.java#2FC4A6de
variable.other.object.property.java#9FB60Ade
variable.parameter.c#F8A7D7de
variable.parameter.function.language.python#EB906Fde
variable.parameter.java#87A3F2de
variable.scss#E98C6Ade
viiv by B.W - VS Code Theme