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#161616fe
  • activityBar.activeBackground#161616fe
  • activityBar.activeBorder#9D9DFEfe
  • activityBar.activeFocusBorder#DDA06300
  • activityBar.background#0E0E0Efe
  • activityBar.border#7BBA3D00
  • activityBar.dropBorder#9292EDfe
  • activityBar.foreground#9D9DFEfe
  • activityBar.inactiveForeground#ABABAB65
  • activityBarBadge.background#6767D6fe
  • activityBarBadge.foreground#0E0E0Efe
  • badge.background#6767D6fe
  • badge.foreground#0E0E0Efe
  • banner.background#161616fe
  • banner.foreground#E8E8E8ce
  • banner.iconForeground#C6D1C6fe
  • breadcrumb.activeSelectionForeground#D3D3D3ca
  • breadcrumb.background#101010fe
  • breadcrumb.focusForeground#6262D3fe
  • breadcrumb.foreground#E8E8E8ae
  • breadcrumbPicker.background#161616fe
  • button.background#414141ae
  • button.border#0D0B0C00
  • button.foreground#E8E8E8ce
  • button.hoverBackground#636363fe
  • button.secondaryBackground#161616fe
  • button.secondaryForeground#E8E8E8ce
  • button.secondaryHoverBackground#161616fe
  • button.separator#0B0B0D00
  • charts.blue#1b1bfffe
  • charts.foreground#E8E8E8ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067ad
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0C0C0Cfe
  • chat.slashCommandBackground#161616fe
  • chat.slashCommandForeground#E8E8E8ce
  • checkbox.background#0C0C0Cfe
  • checkbox.border#0C0C0Cfe
  • checkbox.foreground#E8E8E8ce
  • checkbox.selectBackground#0C0C0Cfe
  • checkbox.selectBorder#0C0C0Cfe
  • commandCenter.activeBackground#4D1F0A8b
  • commandCenter.activeBorder#0C0C0Cfe
  • commandCenter.activeForeground#6767D6fe
  • commandCenter.background#161616fe
  • commandCenter.border#0C0C0Cfe
  • commandCenter.foreground#E8E8E8ce
  • commandCenter.inactiveBorder#2D2D2D9d
  • commandCenter.inactiveForeground#ABABAB65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0A0A0A00
  • contrastBorder#0C0B0D00
  • debugConsole.errorForeground#b400b4ce
  • debugConsole.infoForeground#E8E8E8ce
  • debugConsole.sourceForeground#E8E8E8ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#BEBEBEfe
  • debugExceptionWidget.background#67006799
  • debugExceptionWidget.border#0C0C0Cfe
  • debugIcon.breakpointCurrentStackframeForeground#DAD4DDfe
  • debugIcon.breakpointDisabledForeground#E9E9E965
  • debugIcon.breakpointForeground#CFCFD9fe
  • debugIcon.breakpointStackframeForeground#E2DDE4fe
  • debugIcon.breakpointUnverifiedForeground#D2D5CAfe
  • debugIcon.continueForeground#DED9E0fe
  • debugIcon.disconnectForeground#B8B8C6fe
  • debugIcon.pauseForeground#D5CECAfe
  • debugIcon.restartForeground#B8B8C6fe
  • debugIcon.startForeground#C6C6D1fe
  • debugIcon.stepBackForeground#B3C2B3fe
  • debugIcon.stepIntoForeground#E2E4DDfe
  • debugIcon.stepOutForeground#C6D1C6fe
  • debugIcon.stepOverForeground#CABCC1fe
  • debugIcon.stopForeground#C1C6B8fe
  • debugTokenExpression.boolean#E0E0E0ca
  • debugTokenExpression.error#DEE0D9ca
  • debugTokenExpression.name#E5E5E5ca
  • debugTokenExpression.number#D5CACEca
  • debugTokenExpression.value#D4D4DDca
  • debugToolBar.background#670067c1
  • debugToolBar.border#0C0C0Cfe
  • debugView.exceptionLabelBackground#3C2348ca
  • debugView.exceptionLabelForeground#DDE4DDca
  • debugView.stateLabelBackground#3B291Fca
  • debugView.stateLabelForeground#DDE4DDca
  • debugView.valueChangedHighlight#DAD4DDca
  • descriptionForeground#E8E8E8ce
  • diffEditor.border#0D0C0B00
  • diffEditor.diagonalFill#000000f0
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#39853dfb
  • diffEditor.insertedTextBorder#0B0B0D00
  • diffEditor.move.border#0D0B0C00
  • diffEditor.moveActive.border#0C0D0B00
  • diffEditor.removedLineBackground#ff9a9a31
  • diffEditor.removedTextBackground#e60000fb
  • diffEditor.removedTextBorder#0B0D0B00
  • diffEditor.unchangedCodeBackground#161616fe
  • diffEditor.unchangedRegionBackground#161616fe
  • diffEditor.unchangedRegionForeground#E8E8E8ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#E9E9E965
  • dropdown.background#0C0C0Cfe
  • dropdown.border#0C0C0Cfe
  • dropdown.foreground#E8E8E8ce
  • dropdown.listBackground#0C0C0Cfe
  • editor.background#161616fe
  • editor.findMatchBackground#616E43a6
  • editor.findMatchBorder#0C0C0Cfe
  • editor.findMatchHighlightBackground#656D56a2
  • editor.findMatchHighlightBorder#0C0C0Cfe
  • editor.findRangeHighlightBackground#685A53a6
  • editor.findRangeHighlightBorder#0C0C0Cfe
  • editor.focusedStackFrameHighlightBackground#57614088
  • editor.foldBackground#F4E3FDa2
  • editor.foreground#E8E8E8ce
  • editor.hoverHighlightBackground#6363C5a3
  • editor.inactiveSelectionBackground#5454549d
  • editor.inlineValuesBackground#161616fe
  • editor.inlineValuesForeground#E8E8E8ce
  • editor.lineHighlightBackground#383838b3
  • editor.lineHighlightBorder#0C0D0B00
  • editor.linkedEditingBackground#161616fe
  • editor.rangeHighlightBackground#525252a6
  • editor.rangeHighlightBorder#0C0C0Cfe
  • editor.selectionBackground#525252a3
  • editor.selectionForeground#D6CFD9ca
  • editor.selectionHighlightBackground#4F4F6386
  • editor.selectionHighlightBorder#0C0C0Cfe
  • editor.snippetFinalTabstopHighlightBackground#5353BBa4
  • editor.snippetFinalTabstopHighlightBorder#0C0C0Cfe
  • editor.snippetTabstopHighlightBackground#634573a9
  • editor.snippetTabstopHighlightBorder#0C0C0Cfe
  • editor.stackFrameHighlightBackground#8B4CA7ad
  • editor.symbolHighlightBackground#5D4F63ab
  • editor.symbolHighlightBorder#0C0C0Cfe
  • editor.wordHighlightBackground#5F5F5Fac
  • editor.wordHighlightBorder#0A0A0A00
  • editor.wordHighlightStrongBackground#575757ab
  • editor.wordHighlightStrongBorder#0C0B0D00
  • editor.wordHighlightTextBackground#707070ad
  • editor.wordHighlightTextBorder#0B0B0D00
  • editorBracketHighlight.foreground1#FAFAFAce
  • editorBracketHighlight.foreground2#FAFAFAce
  • editorBracketHighlight.foreground3#FAFAFAce
  • editorBracketHighlight.foreground4#FAFAFAce
  • editorBracketHighlight.foreground5#FAFAFAce
  • editorBracketHighlight.foreground6#FAFAFAce
  • editorBracketHighlight.unexpectedBracket.foreground#E8E8E8ce
  • editorBracketMatch.background#FDE2EAae
  • editorBracketMatch.border#0C0C0Cfe
  • editorBracketPairGuide.activeBackground1#BAF8BA86
  • editorBracketPairGuide.activeBackground2#F4E3FD84
  • editorBracketPairGuide.activeBackground3#E7E7FE8e
  • editorBracketPairGuide.activeBackground4#FDE3EB88
  • editorBracketPairGuide.activeBackground5#BEF8BE86
  • editorBracketPairGuide.activeBackground6#F5E2FD8c
  • editorBracketPairGuide.background1#1D321Dfe
  • editorBracketPairGuide.background2#1B311Bfe
  • editorBracketPairGuide.background3#42232Cfe
  • editorBracketPairGuide.background4#2D2D2Dfe
  • editorBracketPairGuide.background5#272D1Afe
  • editorBracketPairGuide.background6#3C224Afe
  • editorCodeLens.foreground#E9E9E96e
  • editorCommentsWidget.rangeActiveBackground#E7E7E7fe
  • editorCommentsWidget.rangeBackground#161616fe
  • editorCommentsWidget.resolvedBorder#0C0C0Cfe
  • editorCommentsWidget.unresolvedBorder#ff6a6acb
  • editorCursor.background#161616fe
  • editorCursor.foreground#7171DDfe
  • editorError.background#0D0B0C00
  • editorError.border#0D0C0B00
  • editorError.foreground#b400b4ce
  • editorGhostText.background#161616fe
  • editorGhostText.border#0C0B0D00
  • editorGhostText.foreground#E9E9E96e
  • editorGroup.border#0C0C0Cfe
  • editorGroup.dropBackground#161616fe
  • editorGroup.dropIntoPromptBackground#161616fe
  • editorGroup.dropIntoPromptBorder#0C0C0Cfe
  • editorGroup.dropIntoPromptForeground#E8E8E8ce
  • editorGroup.emptyBackground#161616fe
  • editorGroup.focusedEmptyBorder#0C0C0Cfe
  • editorGroupHeader.border#0B0D0B00
  • editorGroupHeader.noTabsBackground#0E0E0Eae
  • editorGroupHeader.tabsBackground#161616a1
  • editorGroupHeader.tabsBorder#0C0D0B00
  • editorGutter.addedBackground#39853dfb
  • editorGutter.background#161616fe
  • editorGutter.commentGlyphForeground#E8E8E8ce
  • editorGutter.commentRangeForeground#E8E8E8ce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#ff6a6acb
  • editorGutter.foldingControlForeground#E8E8E8ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0B0B0D00
  • editorHint.foreground#8e6affce
  • editorHoverWidget.background#0C0C0Cfe
  • editorHoverWidget.border#0C0C0Cfe
  • editorHoverWidget.foreground#E8E8E8ce
  • editorHoverWidget.highlightForeground#E4DDE0ca
  • editorHoverWidget.statusBarBackground#161616fe
  • editorIndentGuide.activeBackground1#E9E9E9fe
  • editorIndentGuide.activeBackground2#E8E8E8fe
  • editorIndentGuide.activeBackground3#E9E9E9fe
  • editorIndentGuide.activeBackground4#E8E8E8fe
  • editorIndentGuide.activeBackground5#E8E8E8fe
  • editorIndentGuide.activeBackground6#E9E9E9fe
  • editorIndentGuide.background1#AEAEBF35
  • editorIndentGuide.background2#B9AEBF35
  • editorIndentGuide.background3#BBA9AF35
  • editorIndentGuide.background4#B7ABA535
  • editorIndentGuide.background5#9D8DA435
  • editorIndentGuide.background6#AC9E9635
  • editorInfo.background#0C0B0D00
  • editorInfo.border#0B0D0B00
  • editorInfo.foreground#8e6affce
  • editorInlayHint.background#161616fe
  • editorInlayHint.foreground#E8E8E8ce
  • editorInlayHint.parameterBackground#161616fe
  • editorInlayHint.parameterForeground#E8E8E8ce
  • editorInlayHint.typeBackground#161616fe
  • editorInlayHint.typeForeground#E8E8E8ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#A5A5F3fe
  • editorLineNumber.dimmedForeground#E9E9E96e
  • editorLineNumber.foreground#E9E9E96e
  • editorLink.activeForeground#6262D3fe
  • editorMarkerNavigation.background#0C0C0Cfe
  • editorMarkerNavigationError.background#6700679d
  • editorMarkerNavigationError.headerBackground#670067c9
  • editorMarkerNavigationInfo.background#1b1bfffe
  • editorMarkerNavigationInfo.headerBackground#1b1bfffe
  • editorMarkerNavigationWarning.background#c4a200fe
  • editorMarkerNavigationWarning.headerBackground#c4a200fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#161616fe
  • editorOverviewRuler.border#272727fe
  • editorOverviewRuler.bracketMatchForeground#E8E8E8ce
  • editorOverviewRuler.commentForeground#E9E9E96e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#E8E8E8ce
  • editorOverviewRuler.currentContentForeground#cececea5
  • editorOverviewRuler.deletedForeground#ff6a6acb
  • editorOverviewRuler.errorForeground#b400b4ce
  • editorOverviewRuler.findMatchForeground#00a5a5ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#8e6affce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#D2CAD5ca
  • editorOverviewRuler.selectionHighlightForeground#8e6affce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#D6CFD9ca
  • editorOverviewRuler.wordHighlightStrongForeground#E8E8E8ce
  • editorOverviewRuler.wordHighlightTextForeground#E8E8E8ce
  • editorPane.background#161616fe
  • editorRuler.foreground#E8E8E82f
  • editorStickyScroll.background#161616fe
  • editorStickyScroll.shadow#0B0D0B00
  • editorStickyScrollHover.background#2D2D2Dfe
  • editorSuggestWidget.background#0C0C0Cfe
  • editorSuggestWidget.border#0A0A0A00
  • editorSuggestWidget.focusHighlightForeground#2FC32Ffe
  • editorSuggestWidget.foreground#D1C6CAfe
  • editorSuggestWidget.highlightForeground#DEE0D9ca
  • editorSuggestWidget.selectedBackground#95624984
  • editorSuggestWidget.selectedForeground#E5E5E5ca
  • editorSuggestWidget.selectedIconForeground#E0DBD9ca
  • editorSuggestWidgetStatus.foreground#BEBEBEfe
  • editorUnicodeHighlight.background#5A4E47ad
  • editorUnicodeHighlight.border#0C0C0Cfe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0B0D0B00
  • editorWarning.border#0B0D0B00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#E8E8E8ce
  • editorWidget.background#0C0C0Cfe
  • editorWidget.border#0C0C0Cfe
  • editorWidget.foreground#E8E8E8ce
  • editorWidget.resizeBorder#0C0C0Cfe
  • errorForeground#b400b4ce
  • extensionBadge.remoteBackground#7171DDfe
  • extensionBadge.remoteForeground#0E0E0Efe
  • extensionButton.background#2D2D2Dae
  • extensionButton.foreground#E8E8E8ce
  • extensionButton.hoverBackground#2D2D2Dfe
  • extensionButton.prominentBackground#161616fe
  • extensionButton.prominentForeground#E8E8E8ce
  • extensionButton.prominentHoverBackground#161616fe
  • extensionButton.separator#0A0A0A00
  • extensionIcon.preReleaseForeground#C9C1CEfe
  • extensionIcon.sponsorForeground#D4DDD4fe
  • extensionIcon.starForeground#D4DDD4fe
  • extensionIcon.verifiedForeground#E4DDE0fe
  • focusBorder#0B0D0B00
  • foreground#E8E8E8ce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#ff6a6acb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#8e6affce
  • gitDecoration.stageDeletedResourceForeground#ff6a6acb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00a5a5ce
  • icon.foreground#E8E8E8ae
  • inlineChat.background#2A2F1Bca
  • inlineChat.border#1C321Cca
  • inlineChat.regionHighlight#E4E0DDca
  • inlineChat.shadow#E0D9DBca
  • inlineChatDiff.inserted#E0DBD9ca
  • inlineChatDiff.removed#D6D9CFca
  • inlineChatInput.background#CFCFD9ca
  • inlineChatInput.border#2C2C2Cca
  • inlineChatInput.focusBorder#0D0B0C00
  • inlineChatInput.placeholderForeground#D6CFD9ca
  • input.background#0C0C0Cfe
  • input.border#0C0C0Cfe
  • input.foreground#E8E8E8ce
  • input.placeholderForeground#B9B9B965
  • inputOption.activeBackground#0C0C0Cfe
  • inputOption.activeBorder#0C0C0Cfe
  • inputOption.activeForeground#6767D6fe
  • inputOption.hoverBackground#0C0C0Cfe
  • inputValidation.errorBackground#670067be
  • inputValidation.errorBorder#670067ac
  • inputValidation.errorForeground#b400b4ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0C0C0Cfe
  • inputValidation.infoForeground#E8E8E8ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0C0C0Cfe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0C0C0Cfe
  • interactive.inactiveCodeBorder#2D2D2D94
  • keybindingLabel.background#161616fe
  • keybindingLabel.border#0C0C0Cfe
  • keybindingLabel.bottomBorder#0C0C0Cfe
  • keybindingLabel.foreground#E8E8E8ce
  • keybindingTable.headerBackground#161616fe
  • keybindingTable.rowsBackground#161616fe
  • list.activeSelectionBackground#4783478c
  • list.activeSelectionForeground#DED9E0ca
  • list.activeSelectionIconForeground#D3D3D3ca
  • list.deemphasizedForeground#E8E8E8ce
  • list.dropBackground#161616fe
  • list.errorForeground#b400b4ce
  • list.filterMatchBackground#161616fe
  • list.filterMatchBorder#0C0C0Cfe
  • list.focusAndSelectionOutline#0D0B0C00
  • list.focusBackground#6C6C6C97
  • list.focusForeground#A5A5F3fe
  • list.focusHighlightForeground#91B72Cfe
  • list.focusOutline#0D0C0B00
  • list.highlightForeground#DDDDE4ca
  • list.hoverBackground#2D2D2Dfe
  • list.hoverForeground#5959CBfe
  • list.inactiveFocusBackground#3838389d
  • list.inactiveFocusOutline#0B0B0D00
  • list.inactiveSelectionBackground#0E0E0Eae
  • list.inactiveSelectionForeground#E9E9E965
  • list.inactiveSelectionIconForeground#E9E9E965
  • list.invalidItemForeground#E8E8E8ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#161616fe
  • listFilterWidget.noMatchesOutline#0C0D0B00
  • listFilterWidget.outline#0D0C0B00
  • listFilterWidget.shadow#0D0B0C00
  • menu.background#0E0E0Efe
  • menu.border#0A0A0A00
  • menu.foreground#E8E8E8ae
  • menu.selectionBackground#747474a3
  • menu.selectionBorder#0C0B0D00
  • menu.selectionForeground#A5A5F3fe
  • menu.separatorBackground#2C2C2C65
  • menubar.selectionBackground#5B5B5Ba5
  • menubar.selectionBorder#0B0D0B00
  • menubar.selectionForeground#5D5DCFfe
  • merge.border#0C0C0Cfe
  • merge.commonContentBackground#161616fe
  • merge.commonHeaderBackground#161616fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#39853dfb
  • merge.incomingContentBackground#8acd8dcb
  • merge.incomingHeaderBackground#39853dfb
  • mergeEditor.change.background#161616fe
  • mergeEditor.change.word.background#161616fe
  • mergeEditor.changeBase.background#161616fe
  • mergeEditor.changeBase.word.background#161616fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0C0C0Cfe
  • mergeEditor.conflict.handledUnfocused.border#22222235
  • mergeEditor.conflict.input1.background#0C0C0Cfe
  • mergeEditor.conflict.input2.background#0C0C0Cfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067b7
  • mergeEditor.conflict.unhandledFocused.border#0C0C0Cfe
  • mergeEditor.conflict.unhandledUnfocused.border#22222224
  • mergeEditor.conflictingLines.background#161616fe
  • minimap.background#161616fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#FAFAFAce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#39853dfb
  • minimapGutter.deletedBackground#e60000fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#6C6C6Cfe
  • minimapSlider.background#4E4E4Eae
  • minimapSlider.hoverBackground#454545fe
  • notebook.cellBorderColor#0C0C0Cfe
  • notebook.cellEditorBackground#161616fe
  • notebook.cellHoverBackground#161616fe
  • notebook.cellInsertionIndicator#E4E0DDca
  • notebook.cellStatusBarItemHoverBackground#161616fe
  • notebook.cellToolbarSeparator#DDDDE4ca
  • notebook.editorBackground#161616fe
  • notebook.focusedCellBackground#161616fe
  • notebook.focusedCellBorder#6767D6fe
  • notebook.focusedEditorBorder#0C0C0Cfe
  • notebook.inactiveFocusedCellBorder#6C6C6C8e
  • notebook.inactiveSelectedCellBorder#6C6C6C8e
  • notebook.outputContainerBackgroundColor#161616fe
  • notebook.outputContainerBorderColor#0C0C0Cfe
  • notebook.selectedCellBackground#161616fe
  • notebook.selectedCellBorder#0C0C0Cfe
  • notebook.symbolHighlightBackground#161616fe
  • notebookEditorOverviewRuler.runningCellForeground#E8E8E8ce
  • notebookScrollbarSlider.activeBackground#676767fe
  • notebookScrollbarSlider.background#454545ae
  • notebookScrollbarSlider.hoverBackground#3C3C3Cfe
  • notebookStatusErrorIcon.foreground#b400b4ce
  • notebookStatusRunningIcon.foreground#B3C2B3fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0C0C0Cfe
  • notificationCenterHeader.background#161616fe
  • notificationCenterHeader.foreground#E8E8E8ce
  • notificationLink.foreground#E8E8E8ce
  • notifications.background#161616fe
  • notifications.border#0C0C0Cfe
  • notifications.foreground#E8E8E8ce
  • notificationsErrorIcon.foreground#b400b4ce
  • notificationsInfoIcon.foreground#D9D9E0fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0C0C0Cfe
  • panel.background#161616fe
  • panel.border#0C0C0Cfe
  • panel.dropBorder#0C0C0Cfe
  • panelInput.border#0C0C0Cfe
  • panelSection.border#0C0C0Cfe
  • panelSection.dropBackground#161616fe
  • panelSectionHeader.background#161616fe
  • panelSectionHeader.border#0C0C0Cfe
  • panelSectionHeader.foreground#E8E8E8ce
  • panelTitle.activeBorder#0D0C0B00
  • panelTitle.activeForeground#9D9DFEfe
  • panelTitle.inactiveForeground#ABABAB65
  • peekView.border#9292EDfe
  • peekViewEditor.background#0C0C0Cfe
  • peekViewEditor.matchHighlightBackground#4465448c
  • peekViewEditor.matchHighlightBorder#0B0D0B00
  • peekViewEditorGutter.background#0C0C0Cfe
  • peekViewEditorStickyScroll.background#161616fe
  • peekViewResult.background#0E0E0Efe
  • peekViewResult.fileForeground#E8E8E8ce
  • peekViewResult.lineForeground#E8E8E8ce
  • peekViewResult.matchHighlightBackground#5050A48c
  • peekViewResult.selectionBackground#656D5683
  • peekViewResult.selectionForeground#E2E4DDca
  • peekViewTitle.background#0E0E0Efe
  • peekViewTitleDescription.foreground#E8E8E8ce
  • peekViewTitleLabel.foreground#E8E8E8ce
  • pickerGroup.border#0C0C0Cfe
  • pickerGroup.foreground#E8E8E8ce
  • ports.iconRunningProcessForeground#CFCFCFfe
  • problemsErrorIcon.foreground#b400b4ce
  • problemsInfoIcon.foreground#8e6affce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#6262D3fe
  • profileBadge.foreground#0E0E0Efe
  • progressBar.background#161616fe
  • quickInput.background#0E0E0Efe
  • quickInput.foreground#E9E9E9ae
  • quickInputList.focusBackground#5F4B52a8
  • quickInputList.focusForeground#A5A5F3fe
  • quickInputList.focusIconForeground#6767D6fe
  • quickInputTitle.background#0C0C0Cfe
  • sash.hoverBorder#0C0C0Cfe
  • scrollbar.shadow#0B0B0D00
  • scrollbarSlider.activeBackground#797979fe
  • scrollbarSlider.background#454545ae
  • scrollbarSlider.hoverBackground#5B5B5Bfe
  • search.resultsInfoForeground#E8E8E8ce
  • searchEditor.findMatchBackground#584B5Fa5
  • searchEditor.findMatchBorder#0C0C0Cfe
  • searchEditor.textInputBorder#0C0C0Cfe
  • selection.background#161616fe
  • settings.checkboxBackground#0C0C0Cfe
  • settings.checkboxBorder#0C0C0Cfe
  • settings.checkboxForeground#E8E8E8ce
  • settings.dropdownBackground#0C0C0Cfe
  • settings.dropdownBorder#0C0C0Cfe
  • settings.dropdownForeground#E8E8E8ce
  • settings.dropdownListBorder#0C0C0Cfe
  • settings.focusedRowBackground#7F5A4B88
  • settings.focusedRowBorder#0C0C0Cfe
  • settings.headerBorder#0C0C0Cfe
  • settings.headerForeground#E8E8E8ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0C0C0Cfe
  • settings.numberInputBorder#0C0C0Cfe
  • settings.numberInputForeground#E8E8E8ce
  • settings.rowHoverBackground#161616fe
  • settings.sashBorder#0C0C0Cfe
  • settings.settingsHeaderHoverForeground#A5A5F3fe
  • settings.textInputBackground#0C0C0Cfe
  • settings.textInputBorder#0C0C0Cfe
  • settings.textInputForeground#E8E8E8ce
  • sideBar.background#161616fe
  • sideBar.border#0C0C0Cfe
  • sideBar.dropBackground#161616fe
  • sideBar.foreground#E8E8E8ae
  • sideBarSectionHeader.background#0D0C0B00
  • sideBarSectionHeader.border#0C0C0Cfe
  • sideBarSectionHeader.foreground#E8E8E8ce
  • sideBarTitle.foreground#E8E8E8ce
  • sideBySideEditor.horizontalBorder#0C0C0Cfe
  • sideBySideEditor.verticalBorder#0C0C0Cfe
  • simpleFindWidget.sashBorder#0C0C0Cfe
  • statusBar.background#0E0E0Efe
  • statusBar.border#0C0C0Cfe
  • statusBar.debuggingBackground#6700679c
  • statusBar.debuggingBorder#0C0C0Cfe
  • statusBar.debuggingForeground#E8E8E8ce
  • statusBar.focusBorder#0A0A0A00
  • statusBar.foreground#E9E9E96e
  • statusBar.noFolderBackground#0E0E0Efe
  • statusBar.noFolderBorder#0C0C0Cfe
  • statusBar.noFolderForeground#E8E8E8ce
  • statusBarItem.activeBackground#0E0E0Efe
  • statusBarItem.compactHoverBackground#0E0E0Efe
  • statusBarItem.errorBackground#670067a8
  • statusBarItem.errorForeground#b400b4ce
  • statusBarItem.errorHoverBackground#670067c6
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0D0C0B00
  • statusBarItem.hoverBackground#0E0E0Efe
  • statusBarItem.hoverForeground#A4A4F3fe
  • statusBarItem.offlineBackground#0E0E0Efe
  • statusBarItem.offlineForeground#E8E8E8ce
  • statusBarItem.offlineHoverBackground#0E0E0Efe
  • statusBarItem.offlineHoverForeground#6C6CDAfe
  • statusBarItem.prominentBackground#0E0E0Efe
  • statusBarItem.prominentForeground#E8E8E8ce
  • statusBarItem.prominentHoverBackground#0E0E0Efe
  • statusBarItem.prominentHoverForeground#A5A5F3fe
  • statusBarItem.remoteBackground#6767D6fe
  • statusBarItem.remoteForeground#0E0E0Efe
  • statusBarItem.remoteHoverBackground#0E0E0Efe
  • statusBarItem.remoteHoverForeground#6767D6fe
  • statusBarItem.warningBackground#c4a200fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#c4a200fe
  • statusBarItem.warningHoverForeground#ffd611ce
  • symbolIcon.arrayForeground#B3C2B3fe
  • symbolIcon.booleanForeground#00a5a5ce
  • symbolIcon.classForeground#C9C1CEfe
  • symbolIcon.colorForeground#CAD5CAfe
  • symbolIcon.constantForeground#DDD4D7fe
  • symbolIcon.constructorForeground#D6CFD9fe
  • symbolIcon.enumeratorForeground#E2E4DDfe
  • symbolIcon.enumeratorMemberForeground#C6C6C6fe
  • symbolIcon.eventForeground#CEC5C1fe
  • symbolIcon.fieldForeground#CFCFD9fe
  • symbolIcon.fileForeground#C2B8B3fe
  • symbolIcon.folderForeground#C5CABCfe
  • symbolIcon.functionForeground#BCBCCAfe
  • symbolIcon.interfaceForeground#BDC2B3fe
  • symbolIcon.keyForeground#C1C1CEfe
  • symbolIcon.keywordForeground#E0DBD9fe
  • symbolIcon.methodForeground#C6B8BCfe
  • symbolIcon.moduleForeground#CAC1BCfe
  • symbolIcon.namespaceForeground#D1CAC6fe
  • symbolIcon.nullForeground#C5CABCfe
  • symbolIcon.numberForeground#DDDDE4fe
  • symbolIcon.objectForeground#E2DDE4fe
  • symbolIcon.operatorForeground#E0E0E0fe
  • symbolIcon.packageForeground#C6BCB8fe
  • symbolIcon.propertyForeground#CED1C6fe
  • symbolIcon.referenceForeground#CAD5CAfe
  • symbolIcon.snippetForeground#E2E4DDfe
  • symbolIcon.stringForeground#D4D4DDfe
  • symbolIcon.structForeground#CAD5CAfe
  • symbolIcon.textForeground#C2B8B3fe
  • symbolIcon.typeParameterForeground#D8D8D8fe
  • symbolIcon.unitForeground#C6B8BCfe
  • symbolIcon.variableForeground#C5BCCAfe
  • tab.activeBackground#101010fe
  • tab.activeBorder#0C0D0B00
  • tab.activeBorderTop#9696FEfe
  • tab.activeForeground#A3A3FEfe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#0D0C0B00
  • tab.hoverBackground#E8E8E8fe
  • tab.hoverBorder#0C0C0Cfe
  • tab.hoverForeground#5959CBfe
  • tab.inactiveBackground#2D2D2D9c
  • tab.inactiveForeground#ABABAB65
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#0C0C0Cfe
  • tab.unfocusedActiveBackground#1E1E1E36
  • tab.unfocusedActiveBorder#0D0C0B00
  • tab.unfocusedActiveBorderTop#2D2D2D65
  • tab.unfocusedActiveForeground#ACACAC65
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#E9E9E9fe
  • tab.unfocusedHoverBorder#22222236
  • tab.unfocusedHoverForeground#A8A8A865
  • tab.unfocusedInactiveBackground#2F2F2F98
  • tab.unfocusedInactiveForeground#ABABAB65
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333b6
  • terminal.ansiBrightBlue#8e6affce
  • terminal.ansiBrightCyan#00a5a5ce
  • terminal.ansiBrightGreen#8acd8dcb
  • terminal.ansiBrightMagenta#b400b4ce
  • terminal.ansiBrightRed#ff6a6acb
  • terminal.ansiBrightWhite#f4f4f4be
  • terminal.ansiBrightYellow#ffd611ce
  • terminal.ansiCyan#008b8bfe
  • terminal.ansiGreen#39853dfb
  • terminal.ansiMagenta#670067af
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececec4
  • terminal.ansiYellow#c4a200fe
  • terminal.background#161616fe
  • terminal.border#0C0C0Cfe
  • terminal.dropBackground#161616fe
  • terminal.findMatchBackground#161616fe
  • terminal.findMatchBorder#0C0C0Cfe
  • terminal.findMatchHighlightBackground#161616fe
  • terminal.findMatchHighlightBorder#0C0C0Cfe
  • terminal.foreground#E8E8E8ae
  • terminal.hoverHighlightBackground#161616fe
  • terminal.inactiveSelectionBackground#2727279a
  • terminal.selectionBackground#904D6188
  • terminal.selectionForeground#DED9E0ca
  • terminal.tab.activeBorder#9292EDfe
  • terminalCommandDecoration.defaultBackground#BEF8BEa5
  • terminalCommandDecoration.errorBackground#ff6a6acb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#161616fe
  • terminalCursor.foreground#6767D6fe
  • terminalOverviewRuler.cursorForeground#E8E8E8ce
  • terminalOverviewRuler.findMatchForeground#00a5a5ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0ca
  • testing.iconUnset#808080a5
  • testing.message.error.decorationForeground#E8E8FEfe
  • testing.message.error.lineBackground#670067ad
  • testing.message.info.decorationForeground#E8E8FEfe
  • testing.message.info.lineBackground#1b1bfffe
  • testing.peekBorder#0C0C0Cfe
  • testing.peekHeaderBackground#161616fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#161616fe
  • textBlockQuote.border#0C0C0Cfe
  • textCodeBlock.background#161616fe
  • textLink.activeForeground#5D5DCFfe
  • textLink.foreground#8e6affce
  • textPreformat.foreground#E8E8E8ce
  • textSeparator.foreground#E8E8E8ce
  • titleBar.activeBackground#0E0E0Efe
  • titleBar.activeForeground#ACACACae
  • titleBar.border#0D0C0B00
  • titleBar.inactiveBackground#222222dc
  • titleBar.inactiveForeground#ACACAC65
  • toolbar.activeBackground#4B210B8e
  • toolbar.hoverBackground#161616fe
  • toolbar.hoverOutline#0C0B0D00
  • tree.inactiveIndentGuidesStroke#ADB3A035
  • tree.indentGuidesStroke#E7E7FEfe
  • tree.tableColumnsBorder#0C0C0Cfe
  • tree.tableOddRowsBackground#161616fe
  • walkThrough.embeddedEditorBackground#161616fe
  • walkthrough.stepTitle.foreground#E8E8E8ce
  • welcomePage.background#161616fe
  • welcomePage.progress.background#161616fe
  • welcomePage.progress.foreground#E8E8E8ce
  • welcomePage.tileBackground#161616fe
  • welcomePage.tileBorder#0C0C0Cfe
  • welcomePage.tileHoverBackground#161616fe
  • widget.border#0C0C0Cfe
  • widget.shadow#0D0B0C00
  • window.activeBorder#0C0C0Cfe
  • window.inactiveBorder#2D2D2D9e

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#A2A2A26e
comment.block.html#A3A3A36e
comment.block.java#BFBFBF6e
comment.block.javadoc.java#A7A7A76e
comment.block.powershell#B8B8B86e
comment.block.xml#B1B1B16e
comment.line.double-slash.c#A7A7A76e
comment.line.double-slash.cpp#B1B1B16e
comment.line.double-slash.java#B4B4B46e
comment.line.double-slash.js#BFBFBF6e
comment.line.number-sign.makefile#B3B3B36e
comment.line.number-sign.python#BDBDBD6e
comment.line.number-sign.yaml#A2A2A26e
comment.line.percentage.erlang#B5B5B56e
comment.line.powershell#AEAEAE6e
comment.source.cmake#ABABAB6e
comment.source.cmakecache#BFBFBF6e
constant.character#EF98EFde
constant.character.character-class.regexp#9999F0de
constant.character.escape#0BBC0Bde
constant.character.set.regexp#67D767de
constant.language#5ACD5Ade
constant.numeric#0DC40Dde
constant.numeric.dec.python#B9B9F8de
constant.other.caps.python#F09898de
constant.other.character-class.regexp#EF9595de
constant.other.character-class.set.regexp#F4A7A7de
constant.other.color.rgb-value#0ADE0Ade
constant.other.placeholder#0FBE0Fde
constant.other.rgb-value#ACACF5de
constant.regexp#F29FF2de
constant.sha.git-rebase#52C752de
emphasis#F19B9Bde
entity.name.class#B9B9F8de
entity.name.function#B3B3F7de
entity.name.function.preprocessor#0CD70Cde
entity.name.function.python#E88686de
entity.name.label#EA89EAde
entity.name.namespace#50C350de
entity.name.operator#F5ACACde
entity.name.operator.custom-literal#0BD40Bde
entity.name.scope-resolution#A3A3F3de
entity.name.tag#A7A7F4de
entity.name.tag.css#48BA48de
entity.name.type#F09A9Ade
entity.name.variable#0BC10Bde
entity.other.attribute#E98686de
entity.other.attribute-name#AFAFF6de
entity.other.attribute-name.class.css#EE95EEde
entity.other.attribute-name.class.mixin.css#F098F0de
entity.other.attribute-name.id#EC8F8Fde
entity.other.attribute-name.id.css#F5A9A9de
entity.other.attribute-name.parent-selector.css#F098F0de
entity.other.attribute-name.pseudo-class.css#4ABD4Ade
entity.other.attribute-name.pseudo-element.css#ED9292de
entity.other.attribute-name.scss#0BC80Bde
entity.other.document.begin.yaml#B1B1B16e
entity.other.inherited-class#F4A5F4de
header#9E9EF2de
invalid#A5A5F4de
keyword#E37BE3de
keyword.codetag.notation.python#ED9292de
keyword.control#A6A6F4de
keyword.control.anchor.regexp#F5AAAAde
keyword.control.import.python#EA8B8Bde
keyword.operator#F5ACACde
keyword.operator.alignas#E98686de
keyword.operator.alignof#A7A7F4de
keyword.operator.cast#E37BE3de
keyword.operator.delete#0BDE0Bde
keyword.operator.documentation.powershell#A3A3A36e
keyword.operator.expression#9F9FF2de
keyword.operator.instanceof#A2A2F3de
keyword.operator.logical.python#F4A9A9de
keyword.operator.minus.exponent#E986E9de
keyword.operator.negation.regexp#B3B3F7de
keyword.operator.new#F5ABABde
keyword.operator.noexcept#E37CE3de
keyword.operator.or.regexp#F3A2A2de
keyword.operator.plus.exponent#F3A3F3de
keyword.operator.quantifier.regexp#E683E6de
keyword.operator.sizeof#0DD60Dde
keyword.operator.typeid#9D9DF1de
keyword.operator.wordlike#EB8CEBde
keyword.other.operator#0ED20Ede
keyword.other.package.java#4EC14Ede
keyword.other.unit#F4A5A5de
keyword.other.using#EA8A8Ade
markup.bold#B8B8F8de
markup.changed#EB8D8Dde
markup.deleted#F4A8A8de
markup.fenced_code.block.markdown#A5A5F4de
markup.heading#B3B3F7de
markup.inline.raw#4CBF4Cde
markup.inserted#EB8C8Cde
markup.italic#0EC80Ede
markup.raw.block.markdown#59CC59de
markup.strikethrough#F09898de
markup.underline#F2A0A0de
meta.block.c#E681E6de
meta.block.c#ED9292de
meta.class.java#50C350de
meta.definition.variable.name#0EC50Ede
meta.diff.header#0DD50Dde
meta.embedded#EB8C8Cde
meta.embedded.assembly#4ABE4Ade
meta.function-call.arguments.python#AAAAF5de
meta.function-call.python#B1B1F7de
meta.member.access.python#EE9494de
meta.method.java#9A9AF0de
meta.object-literal.key#EB8C8Cde
meta.paragraph.markdown#62D362de
meta.preprocessor#0DD80Dde
meta.preprocessor.numeric#A3A3F3de
meta.preprocessor.string#0BDF0Bde
meta.scope.prerequisites.makefile#50C350de
meta.structure.dictionary.json.comments#B5B5B56e
meta.structure.dictionary.key.python#E681E6de
meta.structure.dictionary.value.json.comments#ACACAC6e
meta.template.expression#ED92EDde
meta.type.cast.expr#A0A0F2de
meta.type.new.expr#B9B9F8de
parameter#B1B1F7de
punctuation.character.set.begin.regexp#A9A9F4de
punctuation.character.set.end.regexp#EB8D8Dde
punctuation.definition.array.begin.json#AFAFF6de
punctuation.definition.character-class.regexp#58CB58de
punctuation.definition.comment#ACACAC6e
punctuation.definition.comment.json.comments#BCBCBC6e
punctuation.definition.comment.python#A8A8A86e
punctuation.definition.dictionary.begin.json#A7A7F4de
punctuation.definition.dictionary.end.json#F5ACACde
punctuation.definition.group.assertion.regexp#59CB59de
punctuation.definition.group.regexp#F09898de
punctuation.definition.list.begin.json#EB8CEBde
punctuation.definition.list.begin.markdown#0DCE0Dde
punctuation.definition.list.begin.python#EA8989de
punctuation.definition.list.end.json#F6ADADde
punctuation.definition.list.end.markdown#F5ABABde
punctuation.definition.list.end.python#0CC70Cde
punctuation.definition.parameters.begin.python#4CBF4Cde
punctuation.definition.parameters.end.bracket.round.java#A6A6F4de
punctuation.definition.quote.begin.markdown#EA8989de
punctuation.definition.tag#A7A7F4de
punctuation.definition.template-expression.begin#E98686de
punctuation.definition.template-expression.end#F4A6A6de
punctuation.section.class.begin.bracket.curly.java#F5ABABde
punctuation.section.embedded#4CBF4Cde
punctuation.section.embedded.begin.php#F29FF2de
punctuation.section.embedded.end.php#ED92EDde
punctuation.terminator.java#0BC10Bde
source.cmake#5DCF5Dde
source.coffee.embedded#0ECA0Ede
source.cpp#EB8CEBde
source.css.less#FC5EFCde
source.groovy.embedded#4BBE4Bde
source.java#47BA47de
source.java-properties#0DDE0Dde
source.json.comments#ACACAC6e
source.makefile#F5A9A9de
source.powershell#B1B1F6de
source.powershell.variable.other.member#E57FE5de
source.python#A6A6F4de
storage#F19BF1de
storage.modifier#0CDC0Cde
storage.modifier.import.java#ED9292de
storage.modifier.package.java#E98686de
storage.type#54C754de
storage.type.annotation.groovy#ED9090de
storage.type.annotation.java#EF96EFde
storage.type.boolean.go#F09B9Bde
storage.type.byte.go#67D667de
storage.type.cs#67D667de
storage.type.error.go#59CB59de
storage.type.generic.cs#AFAFF6de
storage.type.generic.groovy#0DC00Dde
storage.type.generic.java#50C350de
storage.type.groovy#A5A5F4de
storage.type.java#A7A7F4de
storage.type.modifier.cs#ACACF5de
storage.type.numeric.go#E98686de
storage.type.object.array.groovy#50C350de
storage.type.object.array.java#9999F0de
storage.type.parameters.groovy#F09999de
storage.type.primitive.array.groovy#EF98EFde
storage.type.primitive.array.java#0ED50Ede
storage.type.primitive.groovy#F29FF2de
storage.type.primitive.java#BABAF9de
storage.type.rune.go#A5A5F3de
storage.type.string.go#F3A3F3de
storage.type.token.java#0CDC0Cde
storage.type.uintptr.go#E88787de
storage.type.variable.cs#F3A3A3de
string#0BC90Bde
string.quoted.docstring.multi.python#B8B8B86e
string.regexp#E98787de
string.tag#E681E6de
string.value#BBBBF9de
strong#0DDC0Dde
support.class#F6AEAEde
support.constant.color#ED91EDde
support.constant.dom#4CBF4Cde
support.constant.font-name#50C350de
support.constant.handlebars#67D667de
support.constant.json#F3A2A2de
support.constant.math#F2A1A1de
support.constant.media#9F9FF2de
support.constant.media-type#A7A7F4de
support.constant.property-value#E987E9de
support.function#A5A5F4de
support.function.git-rebase#F19CF1de
support.other.parenthesis.regexp#F09898de
support.type#EC8F8Fde
support.type.property-name#0FC10Fde
support.type.vendored.property-name#59CB59de
support.variable#0BBC0Bde
token.debug-token#B3B3F7de
token.error-token#4ABE4Ade
token.info-token#5DCF5Dde
token.warn-token#F3A3A3de
variable#50C350de
variable.css#F29FF2de
variable.language#EA89EAde
variable.language.wildcard.java#EE9494de
variable.other.constant#F4A5F4de
variable.other.definition.java#0ED30Ede
variable.other.enummember#9E9EF2de
variable.other.less#EA8A8Ade
variable.other.object.java#A3A3F3de
variable.other.object.property.java#EE9595de
variable.parameter.c#0BDE0Bde
variable.parameter.function.language.python#4CBF4Cde
variable.parameter.java#F6ADADde
variable.scss#ED9292de
viiv by B.W - VS Code Theme