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#1f1b1bfe
  • activityBar.activeBackground#1f1b1bfe
  • activityBar.activeBorder#4ACA16fe
  • activityBar.activeFocusBorder#6D657600
  • activityBar.background#131111fe
  • activityBar.border#6D656500
  • activityBar.dropBorder#4ACA16fe
  • activityBar.foreground#4ACA16fe
  • activityBar.inactiveForeground#B4A9A965
  • activityBarBadge.background#4ACB17fe
  • activityBarBadge.foreground#131111fe
  • badge.background#49CA15fe
  • badge.foreground#131111fe
  • banner.background#1f1b1bfe
  • banner.foreground#FEE9E9ce
  • banner.iconForeground#C3C7C1fe
  • breadcrumb.activeSelectionForeground#DFDBDBca
  • breadcrumb.background#151313fe
  • breadcrumb.focusForeground#47CB11fe
  • breadcrumb.foreground#EFEDEDae
  • breadcrumbPicker.background#1f1b1bfe
  • button.background#473E3Eae
  • button.border#0C0D0E00
  • button.foreground#FEE9E9ce
  • button.hoverBackground#594D4D6e
  • button.secondaryBackground#1f1b1bfe
  • button.secondaryForeground#FEE9E9ce
  • button.secondaryHoverBackground#1f1b1bfe
  • button.separator#0C0D0E00
  • charts.blue#1b1bfffe
  • charts.foreground#FEE9E9ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067ca
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#110F0Ffe
  • chat.slashCommandBackground#1f1b1bfe
  • chat.slashCommandForeground#FEE9E9ce
  • checkbox.background#110F0Ffe
  • checkbox.border#110F0Ffe
  • checkbox.foreground#FEE9E9ce
  • checkbox.selectBackground#110F0Ffe
  • checkbox.selectBorder#110F0Ffe
  • commandCenter.activeBackground#1C2C2785
  • commandCenter.activeBorder#110F0Ffe
  • commandCenter.activeForeground#66C640fe
  • commandCenter.background#1f1b1bfe
  • commandCenter.border#110F0Ffe
  • commandCenter.foreground#FEE9E9ce
  • commandCenter.inactiveBorder#58000097
  • commandCenter.inactiveForeground#B1A5A565
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0D0E0C00
  • contrastBorder#0C0D0E00
  • debugConsole.errorForeground#FF98FFce
  • debugConsole.infoForeground#FEE9E9ce
  • debugConsole.sourceForeground#FEE9E9ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#CBCACFfe
  • debugExceptionWidget.background#4F004Fb4
  • debugExceptionWidget.border#110F0Ffe
  • debugIcon.breakpointCurrentStackframeForeground#DCDFDBfe
  • debugIcon.breakpointDisabledForeground#C3BBBB65
  • debugIcon.breakpointForeground#D7DBD9fe
  • debugIcon.breakpointStackframeForeground#C3BCC3fe
  • debugIcon.breakpointUnverifiedForeground#CED1D3fe
  • debugIcon.continueForeground#CBCACFfe
  • debugIcon.disconnectForeground#D8D2D2fe
  • debugIcon.pauseForeground#C3C7C1fe
  • debugIcon.restartForeground#CBCACFfe
  • debugIcon.startForeground#C4BBBBfe
  • debugIcon.stepBackForeground#BCC1C3fe
  • debugIcon.stepIntoForeground#D8D7DBfe
  • debugIcon.stepOutForeground#CBCBC5fe
  • debugIcon.stepOverForeground#C7C5CBfe
  • debugIcon.stopForeground#D4D2D7fe
  • debugTokenExpression.boolean#E4E7E6ca
  • debugTokenExpression.error#D2D7D5ca
  • debugTokenExpression.name#E1E0E3ca
  • debugTokenExpression.number#E1E0E3ca
  • debugTokenExpression.value#D7DBD9ca
  • debugToolBar.background#4F004Fbb
  • debugToolBar.border#110F0Ffe
  • debugView.exceptionLabelBackground#1F2926ca
  • debugView.exceptionLabelForeground#D8D2D2ca
  • debugView.stateLabelBackground#242B20ca
  • debugView.stateLabelForeground#D7DBD9ca
  • debugView.valueChangedHighlight#D8D7DBca
  • descriptionForeground#FEE9E9ce
  • diffEditor.border#0E0C0E00
  • diffEditor.diagonalFill#000000fc
  • diffEditor.insertedLineBackground#00300031
  • diffEditor.insertedTextBackground#102F12fb
  • diffEditor.insertedTextBorder#0D0E0C00
  • diffEditor.move.border#0E0E0C00
  • diffEditor.moveActive.border#0C0E0D00
  • diffEditor.removedLineBackground#5A000031
  • diffEditor.removedTextBackground#5B0000fb
  • diffEditor.removedTextBorder#0C0E0D00
  • diffEditor.unchangedCodeBackground#1f1b1bfe
  • diffEditor.unchangedRegionBackground#1f1b1bfe
  • diffEditor.unchangedRegionForeground#FEE9E9ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#C4BBBB65
  • dropdown.background#110F0Ffe
  • dropdown.border#110F0Ffe
  • dropdown.foreground#FEE9E9ce
  • dropdown.listBackground#110F0Ffe
  • editor.background#1f1b1bfe
  • editor.findMatchBackground#474F4Ca2
  • editor.findMatchBorder#110F0Ffe
  • editor.findMatchHighlightBackground#625555ad
  • editor.findMatchHighlightBorder#110F0Ffe
  • editor.findRangeHighlightBackground#4A4F52a8
  • editor.findRangeHighlightBorder#110F0Ffe
  • editor.focusedStackFrameHighlightBackground#574E5789
  • editor.foldBackground#BABFB8a2
  • editor.foreground#FEE9E9ce
  • editor.hoverHighlightBackground#554A4Aa1
  • editor.inactiveSelectionBackground#554A4A94
  • editor.inlineValuesBackground#1f1b1bfe
  • editor.inlineValuesForeground#FEE9E9ce
  • editor.lineHighlightBackground#393232b4
  • editor.lineHighlightBorder#0C0E0D00
  • editor.linkedEditingBackground#1f1b1bfe
  • editor.rangeHighlightBackground#6D626Da9
  • editor.rangeHighlightBorder#110F0Ffe
  • editor.selectionBackground#534A53a4
  • editor.selectionForeground#D7DBD9ca
  • editor.selectionHighlightBackground#5E696588
  • editor.selectionHighlightBorder#110F0Ffe
  • editor.snippetFinalTabstopHighlightBackground#4A4F52ae
  • editor.snippetFinalTabstopHighlightBorder#110F0Ffe
  • editor.snippetTabstopHighlightBackground#4A5052a4
  • editor.snippetTabstopHighlightBorder#110F0Ffe
  • editor.stackFrameHighlightBackground#69695Eae
  • editor.symbolHighlightBackground#645A64a6
  • editor.symbolHighlightBorder#110F0Ffe
  • editor.wordHighlightBackground#52585Bab
  • editor.wordHighlightBorder#0C0D0E00
  • editor.wordHighlightStrongBackground#57574Ead
  • editor.wordHighlightStrongBorder#0E0D0D00
  • editor.wordHighlightTextBackground#4A5250a7
  • editor.wordHighlightTextBorder#0C0D0E00
  • editorBracketHighlight.foreground1#F7F6F6ce
  • editorBracketHighlight.foreground2#F7F6F6ce
  • editorBracketHighlight.foreground3#F7F6F6ce
  • editorBracketHighlight.foreground4#F7F6F6ce
  • editorBracketHighlight.foreground5#F7F6F6ce
  • editorBracketHighlight.foreground6#F7F6F6ce
  • editorBracketHighlight.unexpectedBracket.foreground#FEE9E9ce
  • editorBracketMatch.background#C2BBC2aa
  • editorBracketMatch.border#110F0Ffe
  • editorBracketPairGuide.activeBackground1#BFBDC482
  • editorBracketPairGuide.activeBackground2#BDBDB588
  • editorBracketPairGuide.activeBackground3#B9BEB688
  • editorBracketPairGuide.activeBackground4#B7BEBC86
  • editorBracketPairGuide.activeBackground5#BFBDC48d
  • editorBracketPairGuide.activeBackground6#BFBDC382
  • editorBracketPairGuide.background1#342434fe
  • editorBracketPairGuide.background2#22291Efe
  • editorBracketPairGuide.background3#29291Efe
  • editorBracketPairGuide.background4#342424fe
  • editorBracketPairGuide.background5#29291Ffe
  • editorBracketPairGuide.background6#342334fe
  • editorCodeLens.foreground#C4BBBB6e
  • editorCommentsWidget.rangeActiveBackground#C5BDBDfe
  • editorCommentsWidget.rangeBackground#1f1b1bfe
  • editorCommentsWidget.resolvedBorder#110F0Ffe
  • editorCommentsWidget.unresolvedBorder#590000cb
  • editorCursor.background#1f1b1bfe
  • editorCursor.foreground#66C640fe
  • editorError.background#0D0E0C00
  • editorError.border#0D0E0C00
  • editorError.foreground#FF98FFce
  • editorGhostText.background#1f1b1bfe
  • editorGhostText.border#0E0E0C00
  • editorGhostText.foreground#C3BBBB6e
  • editorGroup.border#110F0Ffe
  • editorGroup.dropBackground#1f1b1bfe
  • editorGroup.dropIntoPromptBackground#1f1b1bfe
  • editorGroup.dropIntoPromptBorder#110F0Ffe
  • editorGroup.dropIntoPromptForeground#FEE9E9ce
  • editorGroup.emptyBackground#1f1b1bfe
  • editorGroup.focusedEmptyBorder#110F0Ffe
  • editorGroupHeader.border#0C0D0E00
  • editorGroupHeader.noTabsBackground#131111ae
  • editorGroupHeader.tabsBackground#1f1b1ba1
  • editorGroupHeader.tabsBorder#0D0C0E00
  • editorGutter.addedBackground#8ACD8Efb
  • editorGutter.background#1f1b1bfe
  • editorGutter.commentGlyphForeground#FEE9E9ce
  • editorGutter.commentRangeForeground#FEE9E9ce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FFA5A5cb
  • editorGutter.foldingControlForeground#FEE9E9ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0E0C0E00
  • editorHint.foreground#C4B1FFce
  • editorHoverWidget.background#110F0Ffe
  • editorHoverWidget.border#110F0Ffe
  • editorHoverWidget.foreground#FEE9E9ce
  • editorHoverWidget.highlightForeground#E3E3E0ca
  • editorHoverWidget.statusBarBackground#1f1b1bfe
  • editorIndentGuide.activeBackground1#4ACA16fe
  • editorIndentGuide.activeBackground2#45CB0Ffe
  • editorIndentGuide.activeBackground3#44CA11fe
  • editorIndentGuide.activeBackground4#4ACA16fe
  • editorIndentGuide.activeBackground5#48CB13fe
  • editorIndentGuide.activeBackground6#46CA10fe
  • editorIndentGuide.background1#BFBFB835
  • editorIndentGuide.background2#ABB3B035
  • editorIndentGuide.background3#ABB0B335
  • editorIndentGuide.background4#A6ACAF35
  • editorIndentGuide.background5#9F959F35
  • editorIndentGuide.background6#A399A335
  • editorInfo.background#0E0E0C00
  • editorInfo.border#0D0E0C00
  • editorInfo.foreground#C4B1FFce
  • editorInlayHint.background#1f1b1bfe
  • editorInlayHint.foreground#FEE9E9ce
  • editorInlayHint.parameterBackground#1f1b1bfe
  • editorInlayHint.parameterForeground#FEE9E9ce
  • editorInlayHint.typeBackground#1f1b1bfe
  • editorInlayHint.typeForeground#FEE9E9ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#47CB11fe
  • editorLineNumber.dimmedForeground#C3BBBB6e
  • editorLineNumber.foreground#C4BBBB6e
  • editorLink.activeForeground#48CA13fe
  • editorMarkerNavigation.background#110F0Ffe
  • editorMarkerNavigationError.background#4F004Fbe
  • editorMarkerNavigationError.headerBackground#4F004Fb9
  • editorMarkerNavigationInfo.background#000096fe
  • editorMarkerNavigationInfo.headerBackground#000096fe
  • editorMarkerNavigationWarning.background#302800fe
  • editorMarkerNavigationWarning.headerBackground#302800fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#1f1b1bfe
  • editorOverviewRuler.border#2C2626fe
  • editorOverviewRuler.bracketMatchForeground#FEE9E9ce
  • editorOverviewRuler.commentForeground#C3BBBB6e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#FEE9E9ce
  • editorOverviewRuler.currentContentForeground#cececea3
  • editorOverviewRuler.deletedForeground#FFA5A5cb
  • editorOverviewRuler.errorForeground#FF98FFce
  • editorOverviewRuler.findMatchForeground#00D3D3ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C4B1FFce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#E5E4E7ca
  • editorOverviewRuler.selectionHighlightForeground#C4B1FFce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#E5E7E4ca
  • editorOverviewRuler.wordHighlightStrongForeground#FEE9E9ce
  • editorOverviewRuler.wordHighlightTextForeground#FEE9E9ce
  • editorPane.background#1f1b1bfe
  • editorRuler.foreground#C3BBBB29
  • editorStickyScroll.background#1f1b1bfe
  • editorStickyScrollHover.background#451D1D6e
  • editorSuggestWidget.background#110F0Ffe
  • editorSuggestWidget.border#0C0E0D00
  • editorSuggestWidget.focusHighlightForeground#78B8E3fe
  • editorSuggestWidget.foreground#CACDCFfe
  • editorSuggestWidget.highlightForeground#E5E4E7ca
  • editorSuggestWidget.selectedBackground#504C558b
  • editorSuggestWidget.selectedForeground#D8D7DBca
  • editorSuggestWidget.selectedIconForeground#E3DFDFca
  • editorSuggestWidgetStatus.foreground#D4D2D7fe
  • editorUnicodeHighlight.background#474F4Caa
  • editorUnicodeHighlight.border#110F0Ffe
  • editorUnnecessaryCode.border#312800ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0D0C0E00
  • editorWarning.border#0C0D0E00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#FEE9E9ce
  • editorWidget.background#110F0Ffe
  • editorWidget.border#110F0Ffe
  • editorWidget.foreground#FEE9E9ce
  • editorWidget.resizeBorder#110F0Ffe
  • errorForeground#FF98FFce
  • extensionBadge.remoteBackground#66C640fe
  • extensionBadge.remoteForeground#131111fe
  • extensionButton.background#3C2222ae
  • extensionButton.foreground#FEE9E9ce
  • extensionButton.hoverBackground#421E1E6e
  • extensionButton.prominentBackground#1f1b1bfe
  • extensionButton.prominentForeground#FEE9E9ce
  • extensionButton.prominentHoverBackground#1f1b1bfe
  • extensionButton.separator#0E0C0E00
  • extensionIcon.preReleaseForeground#CBCACFfe
  • extensionIcon.sponsorForeground#C3C3BCfe
  • extensionIcon.starForeground#D4D7D2fe
  • extensionIcon.verifiedForeground#D4D2D7fe
  • focusBorder#0D0C0E00
  • foreground#FEE9E9ce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FFA5A5cb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C4B1FFce
  • gitDecoration.stageDeletedResourceForeground#FFA5A5cb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00D3D3ce
  • icon.foreground#C4BBBBae
  • inlineChat.background#222930ca
  • inlineChat.border#28281Eca
  • inlineChat.regionHighlight#E3DFDFca
  • inlineChat.shadow#D7DBD9ca
  • inlineChatDiff.inserted#D2D7D5ca
  • inlineChatDiff.removed#DFDFDBca
  • inlineChatInput.background#E4E7E6ca
  • inlineChatInput.border#29291Fca
  • inlineChatInput.focusBorder#0D0C0E00
  • inlineChatInput.placeholderForeground#E5E4E7ca
  • input.background#110F0Ffe
  • input.border#110F0Ffe
  • input.foreground#FEE9E9ce
  • input.placeholderForeground#C4BBBB65
  • inputOption.activeBackground#110F0Ffe
  • inputOption.activeBorder#110F0Ffe
  • inputOption.activeForeground#66C640fe
  • inputOption.hoverBackground#110F0Ffe
  • inputValidation.errorBackground#670067ad
  • inputValidation.errorBorder#4F004Fcb
  • inputValidation.errorForeground#FF98FFce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#110F0Ffe
  • inputValidation.infoForeground#FEE9E9ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#110F0Ffe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#110F0Ffe
  • interactive.inactiveCodeBorder#5800009d
  • keybindingLabel.background#1f1b1bfe
  • keybindingLabel.border#110F0Ffe
  • keybindingLabel.bottomBorder#110F0Ffe
  • keybindingLabel.foreground#FEE9E9ce
  • keybindingTable.headerBackground#1f1b1bfe
  • keybindingTable.rowsBackground#1f1b1bfe
  • list.activeSelectionBackground#51574E88
  • list.activeSelectionForeground#D7DBD9ca
  • list.activeSelectionIconForeground#E7E7E4ca
  • list.deemphasizedForeground#FEE9E9ce
  • list.dropBackground#1f1b1bfe
  • list.errorForeground#FF98FFce
  • list.filterMatchBackground#1f1b1bfe
  • list.filterMatchBorder#110F0Ffe
  • list.focusAndSelectionOutline#0D0C0E00
  • list.focusBackground#554A4A96
  • list.focusForeground#4ACB16fe
  • list.focusHighlightForeground#B4B466fe
  • list.focusOutline#0E0C0E00
  • list.highlightForeground#E0E2E3ca
  • list.hoverBackground#4B0A4Ba7
  • list.hoverForeground#49CA15fe
  • list.inactiveFocusBackground#2C262697
  • list.inactiveFocusOutline#0E0D0D00
  • list.inactiveSelectionBackground#131111ae
  • list.inactiveSelectionForeground#C3BBBB65
  • list.inactiveSelectionIconForeground#C4BBBB65
  • list.invalidItemForeground#FEE9E9ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#1f1b1bfe
  • listFilterWidget.noMatchesOutline#0C0E0D00
  • listFilterWidget.outline#0D0C0E00
  • listFilterWidget.shadow#0D0C0E00
  • menu.background#131111fe
  • menu.border#0E0E0C00
  • menu.foreground#EFEDEDae
  • menu.selectionBackground#534A53ab
  • menu.selectionBorder#0E0D0D00
  • menu.selectionForeground#48CA13fe
  • menu.separatorBackground#2F272765
  • menubar.selectionBackground#534A53ae
  • menubar.selectionBorder#0E0C0E00
  • menubar.selectionForeground#62C13Cfe
  • merge.border#110F0Ffe
  • merge.commonContentBackground#1f1b1bfe
  • merge.commonHeaderBackground#1f1b1bfe
  • merge.currentContentBackground#00300031
  • merge.currentHeaderBackground#102F12fb
  • merge.incomingContentBackground#102D12cb
  • merge.incomingHeaderBackground#102F12fb
  • mergeEditor.change.background#1f1b1bfe
  • mergeEditor.change.word.background#1f1b1bfe
  • mergeEditor.changeBase.background#1f1b1bfe
  • mergeEditor.changeBase.word.background#1f1b1bfe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#110F0Ffe
  • mergeEditor.conflict.handledUnfocused.border#27222222
  • mergeEditor.conflict.input1.background#110F0Ffe
  • mergeEditor.conflict.input2.background#110F0Ffe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067c1
  • mergeEditor.conflict.unhandledFocused.border#110F0Ffe
  • mergeEditor.conflict.unhandledUnfocused.border#27222222
  • mergeEditor.conflictingLines.background#1f1b1bfe
  • minimap.background#1f1b1bfe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F7F6F6ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#8ACD8Efb
  • minimapGutter.deletedBackground#FFA5A5fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#746565fe
  • minimapSlider.background#544949ae
  • minimapSlider.hoverBackground#594D4D6e
  • notebook.cellBorderColor#110F0Ffe
  • notebook.cellEditorBackground#1f1b1bfe
  • notebook.cellHoverBackground#1f1b1bfe
  • notebook.cellInsertionIndicator#DCDBDFca
  • notebook.cellStatusBarItemHoverBackground#1f1b1bfe
  • notebook.cellToolbarSeparator#E7E4E7ca
  • notebook.editorBackground#1f1b1bfe
  • notebook.focusedCellBackground#1f1b1bfe
  • notebook.focusedCellBorder#49CA14fe
  • notebook.focusedEditorBorder#110F0Ffe
  • notebook.inactiveFocusedCellBorder#7868688e
  • notebook.inactiveSelectedCellBorder#8170708e
  • notebook.outputContainerBackgroundColor#1f1b1bfe
  • notebook.outputContainerBorderColor#110F0Ffe
  • notebook.selectedCellBackground#1f1b1bfe
  • notebook.selectedCellBorder#110F0Ffe
  • notebook.symbolHighlightBackground#1f1b1bfe
  • notebookEditorOverviewRuler.runningCellForeground#FEE9E9ce
  • notebookScrollbarSlider.activeBackground#6F6161fe
  • notebookScrollbarSlider.background#544949ae
  • notebookScrollbarSlider.hoverBackground#6B5D5D6e
  • notebookStatusErrorIcon.foreground#FF98FFce
  • notebookStatusRunningIcon.foreground#D8DBD7fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#110F0Ffe
  • notificationCenterHeader.background#1f1b1bfe
  • notificationCenterHeader.foreground#FEE9E9ce
  • notificationLink.foreground#FEE9E9ce
  • notifications.background#1f1b1bfe
  • notifications.border#110F0Ffe
  • notifications.foreground#FEE9E9ce
  • notificationsErrorIcon.foreground#FF98FFce
  • notificationsInfoIcon.foreground#D0D3CEfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#110F0Ffe
  • panel.background#1f1b1bfe
  • panel.border#110F0Ffe
  • panel.dropBorder#110F0Ffe
  • panelInput.border#110F0Ffe
  • panelSection.border#110F0Ffe
  • panelSection.dropBackground#1f1b1bfe
  • panelSectionHeader.background#1f1b1bfe
  • panelSectionHeader.border#110F0Ffe
  • panelSectionHeader.foreground#FEE9E9ce
  • panelTitle.activeBorder#0E0C0E00
  • panelTitle.activeForeground#4ACA16fe
  • panelTitle.inactiveForeground#B4A9A965
  • peekView.border#45CB0Ffe
  • peekViewEditor.background#110F0Ffe
  • peekViewEditor.matchHighlightBackground#525B5881
  • peekViewEditor.matchHighlightBorder#0E0D0D00
  • peekViewEditorGutter.background#110F0Ffe
  • peekViewEditorStickyScroll.background#1f1b1bfe
  • peekViewResult.background#131111fe
  • peekViewResult.fileForeground#FEE9E9ce
  • peekViewResult.lineForeground#FEE9E9ce
  • peekViewResult.matchHighlightBackground#6D626D85
  • peekViewResult.selectionBackground#4A4F4784
  • peekViewResult.selectionForeground#DBDBD7ca
  • peekViewTitle.background#131111fe
  • peekViewTitleDescription.foreground#FEE9E9ce
  • peekViewTitleLabel.foreground#FEE9E9ce
  • pickerGroup.border#110F0Ffe
  • pickerGroup.foreground#FEE9E9ce
  • ports.iconRunningProcessForeground#E5E4E7fe
  • problemsErrorIcon.foreground#FF98FFce
  • problemsInfoIcon.foreground#C4B1FFce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#4ACB16fe
  • profileBadge.foreground#131111fe
  • progressBar.background#1f1b1bfe
  • quickInput.background#131111fe
  • quickInput.foreground#EFEDEDae
  • quickInputList.focusBackground#565D60ae
  • quickInputList.focusForeground#49CA14fe
  • quickInputList.focusIconForeground#4ACA17fe
  • quickInputTitle.background#110F0Ffe
  • sash.hoverBorder#110F0Ffe
  • scrollbar.shadow#0D0C0E00
  • scrollbarSlider.activeBackground#817070fe
  • scrollbarSlider.background#423A3Aae
  • scrollbarSlider.hoverBackground#6659596e
  • search.resultsInfoForeground#FEE9E9ce
  • searchEditor.findMatchBackground#4F4B54a9
  • searchEditor.findMatchBorder#110F0Ffe
  • searchEditor.textInputBorder#110F0Ffe
  • selection.background#1f1b1bfe
  • settings.checkboxBackground#110F0Ffe
  • settings.checkboxBorder#110F0Ffe
  • settings.checkboxForeground#FEE9E9ce
  • settings.dropdownBackground#110F0Ffe
  • settings.dropdownBorder#110F0Ffe
  • settings.dropdownForeground#FEE9E9ce
  • settings.dropdownListBorder#110F0Ffe
  • settings.focusedRowBackground#4E54578b
  • settings.focusedRowBorder#110F0Ffe
  • settings.headerBorder#110F0Ffe
  • settings.headerForeground#FEE9E9ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#110F0Ffe
  • settings.numberInputBorder#110F0Ffe
  • settings.numberInputForeground#FEE9E9ce
  • settings.rowHoverBackground#1f1b1bfe
  • settings.sashBorder#110F0Ffe
  • settings.settingsHeaderHoverForeground#66C640fe
  • settings.textInputBackground#110F0Ffe
  • settings.textInputBorder#110F0Ffe
  • settings.textInputForeground#FEE9E9ce
  • sideBar.background#1f1b1bfe
  • sideBar.border#110F0Ffe
  • sideBar.dropBackground#1f1b1bfe
  • sideBar.foreground#C4BBBBae
  • sideBarSectionHeader.background#0E0C0E00
  • sideBarSectionHeader.border#110F0Ffe
  • sideBarSectionHeader.foreground#FEE9E9ce
  • sideBarTitle.foreground#FEE9E9ce
  • sideBySideEditor.horizontalBorder#110F0Ffe
  • sideBySideEditor.verticalBorder#110F0Ffe
  • simpleFindWidget.sashBorder#110F0Ffe
  • statusBar.background#131111fe
  • statusBar.border#110F0Ffe
  • statusBar.debuggingBackground#4F004Fc1
  • statusBar.debuggingBorder#110F0Ffe
  • statusBar.debuggingForeground#FEE9E9ce
  • statusBar.focusBorder#0D0C0E00
  • statusBar.foreground#C4BBBB6e
  • statusBar.noFolderBackground#131111fe
  • statusBar.noFolderBorder#110F0Ffe
  • statusBar.noFolderForeground#FEE9E9ce
  • statusBarItem.activeBackground#131111fe
  • statusBarItem.compactHoverBackground#131111fe
  • statusBarItem.errorBackground#4F004Fc8
  • statusBarItem.errorForeground#FF98FFce
  • statusBarItem.errorHoverBackground#4F004Fc6
  • statusBarItem.errorHoverForeground#B700B7ce
  • statusBarItem.focusBorder#0E0D0D00
  • statusBarItem.hoverBackground#131111fe
  • statusBarItem.hoverForeground#49CA14fe
  • statusBarItem.offlineBackground#131111fe
  • statusBarItem.offlineForeground#FEE9E9ce
  • statusBarItem.offlineHoverBackground#131111fe
  • statusBarItem.offlineHoverForeground#4ACB16fe
  • statusBarItem.prominentBackground#131111fe
  • statusBarItem.prominentForeground#FEE9E9ce
  • statusBarItem.prominentHoverBackground#131111fe
  • statusBarItem.prominentHoverForeground#62C13Cfe
  • statusBarItem.remoteBackground#62C13Cfe
  • statusBarItem.remoteForeground#131111fe
  • statusBarItem.remoteHoverBackground#131111fe
  • statusBarItem.remoteHoverForeground#49CA14fe
  • statusBarItem.warningBackground#302800fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#302800fe
  • statusBarItem.warningHoverForeground#D2AE00ce
  • symbolIcon.arrayForeground#DFDBDBfe
  • symbolIcon.booleanForeground#00D3D3ce
  • symbolIcon.classForeground#D7D7D2fe
  • symbolIcon.colorForeground#E0E3E2fe
  • symbolIcon.constantForeground#BEBCC3fe
  • symbolIcon.constructorForeground#D0D3CEfe
  • symbolIcon.enumeratorForeground#D7D2D7fe
  • symbolIcon.enumeratorMemberForeground#E5E4E7fe
  • symbolIcon.eventForeground#C7C5CBfe
  • symbolIcon.fieldForeground#DBDEDFfe
  • symbolIcon.fileForeground#CACFCDfe
  • symbolIcon.folderForeground#DBDBD7fe
  • symbolIcon.functionForeground#D4D2D7fe
  • symbolIcon.interfaceForeground#D7D9DBfe
  • symbolIcon.keyForeground#C3BCC3fe
  • symbolIcon.keywordForeground#C1C7C5fe
  • symbolIcon.methodForeground#C5C9CBfe
  • symbolIcon.moduleForeground#C3C7C1fe
  • symbolIcon.namespaceForeground#C3C1C7fe
  • symbolIcon.nullForeground#D8DBD7fe
  • symbolIcon.numberForeground#E1E0E3fe
  • symbolIcon.objectForeground#C1C5C7fe
  • symbolIcon.operatorForeground#C7C1C7fe
  • symbolIcon.packageForeground#C3C1C7fe
  • symbolIcon.propertyForeground#E1E0E3fe
  • symbolIcon.referenceForeground#D7DBD9fe
  • symbolIcon.snippetForeground#BCC1C3fe
  • symbolIcon.stringForeground#DBDEDFfe
  • symbolIcon.structForeground#BEBCC3fe
  • symbolIcon.textForeground#DFDBDBfe
  • symbolIcon.typeParameterForeground#C7CBC5fe
  • symbolIcon.unitForeground#CACFCDfe
  • symbolIcon.variableForeground#C1C5C7fe
  • tab.activeBackground#151313fe
  • tab.activeBorder#0E0C0E00
  • tab.activeBorderTop#3FC808fe
  • tab.activeForeground#4ACA15fe
  • tab.activeModifiedBorder#312800ce
  • tab.border#0D0E0C00
  • tab.hoverBackground#C2BAC2aa
  • tab.hoverBorder#110F0Ffe
  • tab.hoverForeground#48CA13fe
  • tab.inactiveBackground#58000092
  • tab.inactiveForeground#FD6C6C65
  • tab.inactiveModifiedBorder#312800ce
  • tab.lastPinnedBorder#110F0Ffe
  • tab.unfocusedActiveBackground#27222223
  • tab.unfocusedActiveBorder#0C0E0D00
  • tab.unfocusedActiveBorderTop#2F272765
  • tab.unfocusedActiveForeground#B4A9A965
  • tab.unfocusedActiveModifiedBorder#312800ce
  • tab.unfocusedHoverBackground#C5BBBB2a
  • tab.unfocusedHoverBorder#231E1E27
  • tab.unfocusedHoverForeground#B1A5A565
  • tab.unfocusedInactiveBackground#3E363693
  • tab.unfocusedInactiveForeground#B4A9A965
  • tab.unfocusedInactiveModifiedBorder#312800ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333b7
  • 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#670067a8
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececec7
  • terminal.ansiYellow#c4a200fe
  • terminal.background#1f1b1bfe
  • terminal.border#110F0Ffe
  • terminal.dropBackground#1f1b1bfe
  • terminal.findMatchBackground#1f1b1bfe
  • terminal.findMatchBorder#110F0Ffe
  • terminal.findMatchHighlightBackground#1f1b1bfe
  • terminal.findMatchHighlightBorder#110F0Ffe
  • terminal.foreground#C4BBBBae
  • terminal.hoverHighlightBackground#1f1b1bfe
  • terminal.inactiveSelectionBackground#3E36369d
  • terminal.selectionBackground#4E4E458d
  • terminal.selectionForeground#E4E6E7ca
  • terminal.tab.activeBorder#40CA09fe
  • terminalCommandDecoration.defaultBackground#BABFB8a7
  • terminalCommandDecoration.errorBackground#FFA5A5cb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#1f1b1bfe
  • terminalCursor.foreground#49CA15fe
  • terminalOverviewRuler.cursorForeground#FEE9E9ce
  • terminalOverviewRuler.findMatchForeground#00D3D3ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0b0
  • testing.iconUnset#808080a3
  • testing.message.error.decorationForeground#8BE169fe
  • testing.message.error.lineBackground#4F004Fb3
  • testing.message.info.decorationForeground#81D062fe
  • testing.message.info.lineBackground#000096fe
  • testing.peekBorder#110F0Ffe
  • testing.peekHeaderBackground#1f1b1bfe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#1f1b1bfe
  • textBlockQuote.border#110F0Ffe
  • textCodeBlock.background#1f1b1bfe
  • textLink.activeForeground#48CA13fe
  • textLink.foreground#C4B1FFce
  • textPreformat.foreground#FEE9E9ce
  • textSeparator.foreground#FEE9E9ce
  • titleBar.activeBackground#131111fe
  • titleBar.activeForeground#EE9B9Bae
  • titleBar.border#0C0D0E00
  • titleBar.inactiveBackground#2C2626dc
  • titleBar.inactiveForeground#B4A9A965
  • toolbar.activeBackground#1F2B3283
  • toolbar.hoverBackground#1f1b1bfe
  • toolbar.hoverOutline#0D0C0E00
  • tree.inactiveIndentGuidesStroke#A3A39935
  • tree.indentGuidesStroke#7BD159fe
  • tree.tableColumnsBorder#110F0Ffe
  • tree.tableOddRowsBackground#1f1b1bfe
  • walkThrough.embeddedEditorBackground#1f1b1bfe
  • walkthrough.stepTitle.foreground#FEE9E9ce
  • welcomePage.background#1f1b1bfe
  • welcomePage.progress.background#1f1b1bfe
  • welcomePage.progress.foreground#FEE9E9ce
  • welcomePage.tileBackground#1f1b1bfe
  • welcomePage.tileBorder#110F0Ffe
  • welcomePage.tileHoverBackground#1f1b1bfe
  • widget.border#110F0Ffe
  • widget.shadow#0C0E0D00
  • window.activeBorder#110F0Ffe
  • window.inactiveBorder#58000099

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#F9B4B46e
comment.block.html#F7B4B46e
comment.block.java#F6B5B56e
comment.block.javadoc.java#F6B5B56e
comment.block.powershell#F9B4B46e
comment.block.xml#F6B5B56e
comment.line.double-slash.c#F9B4B46e
comment.line.double-slash.cpp#F9B4B46e
comment.line.double-slash.java#F6B5B56e
comment.line.double-slash.js#F7B4B46e
comment.line.number-sign.makefile#F6B5B56e
comment.line.number-sign.python#F7B4B46e
comment.line.number-sign.yaml#F7B4B46e
comment.line.percentage.erlang#F6B5B56e
comment.line.powershell#F7B4B46e
comment.source.cmake#FAB4B46e
comment.source.cmakecache#F7B4B46e
constant.character#BFA9F6de
constant.character.character-class.regexp#FEA7FEde
constant.character.escape#15E18Ade
constant.character.set.regexp#0FE188de
constant.language#E3C515de
constant.numeric#E4C513de
constant.numeric.dec.python#E4C30Dde
constant.other.caps.python#12E289de
constant.other.character-class.regexp#E0C415de
constant.other.character-class.set.regexp#FEA4FEde
constant.other.color.rgb-value#E681E6de
constant.other.placeholder#15E28Ade
constant.other.rgb-value#8DCCFDde
constant.regexp#8EC5EFde
constant.sha.git-rebase#12E289de
emphasis#A6A6A6de
entity.name.class#C4B0F8de
entity.name.function#CAB5FEde
entity.name.function.preprocessor#E1C50Fde
entity.name.function.python#87C1EDde
entity.name.label#B29AEFde
entity.name.namespace#E681E6de
entity.name.operator#15E189de
entity.name.operator.custom-literal#94C9F1de
entity.name.scope-resolution#12E289de
entity.name.tag#AAAAAAde
entity.name.tag.css#CEBBFEde
entity.name.type#E780E7de
entity.name.variable#EB81EBde
entity.other.attribute#4FE215de
entity.other.attribute-name#15E188de
entity.other.attribute-name.class.css#4EE115de
entity.other.attribute-name.class.mixin.css#50E114de
entity.other.attribute-name.id#B198F0de
entity.other.attribute-name.id.css#4CE30Fde
entity.other.attribute-name.parent-selector.css#4EE212de
entity.other.attribute-name.pseudo-class.css#50E115de
entity.other.attribute-name.pseudo-element.css#7BBAE9de
entity.other.attribute-name.scss#CAB7F9de
entity.other.document.begin.yaml#F6B5B56e
entity.other.inherited-class#CAB7F9de
header#8BCCFEde
invalid#4FE115de
keyword#CAB5FEde
keyword.codetag.notation.python#14E189de
keyword.control#4EE115de
keyword.control.anchor.regexp#4EE212de
keyword.control.import.python#15E18Ade
keyword.operator#4FE115de
keyword.operator.alignas#ED87EDde
keyword.operator.alignof#AAAAAAde
keyword.operator.cast#75B5E6de
keyword.operator.delete#FEA7FEde
keyword.operator.documentation.powershell#FAB4B46e
keyword.operator.expression#75B5E6de
keyword.operator.instanceof#E1C515de
keyword.operator.logical.python#4FE215de
keyword.operator.minus.exponent#8DCCFDde
keyword.operator.negation.regexp#C6C6C6de
keyword.operator.new#50E114de
keyword.operator.noexcept#0DE285de
keyword.operator.or.regexp#A6A6A6de
keyword.operator.plus.exponent#4FE115de
keyword.operator.quantifier.regexp#10E288de
keyword.operator.sizeof#E1C414de
keyword.operator.typeid#CAB5FEde
keyword.operator.wordlike#4CE210de
keyword.other.operator#15E189de
keyword.other.package.java#F194F1de
keyword.other.unit#E1C415de
keyword.other.using#C6C6C6de
markup.bold#CAB5FEde
markup.changed#94C9F1de
markup.deleted#C5C5C5de
markup.fenced_code.block.markdown#8EC5EFde
markup.heading#A6A6A6de
markup.inline.raw#A6A6A6de
markup.inserted#E1C415de
markup.italic#15E18Ade
markup.raw.block.markdown#C6C6C6de
markup.strikethrough#B7B7B7de
markup.underline#EF8EEFde
meta.block.c#10E288de
meta.block.c#C6C6C6de
meta.class.java#F6A9F6de
meta.definition.variable.name#B199EEde
meta.diff.header#F5A2F5de
meta.embedded#50E114de
meta.embedded.assembly#75B5E6de
meta.function-call.arguments.python#15E18Ade
meta.function-call.python#15E189de
meta.member.access.python#E0C40Ede
meta.method.java#E0C415de
meta.object-literal.key#4AE210de
meta.paragraph.markdown#87C1EDde
meta.preprocessor#E4C410de
meta.preprocessor.numeric#94C9F1de
meta.preprocessor.string#4EE115de
meta.scope.prerequisites.makefile#75B5E6de
meta.structure.dictionary.json.comments#F9B4B46e
meta.structure.dictionary.key.python#15E18Ade
meta.structure.dictionary.value.json.comments#F7B4B46e
meta.template.expression#EF8EEFde
meta.type.cast.expr#B29AEFde
meta.type.new.expr#E2C412de
parameter#15E188de
punctuation.character.set.begin.regexp#50E114de
punctuation.character.set.end.regexp#EB81EBde
punctuation.definition.array.begin.json#B3B3B3de
punctuation.definition.character-class.regexp#50E114de
punctuation.definition.comment#FAB4B46e
punctuation.definition.comment.json.comments#F9B4B46e
punctuation.definition.comment.python#F6B5B56e
punctuation.definition.dictionary.begin.json#C6C6C6de
punctuation.definition.dictionary.end.json#8CCCFEde
punctuation.definition.group.assertion.regexp#C6C6C6de
punctuation.definition.group.regexp#FEA7FEde
punctuation.definition.list.begin.json#FEA8FEde
punctuation.definition.list.begin.markdown#B198F0de
punctuation.definition.list.begin.python#15E18Ade
punctuation.definition.list.end.json#4FE215de
punctuation.definition.list.end.markdown#8ECDFDde
punctuation.definition.list.end.python#B7B7B7de
punctuation.definition.parameters.begin.python#C6C6C6de
punctuation.definition.parameters.end.bracket.round.java#CEBBFEde
punctuation.definition.quote.begin.markdown#15E188de
punctuation.definition.tag#4FE215de
punctuation.definition.template-expression.begin#F194F1de
punctuation.definition.template-expression.end#E1C415de
punctuation.section.class.begin.bracket.curly.java#6FB1E3de
punctuation.section.embedded#10E288de
punctuation.section.embedded.begin.php#15E18Ade
punctuation.section.embedded.end.php#E97EE9de
punctuation.terminator.java#4AE210de
source.cmake#F5A2F5de
source.coffee.embedded#FEA8FEde
source.cpp#E1C414de
source.css.less#C5C5C5de
source.groovy.embedded#50E115de
source.java#E780E7de
source.java-properties#14E189de
source.json.comments#FAB4B46e
source.makefile#8ECDFDde
source.powershell#CAB5FEde
source.powershell.variable.other.member#E97EE9de
source.python#10E289de
storage#7BBAE9de
storage.modifier#8CCDFDde
storage.modifier.import.java#BFA9F6de
storage.modifier.package.java#E0C415de
storage.type#AFAFAFde
storage.type.annotation.groovy#E2C412de
storage.type.annotation.java#CEBBFEde
storage.type.boolean.go#C6C6C6de
storage.type.byte.go#81BEEBde
storage.type.cs#E4C513de
storage.type.error.go#94C9F1de
storage.type.generic.cs#0DE285de
storage.type.generic.groovy#B19AEBde
storage.type.generic.java#87C1EDde
storage.type.groovy#15E18Ade
storage.type.java#E1C515de
storage.type.modifier.cs#87C1EDde
storage.type.numeric.go#0DE285de
storage.type.object.array.groovy#E3C515de
storage.type.object.array.java#49E20Dde
storage.type.parameters.groovy#0FE188de
storage.type.primitive.array.groovy#75B5E6de
storage.type.primitive.array.java#C6C6C6de
storage.type.primitive.groovy#8DCDFDde
storage.type.primitive.java#B3B3B3de
storage.type.rune.go#E1C415de
storage.type.string.go#8BCDFDde
storage.type.token.java#8BCDFDde
storage.type.uintptr.go#0FE188de
storage.type.variable.cs#15E18Ade
string#B19AEBde
string.quoted.docstring.multi.python#FAB4B46e
string.regexp#B29AEEde
string.tag#E1C414de
string.value#14E189de
strong#4AE20Ede
support.class#12E289de
support.constant.color#CAB7F9de
support.constant.dom#C6C6C6de
support.constant.font-name#8BCDFDde
support.constant.handlebars#B19AECde
support.constant.json#CAB5FEde
support.constant.math#B49BF3de
support.constant.media#FEA7FEde
support.constant.media-type#EF8EEFde
support.constant.property-value#50E114de
support.function#A6A6A6de
support.function.git-rebase#7BBAE9de
support.other.parenthesis.regexp#E780E7de
support.type#E1C415de
support.type.property-name#CEBBFEde
support.type.vendored.property-name#50E114de
support.variable#F194F1de
token.debug-token#69ADE1de
token.error-token#CEBBFEde
token.info-token#B3B3B3de
token.warn-token#BFA9F6de
variable#69ADE1de
variable.css#C6C6C6de
variable.language#CAB5FEde
variable.language.wildcard.java#C5C5C5de
variable.other.constant#C6C6C6de
variable.other.definition.java#15E189de
variable.other.enummember#E4C513de
variable.other.less#E4C410de
variable.other.object.java#14E189de
variable.other.object.property.java#4FE215de
variable.parameter.c#E0C40Ede
variable.parameter.function.language.python#B198F0de
variable.parameter.java#E0C415de
variable.scss#C6C6C6de
viiv by B.W - VS Code Theme