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#17171Efe
  • activityBar.activeBackground#17171Efe
  • activityBar.activeBorder#A2A2FEfe
  • activityBar.activeFocusBorder#A5A5F600
  • activityBar.background#0E0E13fe
  • activityBar.border#7EBF3D00
  • activityBar.dropBorder#A5A5F9fe
  • activityBar.foreground#8080F2fe
  • activityBar.inactiveForeground#A8A8BC65
  • activityBarBadge.background#A3A3F9fe
  • activityBarBadge.foreground#0E0E13fe
  • badge.background#5656E8fe
  • badge.foreground#0E0E13fe
  • banner.background#17171Efe
  • banner.foreground#E8E8FEce
  • banner.iconForeground#D9CFD2fe
  • breadcrumb.activeSelectionForeground#E0D9DBca
  • breadcrumb.background#101016fe
  • breadcrumb.focusForeground#A3A3F9fe
  • breadcrumb.foreground#D7D7FEae
  • breadcrumbPicker.background#17171Efe
  • button.background#3F3F52ae
  • button.border#0D0B0D00
  • button.foreground#E8E8FEce
  • button.hoverBackground#343444fe
  • button.secondaryBackground#17171Efe
  • button.secondaryForeground#E8E8FEce
  • button.secondaryHoverBackground#17171Efe
  • button.separator#0B0D0B00
  • charts.blue#1b1bfffe
  • charts.foreground#E8E8FEce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067a5
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0C0C10fe
  • chat.slashCommandBackground#17171Efe
  • chat.slashCommandForeground#E8E8FEce
  • checkbox.background#0C0C10fe
  • checkbox.border#0C0C10fe
  • checkbox.foreground#E8E8FEce
  • checkbox.selectBackground#0C0C10fe
  • checkbox.selectBorder#0C0C10fe
  • commandCenter.activeBackground#32200E82
  • commandCenter.activeBorder#0C0C10fe
  • commandCenter.activeForeground#A5A5F9fe
  • commandCenter.background#17171Efe
  • commandCenter.border#0C0C10fe
  • commandCenter.foreground#E8E8FEce
  • commandCenter.inactiveBorder#22222C9b
  • commandCenter.inactiveForeground#9F9FB565
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0B0D0D00
  • contrastBorder#0D0C0B00
  • debugConsole.errorForeground#b400b4ce
  • debugConsole.infoForeground#E8E8FEce
  • debugConsole.sourceForeground#E8E8FEce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#D2D5CAfe
  • debugExceptionWidget.background#670067aa
  • debugExceptionWidget.border#0C0C10fe
  • debugIcon.breakpointCurrentStackframeForeground#C1CECEfe
  • debugIcon.breakpointDisabledForeground#E9E9FD65
  • debugIcon.breakpointForeground#D7CFD9fe
  • debugIcon.breakpointStackframeForeground#D5D0CAfe
  • debugIcon.breakpointUnverifiedForeground#D8D8E1fe
  • debugIcon.continueForeground#E2E4DDfe
  • debugIcon.disconnectForeground#C1C6B8fe
  • debugIcon.pauseForeground#D7CFD9fe
  • debugIcon.restartForeground#C1C6B8fe
  • debugIcon.startForeground#CFD9D9fe
  • debugIcon.stepBackForeground#DDD8D4fe
  • debugIcon.stepIntoForeground#E4E1DDfe
  • debugIcon.stepOutForeground#C1C6B8fe
  • debugIcon.stepOverForeground#BCCABFfe
  • debugIcon.stopForeground#DDDDE5fe
  • debugTokenExpression.boolean#D3D3DDca
  • debugTokenExpression.error#D4DDD5ca
  • debugTokenExpression.name#D9D4CFca
  • debugTokenExpression.number#E2E4DDca
  • debugTokenExpression.value#E2E4DDca
  • debugToolBar.background#670067c6
  • debugToolBar.border#0C0C10fe
  • debugView.exceptionLabelBackground#172525ca
  • debugView.exceptionLabelForeground#D7CFD9ca
  • debugView.stateLabelBackground#301D33ca
  • debugView.stateLabelForeground#D9E0DAca
  • debugView.valueChangedHighlight#D3CAD5ca
  • descriptionForeground#E8E8FEce
  • diffEditor.border#0A0A0E00
  • diffEditor.diagonalFill#000000fb
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#39853dfb
  • diffEditor.insertedTextBorder#0B0D0D00
  • diffEditor.move.border#0B0D0D00
  • diffEditor.moveActive.border#0B0D0B00
  • diffEditor.removedLineBackground#ff9a9a31
  • diffEditor.removedTextBackground#e60000fb
  • diffEditor.removedTextBorder#0B0D0B00
  • diffEditor.unchangedCodeBackground#17171Efe
  • diffEditor.unchangedRegionBackground#17171Efe
  • diffEditor.unchangedRegionForeground#E8E8FEce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#E9E9FD65
  • dropdown.background#0C0C10fe
  • dropdown.border#0C0C10fe
  • dropdown.foreground#E8E8FEce
  • dropdown.listBackground#0C0C10fe
  • editor.background#17171Efe
  • editor.findMatchBackground#6C4351ad
  • editor.findMatchBorder#0C0C10fe
  • editor.findMatchHighlightBackground#51516Aa1
  • editor.findMatchHighlightBorder#0C0C10fe
  • editor.findRangeHighlightBackground#655368a9
  • editor.findRangeHighlightBorder#0C0C10fe
  • editor.focusedStackFrameHighlightBackground#4455468c
  • editor.foldBackground#BDF9C8a1
  • editor.foreground#E8E8FEce
  • editor.hoverHighlightBackground#6D565Ea1
  • editor.inactiveSelectionBackground#43438D9a
  • editor.inlineValuesBackground#17171Efe
  • editor.inlineValuesForeground#E8E8FEce
  • editor.lineHighlightBackground#292935b5
  • editor.lineHighlightBorder#0D0B0C00
  • editor.linkedEditingBackground#17171Efe
  • editor.rangeHighlightBackground#B94D6Fae
  • editor.rangeHighlightBorder#0C0C10fe
  • editor.selectionBackground#505097ad
  • editor.selectionForeground#CFCFDAca
  • editor.selectionHighlightBackground#3B523F82
  • editor.selectionHighlightBorder#0C0C10fe
  • editor.snippetFinalTabstopHighlightBackground#6E5743a7
  • editor.snippetFinalTabstopHighlightBorder#0C0C10fe
  • editor.snippetTabstopHighlightBackground#6C5943ab
  • editor.snippetTabstopHighlightBorder#0C0C10fe
  • editor.stackFrameHighlightBackground#4E4E8Fa7
  • editor.symbolHighlightBackground#475A4Aa8
  • editor.symbolHighlightBorder#0C0C10fe
  • editor.wordHighlightBackground#764556ab
  • editor.wordHighlightBorder#0B0D0B00
  • editor.wordHighlightStrongBackground#4F6363a9
  • editor.wordHighlightStrongBorder#0A0A0E00
  • editor.wordHighlightTextBackground#656D56aa
  • editor.wordHighlightTextBorder#0D0B0C00
  • editorBracketHighlight.foreground1#F5F5F7ce
  • editorBracketHighlight.foreground2#F5F5F7ce
  • editorBracketHighlight.foreground3#F5F5F7ce
  • editorBracketHighlight.foreground4#F5F5F7ce
  • editorBracketHighlight.foreground5#F5F5F7ce
  • editorBracketHighlight.foreground6#F5F5F7ce
  • editorBracketHighlight.unexpectedBracket.foreground#E8E8FEce
  • editorBracketMatch.background#E7E7FEa3
  • editorBracketMatch.border#0C0C10fe
  • editorBracketPairGuide.activeBackground1#BFF9CB89
  • editorBracketPairGuide.activeBackground2#DBF4AC89
  • editorBracketPairGuide.activeBackground3#DBF4A98a
  • editorBracketPairGuide.activeBackground4#BFF9C982
  • editorBracketPairGuide.activeBackground5#FDE2EA8c
  • editorBracketPairGuide.activeBackground6#BDF9C88b
  • editorBracketPairGuide.background1#212517fe
  • editorBracketPairGuide.background2#361D25fe
  • editorBracketPairGuide.background3#172727fe
  • editorBracketPairGuide.background4#301C33fe
  • editorBracketPairGuide.background5#2A2118fe
  • editorBracketPairGuide.background6#2A2218fe
  • editorCodeLens.foreground#E9E9FD6e
  • editorCommentsWidget.rangeActiveBackground#E8E8FEfe
  • editorCommentsWidget.rangeBackground#17171Efe
  • editorCommentsWidget.resolvedBorder#0C0C10fe
  • editorCommentsWidget.unresolvedBorder#ff6a6acb
  • editorCursor.background#17171Efe
  • editorCursor.foreground#A3A3F9fe
  • editorError.background#0B0D0D00
  • editorError.border#0B0D0B00
  • editorError.foreground#b400b4ce
  • editorGhostText.background#17171Efe
  • editorGhostText.border#0A0A0E00
  • editorGhostText.foreground#E8E8FD6e
  • editorGroup.border#0C0C10fe
  • editorGroup.dropBackground#17171Efe
  • editorGroup.dropIntoPromptBackground#17171Efe
  • editorGroup.dropIntoPromptBorder#0C0C10fe
  • editorGroup.dropIntoPromptForeground#E8E8FEce
  • editorGroup.emptyBackground#17171Efe
  • editorGroup.focusedEmptyBorder#0C0C10fe
  • editorGroupHeader.border#0D0C0B00
  • editorGroupHeader.noTabsBackground#0E0E13ae
  • editorGroupHeader.tabsBackground#17171Ea1
  • editorGroupHeader.tabsBorder#0C0D0B00
  • editorGutter.addedBackground#39853dfb
  • editorGutter.background#17171Efe
  • editorGutter.commentGlyphForeground#E8E8FEce
  • editorGutter.commentRangeForeground#E8E8FEce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#ff6a6acb
  • editorGutter.foldingControlForeground#E8E8FEce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0D0C0B00
  • editorHint.foreground#8e6affce
  • editorHoverWidget.background#0C0C10fe
  • editorHoverWidget.border#0C0C10fe
  • editorHoverWidget.foreground#E8E8FEce
  • editorHoverWidget.highlightForeground#D8D8E1ca
  • editorHoverWidget.statusBarBackground#17171Efe
  • editorIndentGuide.activeBackground1#E9E9FEfe
  • editorIndentGuide.activeBackground2#E9E9FEfe
  • editorIndentGuide.activeBackground3#E7E7FEfe
  • editorIndentGuide.activeBackground4#E8E8FEfe
  • editorIndentGuide.activeBackground5#E9E9FEfe
  • editorIndentGuide.activeBackground6#E9E9FEfe
  • editorIndentGuide.background1#BCAEBF35
  • editorIndentGuide.background2#A8929935
  • editorIndentGuide.background3#B8A9BB35
  • editorIndentGuide.background4#9D88A135
  • editorIndentGuide.background5#A1889035
  • editorIndentGuide.background6#A5AC9635
  • editorInfo.background#0C0D0B00
  • editorInfo.border#0D0C0B00
  • editorInfo.foreground#8e6affce
  • editorInlayHint.background#17171Efe
  • editorInlayHint.foreground#E8E8FEce
  • editorInlayHint.parameterBackground#17171Efe
  • editorInlayHint.parameterForeground#E8E8FEce
  • editorInlayHint.typeBackground#17171Efe
  • editorInlayHint.typeForeground#E8E8FEce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#A5A5F9fe
  • editorLineNumber.dimmedForeground#E9E9FD6e
  • editorLineNumber.foreground#E8E8FD6e
  • editorLink.activeForeground#A3A3F9fe
  • editorMarkerNavigation.background#0C0C10fe
  • editorMarkerNavigationError.background#670067c2
  • editorMarkerNavigationError.headerBackground#6700679b
  • editorMarkerNavigationInfo.background#1b1bfffe
  • editorMarkerNavigationInfo.headerBackground#1b1bfffe
  • editorMarkerNavigationWarning.background#c4a200fe
  • editorMarkerNavigationWarning.headerBackground#c4a200fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#17171Efe
  • editorOverviewRuler.border#10104Cfe
  • editorOverviewRuler.bracketMatchForeground#E8E8FEce
  • editorOverviewRuler.commentForeground#E9E9FD6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#E8E8FEce
  • editorOverviewRuler.currentContentForeground#cececebe
  • editorOverviewRuler.deletedForeground#ff6a6acb
  • editorOverviewRuler.errorForeground#b400b4ce
  • editorOverviewRuler.findMatchForeground#00a5a5ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#8e6affce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#D9D4CFca
  • editorOverviewRuler.selectionHighlightForeground#8e6affce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#DDD8D4ca
  • editorOverviewRuler.wordHighlightStrongForeground#E8E8FEce
  • editorOverviewRuler.wordHighlightTextForeground#E8E8FEce
  • editorPane.background#17171Efe
  • editorRuler.foreground#E8E8FE35
  • editorStickyScroll.background#17171Efe
  • editorStickyScroll.shadow#0B0D0D00
  • editorStickyScrollHover.background#151556fe
  • editorSuggestWidget.background#0C0C10fe
  • editorSuggestWidget.border#0D0C0B00
  • editorSuggestWidget.focusHighlightForeground#E686FBfe
  • editorSuggestWidget.foreground#E9E9FDfe
  • editorSuggestWidget.highlightForeground#CFCFDAca
  • editorSuggestWidget.selectedBackground#61454D89
  • editorSuggestWidget.selectedForeground#CFD9D1ca
  • editorSuggestWidget.selectedIconForeground#D4DDDDca
  • editorSuggestWidgetStatus.foreground#E0D9DBfe
  • editorUnicodeHighlight.background#BE5276a5
  • editorUnicodeHighlight.border#0C0C10fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0D0B0D00
  • editorWarning.border#0B0D0B00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#E8E8FEce
  • editorWidget.background#0C0C10fe
  • editorWidget.border#0C0C10fe
  • editorWidget.foreground#E8E8FEce
  • editorWidget.resizeBorder#0C0C10fe
  • errorForeground#b400b4ce
  • extensionBadge.remoteBackground#5050E6fe
  • extensionBadge.remoteForeground#0E0E13fe
  • extensionButton.background#0E0E44ae
  • extensionButton.foreground#E8E8FEce
  • extensionButton.hoverBackground#151556fe
  • extensionButton.prominentBackground#17171Efe
  • extensionButton.prominentForeground#E8E8FEce
  • extensionButton.prominentHoverBackground#17171Efe
  • extensionButton.separator#0D0B0D00
  • extensionIcon.preReleaseForeground#DBD4DDfe
  • extensionIcon.sponsorForeground#BCCACAfe
  • extensionIcon.starForeground#DDE4E4fe
  • extensionIcon.verifiedForeground#BBBBCBfe
  • focusBorder#0C0D0B00
  • foreground#E8E8FEce
  • 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#172525ca
  • inlineChat.border#172525ca
  • inlineChat.regionHighlight#D6D9CFca
  • inlineChat.shadow#D3CAD5ca
  • inlineChatDiff.inserted#DEE0D9ca
  • inlineChatDiff.removed#DDE4DFca
  • inlineChatInput.background#D4DDD5ca
  • inlineChatInput.border#172525ca
  • inlineChatInput.focusBorder#0D0C0B00
  • inlineChatInput.placeholderForeground#E3DDE4ca
  • input.background#0C0C10fe
  • input.border#0C0C10fe
  • input.foreground#E8E8FEce
  • input.placeholderForeground#E9E9FD65
  • inputOption.activeBackground#0C0C10fe
  • inputOption.activeBorder#0C0C10fe
  • inputOption.activeForeground#A3A3F9fe
  • inputOption.hoverBackground#0C0C10fe
  • inputValidation.errorBackground#6700679c
  • inputValidation.errorBorder#670067af
  • inputValidation.errorForeground#b400b4ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0C0C10fe
  • inputValidation.infoForeground#E8E8FEce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0C0C10fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0C0C10fe
  • interactive.inactiveCodeBorder#0909289c
  • keybindingLabel.background#17171Efe
  • keybindingLabel.border#0C0C10fe
  • keybindingLabel.bottomBorder#0C0C10fe
  • keybindingLabel.foreground#E8E8FEce
  • keybindingTable.headerBackground#17171Efe
  • keybindingTable.rowsBackground#17171Efe
  • list.activeSelectionBackground#594D428e
  • list.activeSelectionForeground#D7CFD9ca
  • list.activeSelectionIconForeground#D4DDD5ca
  • list.deemphasizedForeground#E8E8FEce
  • list.dropBackground#17171Efe
  • list.errorForeground#b400b4ce
  • list.filterMatchBackground#17171Efe
  • list.filterMatchBorder#0C0C10fe
  • list.focusAndSelectionOutline#0B0D0B00
  • list.focusBackground#4545C197
  • list.focusForeground#A4A4F9fe
  • list.focusHighlightForeground#2FC33Ffe
  • list.focusOutline#0A0A0E00
  • list.highlightForeground#D3D3DDca
  • list.hoverBackground#0D0D44fe
  • list.hoverForeground#5050E6fe
  • list.inactiveFocusBackground#2D2D3A9a
  • list.inactiveFocusOutline#0A0A0E00
  • list.inactiveSelectionBackground#0E0E13ae
  • list.inactiveSelectionForeground#E9E9FD65
  • list.inactiveSelectionIconForeground#E9E9FD65
  • list.invalidItemForeground#E8E8FEce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#17171Efe
  • listFilterWidget.noMatchesOutline#0B0D0B00
  • listFilterWidget.outline#0D0B0C00
  • listFilterWidget.shadow#0B0D0B00
  • menu.background#0E0E13fe
  • menu.border#0D0B0C00
  • menu.foreground#E7E7ECae
  • menu.selectionBackground#51516Aad
  • menu.selectionBorder#0D0B0C00
  • menu.selectionForeground#A4A4F9fe
  • menu.separatorBackground#1F1F4A65
  • menubar.selectionBackground#4A4A61ad
  • menubar.selectionBorder#0B0D0B00
  • menubar.selectionForeground#A4A4F9fe
  • merge.border#0C0C10fe
  • merge.commonContentBackground#17171Efe
  • merge.commonHeaderBackground#17171Efe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#39853dfb
  • merge.incomingContentBackground#8acd8dcb
  • merge.incomingHeaderBackground#39853dfb
  • mergeEditor.change.background#17171Efe
  • mergeEditor.change.word.background#17171Efe
  • mergeEditor.changeBase.background#17171Efe
  • mergeEditor.changeBase.word.background#17171Efe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0C0C10fe
  • mergeEditor.conflict.handledUnfocused.border#1E1E272d
  • mergeEditor.conflict.input1.background#0C0C10fe
  • mergeEditor.conflict.input2.background#0C0C10fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067a1
  • mergeEditor.conflict.unhandledFocused.border#0C0C10fe
  • mergeEditor.conflict.unhandledUnfocused.border#1A1A2236
  • mergeEditor.conflictingLines.background#17171Efe
  • minimap.background#17171Efe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F5F5F7ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#39853dfb
  • minimapGutter.deletedBackground#e60000fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#646482fe
  • minimapSlider.background#383849ae
  • minimapSlider.hoverBackground#4A4A61fe
  • notebook.cellBorderColor#0C0C10fe
  • notebook.cellEditorBackground#17171Efe
  • notebook.cellHoverBackground#17171Efe
  • notebook.cellInsertionIndicator#D9E0E0ca
  • notebook.cellStatusBarItemHoverBackground#17171Efe
  • notebook.cellToolbarSeparator#D8D8E1ca
  • notebook.editorBackground#17171Efe
  • notebook.focusedCellBackground#17171Efe
  • notebook.focusedCellBorder#A4A4F9fe
  • notebook.focusedEditorBorder#0C0C10fe
  • notebook.inactiveFocusedCellBorder#5C5C798e
  • notebook.inactiveSelectedCellBorder#5C5C798e
  • notebook.outputContainerBackgroundColor#17171Efe
  • notebook.outputContainerBorderColor#0C0C10fe
  • notebook.selectedCellBackground#17171Efe
  • notebook.selectedCellBorder#0C0C10fe
  • notebook.symbolHighlightBackground#17171Efe
  • notebookEditorOverviewRuler.runningCellForeground#E8E8FEce
  • notebookScrollbarSlider.activeBackground#595974fe
  • notebookScrollbarSlider.background#434357ae
  • notebookScrollbarSlider.hoverBackground#46465Cfe
  • notebookStatusErrorIcon.foreground#b400b4ce
  • notebookStatusRunningIcon.foreground#E3DDE4fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0C0C10fe
  • notificationCenterHeader.background#17171Efe
  • notificationCenterHeader.foreground#E8E8FEce
  • notificationLink.foreground#E8E8FEce
  • notifications.background#17171Efe
  • notifications.border#0C0C10fe
  • notifications.foreground#E8E8FEce
  • notificationsErrorIcon.foreground#b400b4ce
  • notificationsInfoIcon.foreground#DDE4DFfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0C0C10fe
  • panel.background#17171Efe
  • panel.border#0C0C10fe
  • panel.dropBorder#0C0C10fe
  • panelInput.border#0C0C10fe
  • panelSection.border#0C0C10fe
  • panelSection.dropBackground#17171Efe
  • panelSectionHeader.background#17171Efe
  • panelSectionHeader.border#0C0C10fe
  • panelSectionHeader.foreground#E8E8FEce
  • panelTitle.activeBorder#0B0D0B00
  • panelTitle.activeForeground#9696F7fe
  • panelTitle.inactiveForeground#9A9AB165
  • peekView.border#A3A3FEfe
  • peekViewEditor.background#0C0C10fe
  • peekViewEditor.matchHighlightBackground#4F635288
  • peekViewEditor.matchHighlightBorder#0D0C0B00
  • peekViewEditorGutter.background#0C0C10fe
  • peekViewEditorStickyScroll.background#17171Efe
  • peekViewResult.background#0E0E13fe
  • peekViewResult.fileForeground#E8E8FEce
  • peekViewResult.lineForeground#E8E8FEce
  • peekViewResult.matchHighlightBackground#5F4B528c
  • peekViewResult.selectionBackground#4774748a
  • peekViewResult.selectionForeground#DDE4DFca
  • peekViewTitle.background#0E0E13fe
  • peekViewTitleDescription.foreground#E8E8FEce
  • peekViewTitleLabel.foreground#E8E8FEce
  • pickerGroup.border#0C0C10fe
  • pickerGroup.foreground#E8E8FEce
  • ports.iconRunningProcessForeground#D8D8E1fe
  • problemsErrorIcon.foreground#b400b4ce
  • problemsInfoIcon.foreground#8e6affce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#A3A3F9fe
  • profileBadge.foreground#0E0E13fe
  • progressBar.background#17171Efe
  • quickInput.background#0E0E13fe
  • quickInput.foreground#E7E7ECae
  • quickInputList.focusBackground#3F3F52a1
  • quickInputList.focusForeground#5656E8fe
  • quickInputList.focusIconForeground#A5A5F9fe
  • quickInputTitle.background#0C0C10fe
  • sash.hoverBorder#0C0C10fe
  • scrollbar.shadow#0C0D0B00
  • scrollbarSlider.activeBackground#646482fe
  • scrollbarSlider.background#3B3B4Dae
  • scrollbarSlider.hoverBackground#55556Ffe
  • search.resultsInfoForeground#E8E8FEce
  • searchEditor.findMatchBackground#4B5140ad
  • searchEditor.findMatchBorder#0C0C10fe
  • searchEditor.textInputBorder#0C0C10fe
  • selection.background#17171Efe
  • settings.checkboxBackground#0C0C10fe
  • settings.checkboxBorder#0C0C10fe
  • settings.checkboxForeground#E8E8FEce
  • settings.dropdownBackground#0C0C10fe
  • settings.dropdownBorder#0C0C10fe
  • settings.dropdownForeground#E8E8FEce
  • settings.dropdownListBorder#0C0C10fe
  • settings.focusedRowBackground#5368688e
  • settings.focusedRowBorder#0C0C10fe
  • settings.headerBorder#0C0C10fe
  • settings.headerForeground#E8E8FEce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0C0C10fe
  • settings.numberInputBorder#0C0C10fe
  • settings.numberInputForeground#E8E8FEce
  • settings.rowHoverBackground#17171Efe
  • settings.sashBorder#0C0C10fe
  • settings.settingsHeaderHoverForeground#A3A3F9fe
  • settings.textInputBackground#0C0C10fe
  • settings.textInputBorder#0C0C10fe
  • settings.textInputForeground#E8E8FEce
  • sideBar.background#17171Efe
  • sideBar.border#0C0C10fe
  • sideBar.dropBackground#17171Efe
  • sideBar.foreground#E7E7FEae
  • sideBarSectionHeader.background#0D0B0C00
  • sideBarSectionHeader.border#0C0C10fe
  • sideBarSectionHeader.foreground#E8E8FEce
  • sideBarTitle.foreground#E8E8FEce
  • sideBySideEditor.horizontalBorder#0C0C10fe
  • sideBySideEditor.verticalBorder#0C0C10fe
  • simpleFindWidget.sashBorder#0C0C10fe
  • statusBar.background#0E0E13fe
  • statusBar.border#0C0C10fe
  • statusBar.debuggingBackground#670067b9
  • statusBar.debuggingBorder#0C0C10fe
  • statusBar.debuggingForeground#E8E8FEce
  • statusBar.focusBorder#0B0D0D00
  • statusBar.foreground#E9E9FE6e
  • statusBar.noFolderBackground#0E0E13fe
  • statusBar.noFolderBorder#0C0C10fe
  • statusBar.noFolderForeground#E8E8FEce
  • statusBarItem.activeBackground#0E0E13fe
  • statusBarItem.compactHoverBackground#0E0E13fe
  • statusBarItem.errorBackground#670067c9
  • statusBarItem.errorForeground#b400b4ce
  • statusBarItem.errorHoverBackground#670067a5
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0C0D0B00
  • statusBarItem.hoverBackground#0E0E13fe
  • statusBarItem.hoverForeground#A4A4F9fe
  • statusBarItem.offlineBackground#0E0E13fe
  • statusBarItem.offlineForeground#E8E8FEce
  • statusBarItem.offlineHoverBackground#0E0E13fe
  • statusBarItem.offlineHoverForeground#5656E8fe
  • statusBarItem.prominentBackground#0E0E13fe
  • statusBarItem.prominentForeground#E8E8FEce
  • statusBarItem.prominentHoverBackground#0E0E13fe
  • statusBarItem.prominentHoverForeground#A3A3F9fe
  • statusBarItem.remoteBackground#5050E6fe
  • statusBarItem.remoteForeground#0E0E13fe
  • statusBarItem.remoteHoverBackground#0E0E13fe
  • statusBarItem.remoteHoverForeground#A4A4F9fe
  • statusBarItem.warningBackground#c4a200fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#c4a200fe
  • statusBarItem.warningHoverForeground#ffd611ce
  • symbolIcon.arrayForeground#CACAD6fe
  • symbolIcon.booleanForeground#00a5a5ce
  • symbolIcon.classForeground#C1CECEfe
  • symbolIcon.colorForeground#BBBBCBfe
  • symbolIcon.constantForeground#C0C0CFfe
  • symbolIcon.constructorForeground#C1C6B8fe
  • symbolIcon.enumeratorForeground#B7B7C7fe
  • symbolIcon.enumeratorMemberForeground#D1C6CAfe
  • symbolIcon.eventForeground#CEC7C1fe
  • symbolIcon.fieldForeground#CCC1CEfe
  • symbolIcon.fileForeground#C1C6B8fe
  • symbolIcon.folderForeground#D5CACEfe
  • symbolIcon.functionForeground#CAD5CCfe
  • symbolIcon.interfaceForeground#F9E4FCfe
  • symbolIcon.keyForeground#C5C5D2fe
  • symbolIcon.keywordForeground#CFD9D9fe
  • symbolIcon.methodForeground#D7CFD9fe
  • symbolIcon.moduleForeground#B3C2B5fe
  • symbolIcon.namespaceForeground#D9E0E0fe
  • symbolIcon.nullForeground#DDE4E4fe
  • symbolIcon.numberForeground#CAC3BCfe
  • symbolIcon.objectForeground#CCC1CEfe
  • symbolIcon.operatorForeground#E2E4DDfe
  • symbolIcon.packageForeground#CAC3BCfe
  • symbolIcon.propertyForeground#DDE4E4fe
  • symbolIcon.referenceForeground#C5C5D2fe
  • symbolIcon.snippetForeground#CAC3BCfe
  • symbolIcon.stringForeground#E9E9FDfe
  • symbolIcon.structForeground#DFD9E0fe
  • symbolIcon.textForeground#E0D9DBfe
  • symbolIcon.typeParameterForeground#D5CACEfe
  • symbolIcon.unitForeground#CAC3BCfe
  • symbolIcon.variableForeground#D3D3DDfe
  • tab.activeBackground#101016fe
  • tab.activeBorder#0D0B0D00
  • tab.activeBorderTop#A3A3FEfe
  • tab.activeForeground#A1A1FEfe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#0C0D0B00
  • tab.hoverBackground#E6E6FEfe
  • tab.hoverBorder#0C0C10fe
  • tab.hoverForeground#A4A4F9fe
  • tab.inactiveBackground#0B0B3B9a
  • tab.inactiveForeground#9F9FB565
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#0C0C10fe
  • tab.unfocusedActiveBackground#1A1A2229
  • tab.unfocusedActiveBorder#0D0B0D00
  • tab.unfocusedActiveBorderTop#1F1F4665
  • tab.unfocusedActiveForeground#A3A3B965
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#E7E7FEfe
  • tab.unfocusedHoverBorder#1A1A223e
  • tab.unfocusedHoverForeground#6A6AFE65
  • tab.unfocusedInactiveBackground#25253192
  • tab.unfocusedInactiveForeground#A8A8BC65
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333a6
  • 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#670067ba
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececea9
  • terminal.ansiYellow#c4a200fe
  • terminal.background#17171Efe
  • terminal.border#0C0C10fe
  • terminal.dropBackground#17171Efe
  • terminal.findMatchBackground#17171Efe
  • terminal.findMatchBorder#0C0C10fe
  • terminal.findMatchHighlightBackground#17171Efe
  • terminal.findMatchHighlightBorder#0C0C10fe
  • terminal.foreground#E7E7FEae
  • terminal.hoverHighlightBackground#17171Efe
  • terminal.inactiveSelectionBackground#22222C96
  • terminal.selectionBackground#904D6188
  • terminal.selectionForeground#CAD5CCca
  • terminal.tab.activeBorder#A5A5F9fe
  • terminalCommandDecoration.defaultBackground#B4F7F7a5
  • terminalCommandDecoration.errorBackground#ff6a6acb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#17171Efe
  • terminalCursor.foreground#A3A3F9fe
  • terminalOverviewRuler.cursorForeground#E8E8FEce
  • terminalOverviewRuler.findMatchForeground#00a5a5ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0ca
  • testing.iconUnset#8080809f
  • testing.message.error.decorationForeground#E7E7FEfe
  • testing.message.error.lineBackground#670067ca
  • testing.message.info.decorationForeground#E7E7FEfe
  • testing.message.info.lineBackground#1b1bfffe
  • testing.peekBorder#0C0C10fe
  • testing.peekHeaderBackground#17171Efe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#17171Efe
  • textBlockQuote.border#0C0C10fe
  • textCodeBlock.background#17171Efe
  • textLink.activeForeground#5656E8fe
  • textLink.foreground#8e6affce
  • textPreformat.foreground#E8E8FEce
  • textSeparator.foreground#E8E8FEce
  • titleBar.activeBackground#0E0E13fe
  • titleBar.activeForeground#A2A2F8ae
  • titleBar.border#0B0D0B00
  • titleBar.inactiveBackground#1A1A22d3
  • titleBar.inactiveForeground#9A9AB165
  • toolbar.activeBackground#480C208c
  • toolbar.hoverBackground#17171Efe
  • toolbar.hoverOutline#0D0B0D00
  • tree.inactiveIndentGuidesStroke#AEBFB135
  • tree.indentGuidesStroke#E7E7FEfe
  • tree.tableColumnsBorder#0C0C10fe
  • tree.tableOddRowsBackground#17171Efe
  • walkThrough.embeddedEditorBackground#17171Efe
  • walkthrough.stepTitle.foreground#E8E8FEce
  • welcomePage.background#17171Efe
  • welcomePage.progress.background#17171Efe
  • welcomePage.progress.foreground#E8E8FEce
  • welcomePage.tileBackground#17171Efe
  • welcomePage.tileBorder#0C0C10fe
  • welcomePage.tileHoverBackground#17171Efe
  • widget.border#0C0C10fe
  • widget.shadow#0B0D0D00
  • window.activeBorder#0C0C10fe
  • window.inactiveBorder#0B0B3B99

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#B7B7FB6e
comment.block.html#A7A7FA6e
comment.block.java#B2B2FB6e
comment.block.javadoc.java#B7B7FB6e
comment.block.powershell#9999F86e
comment.block.xml#9999F96e
comment.line.double-slash.c#AEAEFA6e
comment.line.double-slash.cpp#A9A9FB6e
comment.line.double-slash.java#B2B2FB6e
comment.line.double-slash.js#A2A2F86e
comment.line.number-sign.makefile#A5A5FA6e
comment.line.number-sign.python#A2A2F86e
comment.line.number-sign.yaml#ABABFA6e
comment.line.percentage.erlang#A5A5FA6e
comment.line.powershell#9F9FF86e
comment.source.cmake#ADADFB6e
comment.source.cmakecache#B0B0FB6e
constant.character#F384A6de
constant.character.character-class.regexp#86BE29de
constant.character.escape#08CBD9de
constant.character.set.regexp#F799B6de
constant.language#80C808de
constant.numeric#7CC309de
constant.numeric.dec.python#F590AFde
constant.other.caps.python#29CCD6de
constant.other.character-class.regexp#31CED9de
constant.other.character-class.set.regexp#87D308de
constant.other.color.rgb-value#E88EF5de
constant.other.placeholder#E37FF2de
constant.other.rgb-value#92D128de
constant.regexp#FBA02Cde
constant.sha.git-rebase#E689F4de
emphasis#E582F3de
entity.name.class#A0A0F8de
entity.name.function#F58EAEde
entity.name.function.preprocessor#07CFDCde
entity.name.function.python#E5A34Ede
entity.name.label#29C5CFde
entity.name.namespace#E7A856de
entity.name.operator#31CED9de
entity.name.operator.custom-literal#F386A8de
entity.name.scope-resolution#F9A4BEde
entity.name.tag#80C808de
entity.name.tag.css#75B706de
entity.name.type#83CD08de
entity.name.variable#9C9CF7de
entity.other.attribute#EA95F6de
entity.other.attribute-name#E88EF5de
entity.other.attribute-name.class.css#F9981Bde
entity.other.attribute-name.class.mixin.css#EB99F7de
entity.other.attribute-name.id#08C637de
entity.other.attribute-name.id.css#7ABF06de
entity.other.attribute-name.parent-selector.css#B4B4FBde
entity.other.attribute-name.pseudo-class.css#F692B1de
entity.other.attribute-name.pseudo-element.css#80C906de
entity.other.attribute-name.scss#A5A5F9de
entity.other.document.begin.yaml#B1B1FC6e
entity.other.inherited-class#E991F6de
header#F8A0BBde
invalid#86BE29de
keyword#29CF52de
keyword.codetag.notation.python#F8A0BCde
keyword.control#07C136de
keyword.control.anchor.regexp#A0A0F8de
keyword.control.import.python#F384A6de
keyword.operator#EBB064de
keyword.operator.alignas#07C8D6de
keyword.operator.alignof#F590AFde
keyword.operator.cast#07D2DFde
keyword.operator.delete#07D0DEde
keyword.operator.documentation.powershell#B7B7FB6e
keyword.operator.expression#DD9539de
keyword.operator.instanceof#86BD28de
keyword.operator.logical.python#7CC207de
keyword.operator.minus.exponent#F8A0BCde
keyword.operator.negation.regexp#F58EAEde
keyword.operator.new#BCBCFCde
keyword.operator.noexcept#B2B2FAde
keyword.operator.or.regexp#07C5D2de
keyword.operator.plus.exponent#07CCDAde
keyword.operator.quantifier.regexp#E98FF5de
keyword.operator.sizeof#9D9DF8de
keyword.operator.typeid#07BAC5de
keyword.operator.wordlike#7BBF08de
keyword.other.operator#E7A856de
keyword.other.package.java#E582F3de
keyword.other.unit#29C650de
keyword.other.using#08B9C5de
markup.bold#FCA537de
markup.changed#F281A4de
markup.deleted#E3A04Bde
markup.fenced_code.block.markdown#F590AFde
markup.heading#07D2DFde
markup.inline.raw#DE983Ede
markup.inserted#76B709de
markup.italic#B9B9FBde
markup.raw.block.markdown#BBBBFBde
markup.strikethrough#86BD28de
markup.underline#E990F6de
meta.block.c#08C738de
meta.block.c#88D508de
meta.class.java#E4A14Cde
meta.definition.variable.name#E88EF5de
meta.diff.header#28C650de
meta.embedded#07D1DFde
meta.embedded.assembly#A3A3F9de
meta.function-call.arguments.python#B2B2FAde
meta.function-call.python#08C938de
meta.member.access.python#ECB166de
meta.method.java#A3A3F8de
meta.object-literal.key#9E9EF8de
meta.paragraph.markdown#07D4E2de
meta.preprocessor#07DF3Dde
meta.preprocessor.numeric#B5B5FBde
meta.preprocessor.string#DE973Dde
meta.scope.prerequisites.makefile#AEAEFAde
meta.structure.dictionary.json.comments#A9A9FB6e
meta.structure.dictionary.key.python#77BA08de
meta.structure.dictionary.value.json.comments#A1A1F96e
meta.template.expression#EC9DF8de
meta.type.cast.expr#E687F4de
meta.type.new.expr#F8A0BBde
parameter#82CC08de
punctuation.character.set.begin.regexp#79BE07de
punctuation.character.set.end.regexp#EEB66Fde
punctuation.definition.array.begin.json#EEA3F8de
punctuation.definition.character-class.regexp#A3A3F9de
punctuation.definition.comment#AAAAF96e
punctuation.definition.comment.json.comments#A3A3F96e
punctuation.definition.comment.python#B5B5FC6e
punctuation.definition.dictionary.begin.json#38DD62de
punctuation.definition.dictionary.end.json#B0B0FAde
punctuation.definition.group.assertion.regexp#EFA7F9de
punctuation.definition.group.regexp#F89EBAde
punctuation.definition.list.begin.json#E88CF5de
punctuation.definition.list.begin.markdown#77BA08de
punctuation.definition.list.begin.python#F489AAde
punctuation.definition.list.end.json#08B9C5de
punctuation.definition.list.end.markdown#9D9DF8de
punctuation.definition.list.end.python#EC9DF7de
punctuation.definition.parameters.begin.python#E7A856de
punctuation.definition.parameters.end.bracket.round.java#F48BABde
punctuation.definition.quote.begin.markdown#F591B1de
punctuation.definition.tag#F280A3de
punctuation.definition.template-expression.begin#29BCC6de
punctuation.definition.template-expression.end#B7B7FBde
punctuation.section.class.begin.bracket.curly.java#09BBC6de
punctuation.section.embedded#8BC629de
punctuation.section.embedded.begin.php#F280A3de
punctuation.section.embedded.end.php#F89DB9de
punctuation.terminator.java#E88EF5de
source.cmake#06CF39de
source.coffee.embedded#08C5D2de
source.cpp#7FC609de
source.css.less#F280A3de
source.groovy.embedded#E09C43de
source.java#08BAC6de
source.java-properties#33D0DBde
source.json.comments#B5B5FC6e
source.makefile#08C9D6de
source.powershell#29C5CFde
source.powershell.variable.other.member#E78AF4de
source.python#F280A3de
storage#F27EA2de
storage.modifier#84CE08de
storage.modifier.import.java#A3A3F9de
storage.modifier.package.java#F79BB8de
storage.type#28B6C0de
storage.type.annotation.groovy#8BC629de
storage.type.annotation.java#08C939de
storage.type.boolean.go#FBA537de
storage.type.byte.go#08D33Ade
storage.type.cs#07D03Ade
storage.type.error.go#F17EA2de
storage.type.generic.cs#76B907de
storage.type.generic.groovy#ABABFAde
storage.type.generic.java#E7A856de
storage.type.groovy#E37FF2de
storage.type.java#E480F2de
storage.type.modifier.cs#73B408de
storage.type.numeric.go#F79CB8de
storage.type.object.array.groovy#F280A3de
storage.type.object.array.java#EA96F6de
storage.type.parameters.groovy#07DF3Dde
storage.type.primitive.array.groovy#08BFCBde
storage.type.primitive.array.java#EC9DF8de
storage.type.primitive.groovy#EA93F6de
storage.type.primitive.java#08BCC9de
storage.type.rune.go#ADADFAde
storage.type.string.go#FCAB44de
storage.type.token.java#F9A6C0de
storage.type.uintptr.go#83CE07de
storage.type.variable.cs#ADADFAde
string#08C938de
string.quoted.docstring.multi.python#B4B4FC6e
string.regexp#31D95Bde
string.tag#E4A24Ede
string.value#B7B7FBde
strong#F280A4de
support.class#08C838de
support.constant.color#9B9BF8de
support.constant.dom#F487A9de
support.constant.font-name#29BE4Ede
support.constant.handlebars#91CF29de
support.constant.json#E687F4de
support.constant.math#06B7C3de
support.constant.media#E480F2de
support.constant.media-type#F79CB8de
support.constant.property-value#7EB228de
support.function#E9AC5Dde
support.function.git-rebase#29B5BEde
support.other.parenthesis.regexp#AEAEFAde
support.type#82B728de
support.type.property-name#A2A2F8de
support.type.vendored.property-name#9F9FF8de
support.variable#29B5BEde
token.debug-token#07D0DCde
token.error-token#82CB06de
token.info-token#84CE08de
token.warn-token#A2A2F9de
variable#F89EBAde
variable.css#2BCBD6de
variable.language#8BC629de
variable.language.wildcard.java#90CE28de
variable.other.constant#F58EAFde
variable.other.definition.java#30D859de
variable.other.enummember#08C6D3de
variable.other.less#31D0DAde
variable.other.object.java#37D1DBde
variable.other.object.property.java#07DF3Ede
variable.parameter.c#94D428de
variable.parameter.function.language.python#84BA28de
variable.parameter.java#84CE08de
variable.scss#F8A2BDde
viiv by B.W - VS Code Theme