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#1E7408fe
  • activityBar.activeFocusBorder#3A61AE00
  • activityBar.background#0E0E0Efe
  • activityBar.border#3A61AE00
  • activityBar.dropBorder#1C7406fe
  • activityBar.foreground#1A7305fe
  • activityBar.inactiveForeground#A9A9A965
  • activityBarBadge.background#20750Bfe
  • activityBarBadge.foreground#0E0E0Efe
  • badge.background#20750Afe
  • badge.foreground#0E0E0Efe
  • banner.background#161616fe
  • banner.foreground#B8B8B8ce
  • banner.iconForeground#D0BFC8fe
  • breadcrumb.activeSelectionForeground#DED6D3ca
  • breadcrumb.background#111111fe
  • breadcrumb.focusForeground#21740Bfe
  • breadcrumb.foreground#E5E5E5ae
  • breadcrumbPicker.background#161616fe
  • button.background#4A4A4Aae
  • button.border#0E0E0B00
  • button.foreground#B8B8B8ce
  • button.hoverBackground#2828286e
  • button.secondaryBackground#161616fe
  • button.secondaryForeground#B8B8B8ce
  • button.secondaryHoverBackground#161616fe
  • button.separator#0E0B0D00
  • charts.blue#1b1bfffe
  • charts.foreground#B8B8B8ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067a3
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0C0C0Cfe
  • chat.slashCommandBackground#161616fe
  • chat.slashCommandForeground#B8B8B8ce
  • checkbox.background#0C0C0Cfe
  • checkbox.border#0C0C0Cfe
  • checkbox.foreground#B8B8B8ce
  • checkbox.selectBackground#0C0C0Cfe
  • checkbox.selectBorder#0C0C0Cfe
  • commandCenter.activeBackground#3A027788
  • commandCenter.activeBorder#0C0C0Cfe
  • commandCenter.activeForeground#21740Bfe
  • commandCenter.background#161616fe
  • commandCenter.border#0C0C0Cfe
  • commandCenter.foreground#B8B8B8ce
  • commandCenter.inactiveBorder#2A2A2A95
  • commandCenter.inactiveForeground#64646465
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0C0B0E00
  • contrastBorder#0E0B0D00
  • debugConsole.errorForeground#FE8EFEce
  • debugConsole.infoForeground#B8B8B8ce
  • debugConsole.sourceForeground#B8B8B8ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#C2C2C2fe
  • debugExceptionWidget.background#500050b6
  • debugExceptionWidget.border#0C0C0Cfe
  • debugIcon.breakpointCurrentStackframeForeground#D0C4BFfe
  • debugIcon.breakpointDisabledForeground#B7B7B765
  • debugIcon.breakpointForeground#E1DDE5fe
  • debugIcon.breakpointStackframeForeground#E0E0E0fe
  • debugIcon.breakpointUnverifiedForeground#D3DEDBfe
  • debugIcon.continueForeground#DDD8E2fe
  • debugIcon.disconnectForeground#B6BAC9fe
  • debugIcon.pauseForeground#E4E5DDfe
  • debugIcon.restartForeground#DDDED3fe
  • debugIcon.startForeground#E2D8DDfe
  • debugIcon.stepBackForeground#C9BAB6fe
  • debugIcon.stepIntoForeground#C2C2C2fe
  • debugIcon.stepOutForeground#BBCCC8fe
  • debugIcon.stepOverForeground#B1B7C8fe
  • debugIcon.stopForeground#E0E2D8fe
  • debugTokenExpression.boolean#D8E2DFca
  • debugTokenExpression.error#D3DEDBca
  • debugTokenExpression.name#DED6D3ca
  • debugTokenExpression.number#DDDED3ca
  • debugTokenExpression.value#D0C9D7ca
  • debugToolBar.background#500050a7
  • debugToolBar.border#0C0C0Cfe
  • debugView.exceptionLabelBackground#1F283Fca
  • debugView.exceptionLabelForeground#E1DDE5ca
  • debugView.stateLabelBackground#282B18ca
  • debugView.stateLabelForeground#D3D6DEca
  • debugView.valueChangedHighlight#E2DAD8ca
  • descriptionForeground#B8B8B8ce
  • diffEditor.border#0E0B0D00
  • diffEditor.diagonalFill#000000f5
  • diffEditor.insertedLineBackground#00310031
  • diffEditor.insertedTextBackground#0C300Efb
  • diffEditor.insertedTextBorder#0C0B0E00
  • diffEditor.move.border#0C0B0E00
  • diffEditor.moveActive.border#0B0C0E00
  • diffEditor.removedLineBackground#59000031
  • diffEditor.removedTextBackground#5B0000fb
  • diffEditor.removedTextBorder#0E0B0D00
  • diffEditor.unchangedCodeBackground#161616fe
  • diffEditor.unchangedRegionBackground#161616fe
  • diffEditor.unchangedRegionForeground#B8B8B8ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B7B7B765
  • dropdown.background#0C0C0Cfe
  • dropdown.border#0C0C0Cfe
  • dropdown.foreground#B8B8B8ce
  • dropdown.listBackground#0C0C0Cfe
  • editor.background#161616fe
  • editor.findMatchBackground#3E544Ea4
  • editor.findMatchBorder#0C0C0Cfe
  • editor.findMatchHighlightBackground#64674Caa
  • editor.findMatchHighlightBorder#0C0C0Cfe
  • editor.findRangeHighlightBackground#67534Ca7
  • editor.findRangeHighlightBorder#0C0C0Cfe
  • editor.focusedStackFrameHighlightBackground#67534C8c
  • editor.foldBackground#B4C051a9
  • editor.foreground#B8B8B8ce
  • editor.hoverHighlightBackground#51455Ea8
  • editor.inactiveSelectionBackground#4949499a
  • editor.inlineValuesBackground#161616fe
  • editor.inlineValuesForeground#B8B8B8ce
  • editor.lineHighlightBackground#303030b4
  • editor.lineHighlightBorder#0A0A0A00
  • editor.linkedEditingBackground#161616fe
  • editor.rangeHighlightBackground#4C6761ac
  • editor.rangeHighlightBorder#0C0C0Cfe
  • editor.selectionBackground#776689a6
  • editor.selectionForeground#E1DDE5ca
  • editor.selectionHighlightBackground#59463F89
  • editor.selectionHighlightBorder#0C0C0Cfe
  • editor.snippetFinalTabstopHighlightBackground#5A443Cad
  • editor.snippetFinalTabstopHighlightBorder#0C0C0Cfe
  • editor.snippetTabstopHighlightBackground#494949ac
  • editor.snippetTabstopHighlightBorder#0C0C0Cfe
  • editor.stackFrameHighlightBackground#524461a1
  • editor.symbolHighlightBackground#715462a8
  • editor.symbolHighlightBorder#0C0C0Cfe
  • editor.wordHighlightBackground#3E4A68ab
  • editor.wordHighlightBorder#0C0B0E00
  • editor.wordHighlightStrongBackground#43495Ea3
  • editor.wordHighlightStrongBorder#0E0E0B00
  • editor.wordHighlightTextBackground#5F4150a2
  • editor.wordHighlightTextBorder#0E0E0B00
  • editorBracketHighlight.foreground1#F6F6F6ce
  • editorBracketHighlight.foreground2#F6F6F6ce
  • editorBracketHighlight.foreground3#F6F6F6ce
  • editorBracketHighlight.foreground4#F6F6F6ce
  • editorBracketHighlight.foreground5#F6F6F6ce
  • editorBracketHighlight.foreground6#F6F6F6ce
  • editorBracketHighlight.unexpectedBracket.foreground#B8B8B8ce
  • editorBracketMatch.background#EAA88Fae
  • editorBracketMatch.border#0C0C0Cfe
  • editorBracketPairGuide.activeBackground1#A1B6F28c
  • editorBracketPairGuide.activeBackground2#B2BF4C8b
  • editorBracketPairGuide.activeBackground3#5FCBAD8e
  • editorBracketPairGuide.activeBackground4#67C8B38b
  • editorBracketPairGuide.activeBackground5#CDA9F48c
  • editorBracketPairGuide.activeBackground6#F29EC88e
  • editorBracketPairGuide.background1#202845fe
  • editorBracketPairGuide.background2#1E2840fe
  • editorBracketPairGuide.background3#332146fe
  • editorBracketPairGuide.background4#3D1F2Efe
  • editorBracketPairGuide.background5#3A231Efe
  • editorBracketPairGuide.background6#2A2A2Afe
  • editorCodeLens.foreground#B7B7B76e
  • editorCommentsWidget.rangeActiveBackground#B9B9B9fe
  • editorCommentsWidget.rangeBackground#161616fe
  • editorCommentsWidget.resolvedBorder#0C0C0Cfe
  • editorCommentsWidget.unresolvedBorder#5A0000cb
  • editorCursor.background#161616fe
  • editorCursor.foreground#21740Bfe
  • editorError.background#0E0B0D00
  • editorError.border#0B0C0E00
  • editorError.foreground#FE8EFEce
  • editorGhostText.background#161616fe
  • editorGhostText.border#0E0B0D00
  • editorGhostText.foreground#B7B7B76e
  • editorGroup.border#0C0C0Cfe
  • editorGroup.dropBackground#161616fe
  • editorGroup.dropIntoPromptBackground#161616fe
  • editorGroup.dropIntoPromptBorder#0C0C0Cfe
  • editorGroup.dropIntoPromptForeground#B8B8B8ce
  • editorGroup.emptyBackground#161616fe
  • editorGroup.focusedEmptyBorder#0C0C0Cfe
  • editorGroupHeader.border#0B0C0E00
  • editorGroupHeader.noTabsBackground#0E0E0Eae
  • editorGroupHeader.tabsBackground#161616a1
  • editorGroupHeader.tabsBorder#0E0E0B00
  • editorGutter.addedBackground#4FD156fb
  • editorGutter.background#161616fe
  • editorGutter.commentGlyphForeground#B8B8B8ce
  • editorGutter.commentRangeForeground#B8B8B8ce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FE9C9Ccb
  • editorGutter.foldingControlForeground#B8B8B8ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0B0C0E00
  • editorHint.foreground#BFABFEce
  • editorHoverWidget.background#0C0C0Cfe
  • editorHoverWidget.border#0C0C0Cfe
  • editorHoverWidget.foreground#B8B8B8ce
  • editorHoverWidget.highlightForeground#CED1DBca
  • editorHoverWidget.statusBarBackground#161616fe
  • editorIndentGuide.activeBackground1#B7B7B7fe
  • editorIndentGuide.activeBackground2#B7B7B7fe
  • editorIndentGuide.activeBackground3#B8B8B8fe
  • editorIndentGuide.activeBackground4#B8B8B8fe
  • editorIndentGuide.activeBackground5#B7B7B7fe
  • editorIndentGuide.activeBackground6#B8B8B8fe
  • editorIndentGuide.background1#8A92A835
  • editorIndentGuide.background2#B7BAA235
  • editorIndentGuide.background3#B2A7BE35
  • editorIndentGuide.background4#AA9EB735
  • editorIndentGuide.background5#B0B39935
  • editorIndentGuide.background6#9D8FAC35
  • editorInfo.background#0E0B0D00
  • editorInfo.border#0A0A0A00
  • editorInfo.foreground#BFABFEce
  • editorInlayHint.background#161616fe
  • editorInlayHint.foreground#B8B8B8ce
  • editorInlayHint.parameterBackground#161616fe
  • editorInlayHint.parameterForeground#B8B8B8ce
  • editorInlayHint.typeBackground#161616fe
  • editorInlayHint.typeForeground#B8B8B8ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#20750Bfe
  • editorLineNumber.dimmedForeground#B7B7B76e
  • editorLineNumber.foreground#B7B7B76e
  • editorLink.activeForeground#21740Bfe
  • editorMarkerNavigation.background#0C0C0Cfe
  • editorMarkerNavigationError.background#500050b7
  • editorMarkerNavigationError.headerBackground#500050b2
  • editorMarkerNavigationInfo.background#000098fe
  • editorMarkerNavigationInfo.headerBackground#000098fe
  • editorMarkerNavigationWarning.background#302800fe
  • editorMarkerNavigationWarning.headerBackground#302800fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#161616fe
  • editorOverviewRuler.border#2A2A2Afe
  • editorOverviewRuler.bracketMatchForeground#B8B8B8ce
  • editorOverviewRuler.commentForeground#B7B7B76e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#B8B8B8ce
  • editorOverviewRuler.currentContentForeground#cececea1
  • editorOverviewRuler.deletedForeground#FE9C9Ccb
  • editorOverviewRuler.errorForeground#FE8EFEce
  • editorOverviewRuler.findMatchForeground#00CECEce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#BFABFEce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#DDD8E2ca
  • editorOverviewRuler.selectionHighlightForeground#BFABFEce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#DDDFE5ca
  • editorOverviewRuler.wordHighlightStrongForeground#B8B8B8ce
  • editorOverviewRuler.wordHighlightTextForeground#B8B8B8ce
  • editorPane.background#161616fe
  • editorRuler.foreground#B8B8B824
  • editorStickyScroll.background#161616fe
  • editorStickyScroll.shadow#0E0B0D00
  • editorStickyScrollHover.background#2A2A2A6e
  • editorSuggestWidget.background#0C0C0Cfe
  • editorSuggestWidget.border#0C0B0E00
  • editorSuggestWidget.focusHighlightForeground#646464fe
  • editorSuggestWidget.foreground#D3C4CCfe
  • editorSuggestWidget.highlightForeground#D9DBCEca
  • editorSuggestWidget.selectedBackground#3A4F4A8e
  • editorSuggestWidget.selectedForeground#D7C9D0ca
  • editorSuggestWidget.selectedIconForeground#CFCFCFca
  • editorSuggestWidgetStatus.foreground#DED3D8fe
  • editorUnicodeHighlight.background#6C505Ea9
  • editorUnicodeHighlight.border#0C0C0Cfe
  • editorUnnecessaryCode.border#302800ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0E0E0B00
  • editorWarning.border#0A0A0A00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#B8B8B8ce
  • editorWidget.background#0C0C0Cfe
  • editorWidget.border#0C0C0Cfe
  • editorWidget.foreground#B8B8B8ce
  • editorWidget.resizeBorder#0C0C0Cfe
  • errorForeground#FE8EFEce
  • extensionBadge.remoteBackground#1F730Bfe
  • extensionBadge.remoteForeground#0E0E0Efe
  • extensionButton.background#2A2A2Aae
  • extensionButton.foreground#B8B8B8ce
  • extensionButton.hoverBackground#2828286e
  • extensionButton.prominentBackground#161616fe
  • extensionButton.prominentForeground#B8B8B8ce
  • extensionButton.prominentHoverBackground#161616fe
  • extensionButton.separator#0C0B0E00
  • extensionIcon.preReleaseForeground#D4D4D4fe
  • extensionIcon.sponsorForeground#D9DBCEfe
  • extensionIcon.starForeground#B6BAC9fe
  • extensionIcon.verifiedForeground#DDD8E2fe
  • focusBorder#0B0E0D00
  • foreground#B8B8B8ce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FE9C9Ccb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#BFABFEce
  • gitDecoration.stageDeletedResourceForeground#FE9C9Ccb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00CECEce
  • icon.foreground#B8B8B8ae
  • inlineChat.background#192E28ca
  • inlineChat.border#292929ca
  • inlineChat.regionHighlight#D0C9D7ca
  • inlineChat.shadow#D7C9D0ca
  • inlineChatDiff.inserted#DDE5E3ca
  • inlineChatDiff.removed#C9D7D3ca
  • inlineChatInput.background#DCDCDCca
  • inlineChatInput.border#411F2Fca
  • inlineChatInput.focusBorder#0E0B0D00
  • inlineChatInput.placeholderForeground#CED1DBca
  • input.background#0C0C0Cfe
  • input.border#0C0C0Cfe
  • input.foreground#B8B8B8ce
  • input.placeholderForeground#B7B7B765
  • inputOption.activeBackground#0C0C0Cfe
  • inputOption.activeBorder#0C0C0Cfe
  • inputOption.activeForeground#1F750Afe
  • inputOption.hoverBackground#0C0C0Cfe
  • inputValidation.errorBackground#670067a7
  • inputValidation.errorBorder#500050c1
  • inputValidation.errorForeground#FE8EFEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0C0C0Cfe
  • inputValidation.infoForeground#B8B8B8ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0C0C0Cfe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0C0C0Cfe
  • interactive.inactiveCodeBorder#2A2A2A91
  • keybindingLabel.background#161616fe
  • keybindingLabel.border#0C0C0Cfe
  • keybindingLabel.bottomBorder#0C0C0Cfe
  • keybindingLabel.foreground#B8B8B8ce
  • keybindingTable.headerBackground#161616fe
  • keybindingTable.rowsBackground#161616fe
  • list.activeSelectionBackground#653D518a
  • list.activeSelectionForeground#E4E5DDca
  • list.activeSelectionIconForeground#D0C9D7ca
  • list.deemphasizedForeground#B8B8B8ce
  • list.dropBackground#161616fe
  • list.errorForeground#FE8EFEce
  • list.filterMatchBackground#161616fe
  • list.filterMatchBorder#0C0C0Cfe
  • list.focusAndSelectionOutline#0B0C0E00
  • list.focusBackground#4A4A4A97
  • list.focusForeground#21740Bfe
  • list.focusHighlightForeground#275AD3fe
  • list.focusOutline#0E0B0D00
  • list.highlightForeground#DBCED4ca
  • list.hoverBackground#2A2A2A6e
  • list.hoverForeground#20730Bfe
  • list.inactiveFocusBackground#2828289e
  • list.inactiveFocusOutline#0B0E0D00
  • list.inactiveSelectionBackground#0E0E0Eae
  • list.inactiveSelectionForeground#B7B7B765
  • list.inactiveSelectionIconForeground#B7B7B765
  • list.invalidItemForeground#B8B8B8ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#161616fe
  • listFilterWidget.noMatchesOutline#0E0C0B00
  • listFilterWidget.outline#0E0C0B00
  • listFilterWidget.shadow#0B0E0D00
  • menu.background#0E0E0Efe
  • menu.border#0A0A0A00
  • menu.foreground#E5E5E5ae
  • menu.selectionBackground#6D7154a9
  • menu.selectionBorder#0E0E0B00
  • menu.selectionForeground#21750Bfe
  • menu.separatorBackground#29292965
  • menubar.selectionBackground#7B5B6Ba6
  • menubar.selectionBorder#0E0C0B00
  • menubar.selectionForeground#20730Bfe
  • merge.border#0C0C0Cfe
  • merge.commonContentBackground#161616fe
  • merge.commonHeaderBackground#161616fe
  • merge.currentContentBackground#00310031
  • merge.currentHeaderBackground#0C300Efb
  • merge.incomingContentBackground#0F2E10cb
  • merge.incomingHeaderBackground#0C300Efb
  • 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#1B1B1B28
  • mergeEditor.conflict.input1.background#0C0C0Cfe
  • mergeEditor.conflict.input2.background#0C0C0Cfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#6700679b
  • mergeEditor.conflict.unhandledFocused.border#0C0C0Cfe
  • mergeEditor.conflict.unhandledUnfocused.border#1B1B1B2e
  • mergeEditor.conflictingLines.background#161616fe
  • minimap.background#161616fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F6F6F6ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#4FD156fb
  • minimapGutter.deletedBackground#FE9F9Ffb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#646464fe
  • minimapSlider.background#3D3D3Dae
  • minimapSlider.hoverBackground#2323236e
  • notebook.cellBorderColor#0C0C0Cfe
  • notebook.cellEditorBackground#161616fe
  • notebook.cellHoverBackground#161616fe
  • notebook.cellInsertionIndicator#E4E5DDca
  • notebook.cellStatusBarItemHoverBackground#161616fe
  • notebook.cellToolbarSeparator#DDDED3ca
  • notebook.editorBackground#161616fe
  • notebook.focusedCellBackground#161616fe
  • notebook.focusedCellBorder#20730Bfe
  • notebook.focusedEditorBorder#0C0C0Cfe
  • notebook.inactiveFocusedCellBorder#7575758e
  • notebook.inactiveSelectedCellBorder#6464648e
  • notebook.outputContainerBackgroundColor#161616fe
  • notebook.outputContainerBorderColor#0C0C0Cfe
  • notebook.selectedCellBackground#161616fe
  • notebook.selectedCellBorder#0C0C0Cfe
  • notebook.symbolHighlightBackground#161616fe
  • notebookEditorOverviewRuler.runningCellForeground#B8B8B8ce
  • notebookScrollbarSlider.activeBackground#646464fe
  • notebookScrollbarSlider.background#393939ae
  • notebookScrollbarSlider.hoverBackground#3030306e
  • notebookStatusErrorIcon.foreground#FE8EFEce
  • notebookStatusRunningIcon.foreground#E5DFDDfe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0C0C0Cfe
  • notificationCenterHeader.background#161616fe
  • notificationCenterHeader.foreground#B8B8B8ce
  • notificationLink.foreground#B8B8B8ce
  • notifications.background#161616fe
  • notifications.border#0C0C0Cfe
  • notifications.foreground#B8B8B8ce
  • notificationsErrorIcon.foreground#FE8EFEce
  • notificationsInfoIcon.foreground#C2C2C2fe
  • 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#B8B8B8ce
  • panelTitle.activeBorder#0B0E0D00
  • panelTitle.activeForeground#1D7307fe
  • panelTitle.inactiveForeground#A9A9A965
  • peekView.border#1C7606fe
  • peekViewEditor.background#0C0C0Cfe
  • peekViewEditor.matchHighlightBackground#653D5189
  • peekViewEditor.matchHighlightBorder#0E0C0B00
  • peekViewEditorGutter.background#0C0C0Cfe
  • peekViewEditorStickyScroll.background#161616fe
  • peekViewResult.background#0E0E0Efe
  • peekViewResult.fileForeground#B8B8B8ce
  • peekViewResult.lineForeground#B8B8B8ce
  • peekViewResult.matchHighlightBackground#3A4F4A87
  • peekViewResult.selectionBackground#56416887
  • peekViewResult.selectionForeground#D7C9D0ca
  • peekViewTitle.background#0E0E0Efe
  • peekViewTitleDescription.foreground#B8B8B8ce
  • peekViewTitleLabel.foreground#B8B8B8ce
  • pickerGroup.border#0C0C0Cfe
  • pickerGroup.foreground#B8B8B8ce
  • ports.iconRunningProcessForeground#E0E2D8fe
  • problemsErrorIcon.foreground#FE8EFEce
  • problemsInfoIcon.foreground#BFABFEce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#21740Bfe
  • profileBadge.foreground#0E0E0Efe
  • progressBar.background#161616fe
  • quickInput.background#0E0E0Efe
  • quickInput.foreground#E5E5E5ae
  • quickInputList.focusBackground#6D7154ab
  • quickInputList.focusForeground#21740Bfe
  • quickInputList.focusIconForeground#20750Bfe
  • quickInputTitle.background#0C0C0Cfe
  • sash.hoverBorder#0C0C0Cfe
  • scrollbar.shadow#0E0C0B00
  • scrollbarSlider.activeBackground#717171fe
  • scrollbarSlider.background#464646ae
  • scrollbarSlider.hoverBackground#3030306e
  • search.resultsInfoForeground#B8B8B8ce
  • searchEditor.findMatchBackground#625471a4
  • searchEditor.findMatchBorder#0C0C0Cfe
  • searchEditor.textInputBorder#0C0C0Cfe
  • selection.background#161616fe
  • settings.checkboxBackground#0C0C0Cfe
  • settings.checkboxBorder#0C0C0Cfe
  • settings.checkboxForeground#B8B8B8ce
  • settings.dropdownBackground#0C0C0Cfe
  • settings.dropdownBorder#0C0C0Cfe
  • settings.dropdownForeground#B8B8B8ce
  • settings.dropdownListBorder#0C0C0Cfe
  • settings.focusedRowBackground#5641688d
  • settings.focusedRowBorder#0C0C0Cfe
  • settings.headerBorder#0C0C0Cfe
  • settings.headerForeground#B8B8B8ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0C0C0Cfe
  • settings.numberInputBorder#0C0C0Cfe
  • settings.numberInputForeground#B8B8B8ce
  • settings.rowHoverBackground#161616fe
  • settings.sashBorder#0C0C0Cfe
  • settings.settingsHeaderHoverForeground#21750Bfe
  • settings.textInputBackground#0C0C0Cfe
  • settings.textInputBorder#0C0C0Cfe
  • settings.textInputForeground#B8B8B8ce
  • sideBar.background#161616fe
  • sideBar.border#0C0C0Cfe
  • sideBar.dropBackground#161616fe
  • sideBar.foreground#B8B8B8ae
  • sideBarSectionHeader.background#0C0B0E00
  • sideBarSectionHeader.border#0C0C0Cfe
  • sideBarSectionHeader.foreground#B8B8B8ce
  • sideBarTitle.foreground#B8B8B8ce
  • sideBySideEditor.horizontalBorder#0C0C0Cfe
  • sideBySideEditor.verticalBorder#0C0C0Cfe
  • simpleFindWidget.sashBorder#0C0C0Cfe
  • statusBar.background#0E0E0Efe
  • statusBar.border#0C0C0Cfe
  • statusBar.debuggingBackground#500050b9
  • statusBar.debuggingBorder#0C0C0Cfe
  • statusBar.debuggingForeground#B8B8B8ce
  • statusBar.focusBorder#0A0A0A00
  • statusBar.foreground#B7B7B76e
  • statusBar.noFolderBackground#0E0E0Efe
  • statusBar.noFolderBorder#0C0C0Cfe
  • statusBar.noFolderForeground#B8B8B8ce
  • statusBarItem.activeBackground#0E0E0Efe
  • statusBarItem.compactHoverBackground#0E0E0Efe
  • statusBarItem.errorBackground#500050bf
  • statusBarItem.errorForeground#FE8EFEce
  • statusBarItem.errorHoverBackground#5000509d
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0C0B0E00
  • statusBarItem.hoverBackground#0E0E0Efe
  • statusBarItem.hoverForeground#21740Bfe
  • statusBarItem.offlineBackground#0E0E0Efe
  • statusBarItem.offlineForeground#B8B8B8ce
  • statusBarItem.offlineHoverBackground#0E0E0Efe
  • statusBarItem.offlineHoverForeground#20750Bfe
  • statusBarItem.prominentBackground#0E0E0Efe
  • statusBarItem.prominentForeground#B8B8B8ce
  • statusBarItem.prominentHoverBackground#0E0E0Efe
  • statusBarItem.prominentHoverForeground#20740Bfe
  • statusBarItem.remoteBackground#20740Bfe
  • statusBarItem.remoteForeground#0E0E0Efe
  • statusBarItem.remoteHoverBackground#0E0E0Efe
  • statusBarItem.remoteHoverForeground#20750Afe
  • statusBarItem.warningBackground#302800fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#302800fe
  • statusBarItem.warningHoverForeground#776300ce
  • symbolIcon.arrayForeground#D9DBCEfe
  • symbolIcon.booleanForeground#00CECEce
  • symbolIcon.classForeground#D3D6DEfe
  • symbolIcon.colorForeground#D4D4D4fe
  • symbolIcon.constantForeground#D8DAE2fe
  • symbolIcon.constructorForeground#E1DDE5fe
  • symbolIcon.enumeratorForeground#E5DFDDfe
  • symbolIcon.enumeratorMemberForeground#BABABAfe
  • symbolIcon.eventForeground#D9DBCEfe
  • symbolIcon.fieldForeground#C7C7C7fe
  • symbolIcon.fileForeground#E4E5DDfe
  • symbolIcon.folderForeground#D0BFC8fe
  • symbolIcon.functionForeground#D9DBCEfe
  • symbolIcon.interfaceForeground#BABABAfe
  • symbolIcon.keyForeground#CCBFBBfe
  • symbolIcon.keywordForeground#D0BFC8fe
  • symbolIcon.methodForeground#C8B1BDfe
  • symbolIcon.moduleForeground#BFC4D0fe
  • symbolIcon.namespaceForeground#D8E2DFfe
  • symbolIcon.nullForeground#B6BAC9fe
  • symbolIcon.numberForeground#DDE5E3fe
  • symbolIcon.objectForeground#DDD8E2fe
  • symbolIcon.operatorForeground#DBD1CEfe
  • symbolIcon.packageForeground#C3BBCCfe
  • symbolIcon.propertyForeground#C9BAB6fe
  • symbolIcon.referenceForeground#D8E2DFfe
  • symbolIcon.snippetForeground#DED3D8fe
  • symbolIcon.stringForeground#DDE5E3fe
  • symbolIcon.structForeground#C6C9B6fe
  • symbolIcon.textForeground#CED1DBfe
  • symbolIcon.typeParameterForeground#CCBBC3fe
  • symbolIcon.unitForeground#E5DDE1fe
  • symbolIcon.variableForeground#CFCFCFfe
  • tab.activeBackground#111111fe
  • tab.activeBorder#0E0C0B00
  • tab.activeBorderTop#1C7606fe
  • tab.activeForeground#1A7404fe
  • tab.activeModifiedBorder#302800ce
  • tab.border#0A0A0A00
  • tab.hoverBackground#B7B7B76e
  • tab.hoverBorder#0C0C0Cfe
  • tab.hoverForeground#21740Bfe
  • tab.inactiveBackground#2A2A2A93
  • tab.inactiveForeground#64646465
  • tab.inactiveModifiedBorder#302800ce
  • tab.lastPinnedBorder#0C0C0Cfe
  • tab.unfocusedActiveBackground#1F1F1F2c
  • tab.unfocusedActiveBorder#0E0E0B00
  • tab.unfocusedActiveBorderTop#2A2A2A65
  • tab.unfocusedActiveForeground#A4A4A465
  • tab.unfocusedActiveModifiedBorder#302800ce
  • tab.unfocusedHoverBackground#B7B7B76e
  • tab.unfocusedHoverBorder#1F1F1F2e
  • tab.unfocusedHoverForeground#A4A4A465
  • tab.unfocusedInactiveBackground#28282891
  • tab.unfocusedInactiveForeground#A4A4A465
  • tab.unfocusedInactiveModifiedBorder#302800ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333a3
  • 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#670067a2
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececeaf
  • 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#B8B8B8ae
  • terminal.hoverHighlightBackground#161616fe
  • terminal.inactiveSelectionBackground#2C2C2C98
  • terminal.selectionBackground#49625C8e
  • terminal.selectionForeground#DBD1CEca
  • terminal.tab.activeBorder#1C7406fe
  • terminalCommandDecoration.defaultBackground#D0A8F4ad
  • terminalCommandDecoration.errorBackground#FE9C9Ccb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#161616fe
  • terminalCursor.foreground#20730Bfe
  • terminalOverviewRuler.cursorForeground#B8B8B8ce
  • terminalOverviewRuler.findMatchForeground#00CECEce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0b8
  • testing.iconUnset#808080ba
  • testing.message.error.decorationForeground#7DE762fe
  • testing.message.error.lineBackground#500050a7
  • testing.message.info.decorationForeground#52D131fe
  • testing.message.info.lineBackground#000098fe
  • testing.peekBorder#0C0C0Cfe
  • testing.peekHeaderBackground#161616fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#161616fe
  • textBlockQuote.border#0C0C0Cfe
  • textCodeBlock.background#161616fe
  • textLink.activeForeground#20750Bfe
  • textLink.foreground#BFABFEce
  • textPreformat.foreground#B8B8B8ce
  • textSeparator.foreground#B8B8B8ce
  • titleBar.activeBackground#0E0E0Efe
  • titleBar.activeForeground#636363ae
  • titleBar.border#0E0E0B00
  • titleBar.inactiveBackground#1B1B1Bd3
  • titleBar.inactiveForeground#63636365
  • toolbar.activeBackground#0C2F2782
  • toolbar.hoverBackground#161616fe
  • toolbar.hoverOutline#0E0C0B00
  • tree.inactiveIndentGuidesStroke#858DA535
  • tree.indentGuidesStroke#58D439fe
  • tree.tableColumnsBorder#0C0C0Cfe
  • tree.tableOddRowsBackground#161616fe
  • walkThrough.embeddedEditorBackground#161616fe
  • walkthrough.stepTitle.foreground#B8B8B8ce
  • welcomePage.background#161616fe
  • welcomePage.progress.background#161616fe
  • welcomePage.progress.foreground#B8B8B8ce
  • welcomePage.tileBackground#161616fe
  • welcomePage.tileBorder#0C0C0Cfe
  • welcomePage.tileHoverBackground#161616fe
  • widget.border#0C0C0Cfe
  • widget.shadow#0E0E0B00
  • window.activeBorder#0C0C0Cfe
  • window.inactiveBorder#2A2A2A99

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#A3A3A36e
comment.block.html#A2A2A26e
comment.block.java#A2A2A26e
comment.block.javadoc.java#A2A2A26e
comment.block.powershell#A1A1A16e
comment.block.xml#A2A2A26e
comment.line.double-slash.c#A3A3A36e
comment.line.double-slash.cpp#A3A3A36e
comment.line.double-slash.java#A2A2A26e
comment.line.double-slash.js#A2A2A26e
comment.line.number-sign.makefile#A2A2A26e
comment.line.number-sign.python#A2A2A26e
comment.line.number-sign.yaml#A3A3A36e
comment.line.percentage.erlang#A3A3A36e
comment.line.powershell#A2A2A26e
comment.source.cmake#A3A3A36e
comment.source.cmakecache#A1A1A16e
constant.character#39D496de
constant.character.character-class.regexp#ED78CEde
constant.character.escape#EE77CEde
constant.character.set.regexp#6AA5E9de
constant.language#B190F4de
constant.numeric#B9A20Ade
constant.numeric.dec.python#F79FDFde
constant.other.caps.python#B292F4de
constant.other.character-class.regexp#F2918Ade
constant.other.character-class.set.regexp#4AB82Fde
constant.other.color.rgb-value#58A4FCde
constant.other.placeholder#B190F3de
constant.other.rgb-value#F79FDFde
constant.regexp#B8A10Ade
constant.sha.git-rebase#EF847Cde
emphasis#6BA5E9de
entity.name.class#09CA7Dde
entity.name.function#EE837Bde
entity.name.function.preprocessor#BAA309de
entity.name.function.python#F59E98de
entity.name.label#6AA5E9de
entity.name.namespace#D1BC33de
entity.name.operator#69A5E8de
entity.name.operator.custom-literal#BAA309de
entity.name.scope-resolution#EE837Cde
entity.name.tag#EE837Bde
entity.name.tag.css#2FB881de
entity.name.type#B190F4de
entity.name.variable#98C4F5de
entity.other.attribute#B9A20Ade
entity.other.attribute-name#6AA5E9de
entity.other.attribute-name.class.css#BBA309de
entity.other.attribute-name.class.mixin.css#EE847Cde
entity.other.attribute-name.id#6FA9EBde
entity.other.attribute-name.id.css#2DBD08de
entity.other.attribute-name.parent-selector.css#2DBB0Ade
entity.other.attribute-name.pseudo-class.css#6AA5E9de
entity.other.attribute-name.pseudo-element.css#EF7CD0de
entity.other.attribute-name.scss#CCB82Fde
entity.other.document.begin.yaml#A1A1A16e
entity.other.inherited-class#EF847Cde
header#BBA307de
invalid#4AB92Fde
keyword#08DA86de
keyword.codetag.notation.python#EE847Cde
keyword.control#91BFF4de
keyword.control.anchor.regexp#5DD73Ede
keyword.control.import.python#B9A208de
keyword.operator#B191F4de
keyword.operator.alignas#09C77Bde
keyword.operator.alignof#B291F4de
keyword.operator.cast#6BA6E9de
keyword.operator.delete#69A6E9de
keyword.operator.documentation.powershell#A2A2A26e
keyword.operator.expression#F79FDFde
keyword.operator.instanceof#ED77CEde
keyword.operator.logical.python#C2A7F8de
keyword.operator.minus.exponent#B9A20Ade
keyword.operator.negation.regexp#B798F5de
keyword.operator.new#2FBC83de
keyword.operator.noexcept#6BA5E9de
keyword.operator.or.regexp#6AA5E9de
keyword.operator.plus.exponent#EF837Bde
keyword.operator.quantifier.regexp#2DBD08de
keyword.operator.sizeof#09C77Bde
keyword.operator.typeid#B190F4de
keyword.operator.wordlike#2FCC8Ede
keyword.other.operator#3ED79Ade
keyword.other.package.java#EE837Bde
keyword.other.unit#D4BF39de
keyword.other.using#39D496de
markup.bold#6AA5E9de
markup.changed#D4BF39de
markup.deleted#B190F3de
markup.fenced_code.block.markdown#B190F3de
markup.heading#EE837Bde
markup.inline.raw#EF847Cde
markup.inserted#B190F4de
markup.italic#4FCC2Fde
markup.raw.block.markdown#BBA307de
markup.strikethrough#08D986de
markup.underline#D4BF39de
meta.block.c#BAA309de
meta.block.c#ED77CEde
meta.class.java#2EBD0Ade
meta.definition.variable.name#EE77CEde
meta.diff.header#B190F3de
meta.embedded#EF837Cde
meta.embedded.assembly#B190F3de
meta.function-call.arguments.python#EE77CEde
meta.function-call.python#ED77CEde
meta.member.access.python#BCA409de
meta.method.java#2BBB07de
meta.object-literal.key#2EBA0Ade
meta.paragraph.markdown#EE837Bde
meta.preprocessor#B798F5de
meta.preprocessor.numeric#ED77CEde
meta.preprocessor.string#B190F4de
meta.scope.prerequisites.makefile#09CE80de
meta.structure.dictionary.json.comments#A2A2A26e
meta.structure.dictionary.key.python#BAA20Ade
meta.structure.dictionary.value.json.comments#A3A3A36e
meta.template.expression#B291F4de
meta.type.cast.expr#B291F4de
meta.type.new.expr#ED78CEde
parameter#ED77CEde
punctuation.character.set.begin.regexp#F59E98de
punctuation.character.set.end.regexp#F8ACA7de
punctuation.definition.array.begin.json#6FA9EBde
punctuation.definition.character-class.regexp#91BFF4de
punctuation.definition.comment#A3A3A36e
punctuation.definition.comment.json.comments#A2A2A26e
punctuation.definition.comment.python#A3A3A36e
punctuation.definition.dictionary.begin.json#6AA5E9de
punctuation.definition.dictionary.end.json#F79FDFde
punctuation.definition.group.assertion.regexp#B9A20Ade
punctuation.definition.group.regexp#EE837Cde
punctuation.definition.list.begin.json#6FA9EBde
punctuation.definition.list.begin.markdown#EF847Cde
punctuation.definition.list.begin.python#BBA307de
punctuation.definition.list.end.json#69A5E8de
punctuation.definition.list.end.markdown#2DBA09de
punctuation.definition.list.end.python#F59E98de
punctuation.definition.parameters.begin.python#ED77CEde
punctuation.definition.parameters.end.bracket.round.java#EE77CEde
punctuation.definition.quote.begin.markdown#B3A22Ede
punctuation.definition.tag#EE78CEde
punctuation.definition.template-expression.begin#EF837Cde
punctuation.definition.template-expression.end#EE837Bde
punctuation.section.class.begin.bracket.curly.java#B9A20Ade
punctuation.section.embedded#07DA85de
punctuation.section.embedded.begin.php#BCA409de
punctuation.section.embedded.end.php#F28AD7de
punctuation.terminator.java#69A6E9de
source.cmake#B9A20Ade
source.coffee.embedded#2EBA0Ade
source.cpp#EE77CEde
source.css.less#B291F4de
source.groovy.embedded#2DBD08de
source.java#B3A22Fde
source.java-properties#F49891de
source.json.comments#A1A1A16e
source.makefile#ED77CEde
source.powershell#B291F4de
source.powershell.variable.other.member#B190F4de
source.python#07BB73de
storage#6AA5E9de
storage.modifier#09CE80de
storage.modifier.import.java#F2918Ade
storage.modifier.package.java#EF837Bde
storage.type#09CB7Ede
storage.type.annotation.groovy#2FC488de
storage.type.annotation.java#4BBC2Fde
storage.type.boolean.go#91BFF4de
storage.type.byte.go#2DBB0Ade
storage.type.cs#2DBC0Ade
storage.type.error.go#76ADEDde
storage.type.generic.cs#EF847Dde
storage.type.generic.groovy#6BA5E9de
storage.type.generic.java#B190F4de
storage.type.groovy#EF837Bde
storage.type.java#2FBC83de
storage.type.modifier.cs#BCA92Fde
storage.type.numeric.go#2FBC83de
storage.type.object.array.groovy#58A4FCde
storage.type.object.array.java#BCA92Fde
storage.type.parameters.groovy#69A5E9de
storage.type.primitive.array.groovy#EF847Dde
storage.type.primitive.array.java#07BB72de
storage.type.primitive.groovy#EE77CEde
storage.type.primitive.java#09CF81de
storage.type.rune.go#B191F4de
storage.type.string.go#3ED79Ade
storage.type.token.java#F2918Ade
storage.type.uintptr.go#B190F3de
storage.type.variable.cs#2DBA0Ade
string#B9A20Ade
string.quoted.docstring.multi.python#A1A1A16e
string.regexp#EF837Cde
string.tag#69A6E9de
string.value#B190F3de
strong#B291F4de
support.class#7CB2EFde
support.constant.color#BAA309de
support.constant.dom#09CE80de
support.constant.font-name#69A6EAde
support.constant.handlebars#EE77CEde
support.constant.json#F8ACA7de
support.constant.math#BAA309de
support.constant.media#2EB881de
support.constant.media-type#2EBA0Ade
support.constant.property-value#6AA5E9de
support.function#2EBA0Ade
support.function.git-rebase#BAA30Ade
support.other.parenthesis.regexp#4AB92Fde
support.type#B9A20Ade
support.type.property-name#EF7CD0de
support.type.vendored.property-name#B291F4de
support.variable#08B973de
token.debug-token#6AA5E9de
token.error-token#BBA30Ade
token.info-token#B190F4de
token.warn-token#EF837Bde
variable#F59E98de
variable.css#D1BC33de
variable.language#B8A10Ade
variable.language.wildcard.java#4FCC2Fde
variable.other.constant#2FC488de
variable.other.definition.java#F18A83de
variable.other.enummember#B798F5de
variable.other.less#EF847Dde
variable.other.object.java#B6A42Fde
variable.other.object.property.java#2DBB0Ade
variable.parameter.c#EF837Cde
variable.parameter.function.language.python#83B6F1de
variable.parameter.java#BBA30Ade
variable.scss#EF7CD0de
viiv by B.W - VS Code Theme