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#FD89A2fe
  • activityBar.activeFocusBorder#6F5D8200
  • activityBar.background#0E0E0Efe
  • activityBar.border#6F5D8200
  • activityBar.dropBorder#F289A1fe
  • activityBar.foreground#FC87A2fe
  • activityBar.inactiveForeground#ACACAC65
  • activityBarBadge.background#E66280fe
  • activityBarBadge.foreground#0E0E0Efe
  • badge.background#C93053fe
  • badge.foreground#0E0E0Efe
  • banner.background#161616fe
  • banner.foreground#E9E9E9ce
  • banner.iconForeground#D5CEDAfe
  • breadcrumb.activeSelectionForeground#E1E8E7ca
  • breadcrumb.background#101010fe
  • breadcrumb.focusForeground#D63E61fe
  • breadcrumb.foreground#E9E9E9ae
  • breadcrumbPicker.background#161616fe
  • button.background#414141ae
  • button.border#0E0A0C00
  • button.foreground#E9E9E9ce
  • button.hoverBackground#5F5F5F6e
  • button.secondaryBackground#161616fe
  • button.secondaryForeground#E9E9E9ce
  • button.secondaryHoverBackground#161616fe
  • button.separator#0C0A0E00
  • charts.blue#1b1bfffe
  • charts.foreground#E9E9E9ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067c6
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0D0D0Dfe
  • chat.slashCommandBackground#161616fe
  • chat.slashCommandForeground#E9E9E9ce
  • checkbox.background#0D0D0Dfe
  • checkbox.border#0D0D0Dfe
  • checkbox.foreground#E9E9E9ce
  • checkbox.selectBackground#0D0D0Dfe
  • checkbox.selectBorder#0D0D0Dfe
  • commandCenter.activeBackground#1B312D85
  • commandCenter.activeBorder#0D0D0Dfe
  • commandCenter.activeForeground#DC496Bfe
  • commandCenter.background#161616fe
  • commandCenter.border#0D0D0Dfe
  • commandCenter.foreground#E9E9E9ce
  • commandCenter.inactiveBorder#2D2D2D9d
  • commandCenter.inactiveForeground#ABABAB65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0A0B0E00
  • contrastBorder#0D0E0A00
  • debugConsole.errorForeground#FE8EFEce
  • debugConsole.infoForeground#E9E9E9ce
  • debugConsole.sourceForeground#E9E9E9ce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#D8D9E1fe
  • debugExceptionWidget.background#550055ba
  • debugExceptionWidget.border#0D0D0Dfe
  • debugIcon.breakpointCurrentStackframeForeground#D3DDDCfe
  • debugIcon.breakpointDisabledForeground#B9B9B965
  • debugIcon.breakpointForeground#D3DDD3fe
  • debugIcon.breakpointStackframeForeground#D8D9E1fe
  • debugIcon.breakpointUnverifiedForeground#BBCBC9fe
  • debugIcon.continueForeground#D9D3DDfe
  • debugIcon.disconnectForeground#C0C2CFfe
  • debugIcon.pauseForeground#D8E1D8fe
  • debugIcon.restartForeground#D1C9D6fe
  • debugIcon.startForeground#C2C2C2fe
  • debugIcon.stepBackForeground#BEB4C6fe
  • debugIcon.stepIntoForeground#D2D6C9fe
  • debugIcon.stepOutForeground#B6B8C7fe
  • debugIcon.stepOverForeground#C4C6D2fe
  • debugIcon.stopForeground#BEB4C6fe
  • debugTokenExpression.boolean#DACED3ca
  • debugTokenExpression.error#DDD8E1ca
  • debugTokenExpression.name#DDD8E1ca
  • debugTokenExpression.number#DADDD3ca
  • debugTokenExpression.value#D5CEDAca
  • debugToolBar.background#550055c3
  • debugToolBar.border#0D0D0Dfe
  • debugView.exceptionLabelBackground#1E302Eca
  • debugView.exceptionLabelForeground#D1C9D6ca
  • debugView.stateLabelBackground#412431ca
  • debugView.stateLabelForeground#E1DDE5ca
  • debugView.valueChangedHighlight#D8E1D8ca
  • descriptionForeground#E9E9E9ce
  • diffEditor.border#0D0E0A00
  • diffEditor.diagonalFill#000000fc
  • diffEditor.insertedLineBackground#00340031
  • diffEditor.insertedTextBackground#113413fb
  • diffEditor.insertedTextBorder#0D0E0A00
  • diffEditor.move.border#0A0B0E00
  • diffEditor.moveActive.border#0A0E0D00
  • diffEditor.removedLineBackground#61000031
  • diffEditor.removedTextBackground#620000fb
  • diffEditor.removedTextBorder#0B0B0B00
  • diffEditor.unchangedCodeBackground#161616fe
  • diffEditor.unchangedRegionBackground#161616fe
  • diffEditor.unchangedRegionForeground#E9E9E9ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B9B9B965
  • dropdown.background#0D0D0Dfe
  • dropdown.border#0D0D0Dfe
  • dropdown.foreground#E9E9E9ce
  • dropdown.listBackground#0D0D0Dfe
  • editor.background#161616fe
  • editor.findMatchBackground#596049a2
  • editor.findMatchBorder#0D0D0Dfe
  • editor.findMatchHighlightBackground#564960aa
  • editor.findMatchHighlightBorder#0D0D0Dfe
  • editor.findRangeHighlightBackground#506A66ad
  • editor.findRangeHighlightBorder#0D0D0Dfe
  • editor.focusedStackFrameHighlightBackground#44485B88
  • editor.foldBackground#B4B7C7aa
  • editor.foreground#E9E9E9ce
  • editor.hoverHighlightBackground#555B45a1
  • editor.inactiveSelectionBackground#49494993
  • editor.inlineValuesBackground#161616fe
  • editor.inlineValuesForeground#E9E9E9ce
  • editor.lineHighlightBackground#2F2F2Fb5
  • editor.lineHighlightBorder#0A0E0D00
  • editor.linkedEditingBackground#161616fe
  • editor.rangeHighlightBackground#506A50ab
  • editor.rangeHighlightBorder#0D0D0Dfe
  • editor.selectionBackground#59434Ca3
  • editor.selectionForeground#CEDACEca
  • editor.selectionHighlightBackground#58434C8a
  • editor.selectionHighlightBorder#0D0D0Dfe
  • editor.snippetFinalTabstopHighlightBackground#506A66ac
  • editor.snippetFinalTabstopHighlightBorder#0D0D0Dfe
  • editor.snippetTabstopHighlightBackground#455B58a9
  • editor.snippetTabstopHighlightBorder#0D0D0Dfe
  • editor.stackFrameHighlightBackground#45485Ca2
  • editor.symbolHighlightBackground#577357a7
  • editor.symbolHighlightBorder#0D0D0Dfe
  • editor.wordHighlightBackground#52455Bad
  • editor.wordHighlightBorder#0B0B0B00
  • editor.wordHighlightStrongBackground#4A4A4Aa9
  • editor.wordHighlightStrongBorder#0A0E0A00
  • editor.wordHighlightTextBackground#564960aa
  • editor.wordHighlightTextBorder#0D0E0A00
  • editorBracketHighlight.foreground1#FAFAFAce
  • editorBracketHighlight.foreground2#FAFAFAce
  • editorBracketHighlight.foreground3#FAFAFAce
  • editorBracketHighlight.foreground4#FAFAFAce
  • editorBracketHighlight.foreground5#FAFAFAce
  • editorBracketHighlight.foreground6#FAFAFAce
  • editorBracketHighlight.unexpectedBracket.foreground#E9E9E9ce
  • editorBracketMatch.background#B8B8B8ab
  • editorBracketMatch.border#0D0D0Dfe
  • editorBracketPairGuide.activeBackground1#BEB4C688
  • editorBracketPairGuide.activeBackground2#BFB5C784
  • editorBracketPairGuide.activeBackground3#B5B7C782
  • editorBracketPairGuide.activeBackground4#A7BDB982
  • editorBracketPairGuide.activeBackground5#B3BAA485
  • editorBracketPairGuide.activeBackground6#BEB4C785
  • editorBracketPairGuide.background1#352644fe
  • editorBracketPairGuide.background2#272B45fe
  • editorBracketPairGuide.background3#292F1Cfe
  • editorBracketPairGuide.background4#382444fe
  • editorBracketPairGuide.background5#312A38fe
  • editorBracketPairGuide.background6#372645fe
  • editorCodeLens.foreground#B7B7B76e
  • editorCommentsWidget.rangeActiveBackground#B9B9B9fe
  • editorCommentsWidget.rangeBackground#161616fe
  • editorCommentsWidget.resolvedBorder#0D0D0Dfe
  • editorCommentsWidget.unresolvedBorder#620000cb
  • editorCursor.background#161616fe
  • editorCursor.foreground#D3385Cfe
  • editorError.background#0A0B0E00
  • editorError.border#0E0A0C00
  • editorError.foreground#FE8EFEce
  • editorGhostText.background#161616fe
  • editorGhostText.border#0C0A0E00
  • editorGhostText.foreground#B7B7B76e
  • editorGroup.border#0D0D0Dfe
  • editorGroup.dropBackground#161616fe
  • editorGroup.dropIntoPromptBackground#161616fe
  • editorGroup.dropIntoPromptBorder#0D0D0Dfe
  • editorGroup.dropIntoPromptForeground#E9E9E9ce
  • editorGroup.emptyBackground#161616fe
  • editorGroup.focusedEmptyBorder#0D0D0Dfe
  • editorGroupHeader.border#0A0B0E00
  • editorGroupHeader.noTabsBackground#0E0E0Eae
  • editorGroupHeader.tabsBackground#161616a1
  • editorGroupHeader.tabsBorder#0E0A0C00
  • editorGutter.addedBackground#7FC883fb
  • editorGutter.background#161616fe
  • editorGutter.commentGlyphForeground#E9E9E9ce
  • editorGutter.commentRangeForeground#E9E9E9ce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FE9C9Ccb
  • editorGutter.foldingControlForeground#E9E9E9ce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0D0E0A00
  • editorHint.foreground#BFABFEce
  • editorHoverWidget.background#0D0D0Dfe
  • editorHoverWidget.border#0D0D0Dfe
  • editorHoverWidget.foreground#E9E9E9ce
  • editorHoverWidget.highlightForeground#E0E0E0ca
  • editorHoverWidget.statusBarBackground#161616fe
  • editorIndentGuide.activeBackground1#FE819Efe
  • editorIndentGuide.activeBackground2#FC87A2fe
  • editorIndentGuide.activeBackground3#FD89A3fe
  • editorIndentGuide.activeBackground4#FD89A3fe
  • editorIndentGuide.activeBackground5#FE819Efe
  • editorIndentGuide.activeBackground6#FD87A2fe
  • editorIndentGuide.background1#C0ACB535
  • editorIndentGuide.background2#86A39F35
  • editorIndentGuide.background3#A68A9635
  • editorIndentGuide.background4#AFA3B935
  • editorIndentGuide.background5#9AA38635
  • editorIndentGuide.background6#B3A7BC35
  • editorInfo.background#0E0A0C00
  • editorInfo.border#0C0A0E00
  • editorInfo.foreground#BFABFEce
  • editorInlayHint.background#161616fe
  • editorInlayHint.foreground#E9E9E9ce
  • editorInlayHint.parameterBackground#161616fe
  • editorInlayHint.parameterForeground#E9E9E9ce
  • editorInlayHint.typeBackground#161616fe
  • editorInlayHint.typeForeground#E9E9E9ce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#E15575fe
  • editorLineNumber.dimmedForeground#B7B7B76e
  • editorLineNumber.foreground#B7B7B76e
  • editorLink.activeForeground#DC496Bfe
  • editorMarkerNavigation.background#0D0D0Dfe
  • editorMarkerNavigationError.background#550055a3
  • editorMarkerNavigationError.headerBackground#550055b3
  • editorMarkerNavigationInfo.background#0000A3fe
  • editorMarkerNavigationInfo.headerBackground#0000A3fe
  • editorMarkerNavigationWarning.background#352C00fe
  • editorMarkerNavigationWarning.headerBackground#352C00fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#161616fe
  • editorOverviewRuler.border#2D2D2Dfe
  • editorOverviewRuler.bracketMatchForeground#E9E9E9ce
  • editorOverviewRuler.commentForeground#B7B7B76e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#E9E9E9ce
  • editorOverviewRuler.currentContentForeground#cececead
  • editorOverviewRuler.deletedForeground#FE9C9Ccb
  • editorOverviewRuler.errorForeground#FE8EFEce
  • editorOverviewRuler.findMatchForeground#00CCCCce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#BFABFEce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#CED0DAca
  • editorOverviewRuler.selectionHighlightForeground#BFABFEce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#D8E1D8ca
  • editorOverviewRuler.wordHighlightStrongForeground#E9E9E9ce
  • editorOverviewRuler.wordHighlightTextForeground#E9E9E9ce
  • editorPane.background#161616fe
  • editorRuler.foreground#B8B8B825
  • editorStickyScroll.background#161616fe
  • editorStickyScrollHover.background#2D2D2D6e
  • editorSuggestWidget.background#0D0D0Dfe
  • editorSuggestWidget.border#0B0B0B00
  • editorSuggestWidget.focusHighlightForeground#4BC34Bfe
  • editorSuggestWidget.foreground#DCDCDCfe
  • editorSuggestWidget.highlightForeground#E6E8E1ca
  • editorSuggestWidget.selectedBackground#626A508c
  • editorSuggestWidget.selectedForeground#D3D4DDca
  • editorSuggestWidget.selectedIconForeground#CEDACEca
  • editorSuggestWidgetStatus.foreground#C4C6D2fe
  • editorUnicodeHighlight.background#45485Ba7
  • editorUnicodeHighlight.border#0D0D0Dfe
  • editorUnnecessaryCode.border#332B00ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0C0A0E00
  • editorWarning.border#0E0A0C00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#E9E9E9ce
  • editorWidget.background#0D0D0Dfe
  • editorWidget.border#0D0D0Dfe
  • editorWidget.foreground#E9E9E9ce
  • editorWidget.resizeBorder#0D0D0Dfe
  • errorForeground#FE8EFEce
  • extensionBadge.remoteBackground#E66280fe
  • extensionBadge.remoteForeground#0E0E0Efe
  • extensionButton.background#2D2D2Dae
  • extensionButton.foreground#E9E9E9ce
  • extensionButton.hoverBackground#2D2D2D6e
  • extensionButton.prominentBackground#161616fe
  • extensionButton.prominentForeground#E9E9E9ce
  • extensionButton.prominentHoverBackground#161616fe
  • extensionButton.separator#0D0E0A00
  • extensionIcon.preReleaseForeground#D3DDDCfe
  • extensionIcon.sponsorForeground#D5CEDAfe
  • extensionIcon.starForeground#D8D8D8fe
  • extensionIcon.verifiedForeground#D8E1D8fe
  • focusBorder#0E0A0C00
  • foreground#E9E9E9ce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FE9C9Ccb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#BFABFEce
  • gitDecoration.stageDeletedResourceForeground#FE9C9Ccb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00CCCCce
  • icon.foreground#B7B7B7ae
  • inlineChat.background#3F2430ca
  • inlineChat.border#272B47ca
  • inlineChat.regionHighlight#CEDACEca
  • inlineChat.shadow#CEDAD8ca
  • inlineChatDiff.inserted#D9D3DDca
  • inlineChatDiff.removed#E1E8E1ca
  • inlineChatInput.background#D1C9D6ca
  • inlineChatInput.border#1E302Eca
  • inlineChatInput.focusBorder#0A0E0D00
  • inlineChatInput.placeholderForeground#DCDCDCca
  • input.background#0D0D0Dfe
  • input.border#0D0D0Dfe
  • input.foreground#E9E9E9ce
  • input.placeholderForeground#B7B7B765
  • inputOption.activeBackground#0D0D0Dfe
  • inputOption.activeBorder#0D0D0Dfe
  • inputOption.activeForeground#E66280fe
  • inputOption.hoverBackground#0D0D0Dfe
  • inputValidation.errorBackground#670067ac
  • inputValidation.errorBorder#550055c7
  • inputValidation.errorForeground#FE8EFEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0D0D0Dfe
  • inputValidation.infoForeground#E9E9E9ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0D0D0Dfe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0D0D0Dfe
  • interactive.inactiveCodeBorder#2B2B2B9b
  • keybindingLabel.background#161616fe
  • keybindingLabel.border#0D0D0Dfe
  • keybindingLabel.bottomBorder#0D0D0Dfe
  • keybindingLabel.foreground#E9E9E9ce
  • keybindingTable.headerBackground#161616fe
  • keybindingTable.rowsBackground#161616fe
  • list.activeSelectionBackground#57735784
  • list.activeSelectionForeground#DCDCDCca
  • list.activeSelectionIconForeground#D8E1E0ca
  • list.deemphasizedForeground#E9E9E9ce
  • list.dropBackground#161616fe
  • list.errorForeground#FE8EFEce
  • list.filterMatchBackground#161616fe
  • list.filterMatchBorder#0D0D0Dfe
  • list.focusAndSelectionOutline#0A0E0D00
  • list.focusBackground#49494996
  • list.focusForeground#D03357fe
  • list.focusHighlightForeground#CF94F6fe
  • list.focusOutline#0D0E0A00
  • list.highlightForeground#E0E0E0ca
  • list.hoverBackground#2B2025a9
  • list.hoverForeground#D3385Cfe
  • list.inactiveFocusBackground#34343493
  • list.inactiveFocusOutline#0A0E0D00
  • list.inactiveSelectionBackground#0E0E0Eae
  • list.inactiveSelectionForeground#B7B7B765
  • list.inactiveSelectionIconForeground#B7B7B765
  • list.invalidItemForeground#E9E9E9ce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#161616fe
  • listFilterWidget.noMatchesOutline#0A0E0A00
  • listFilterWidget.outline#0E0A0C00
  • listFilterWidget.shadow#0A0E0D00
  • menu.background#0E0E0Efe
  • menu.border#0E0A0C00
  • menu.foreground#E9E9E9ae
  • menu.selectionBackground#59434Ca5
  • menu.selectionBorder#0C0A0E00
  • menu.selectionForeground#E35B7Bfe
  • menu.separatorBackground#2D2D2D65
  • menubar.selectionBackground#59434Dae
  • menubar.selectionBorder#0C0A0E00
  • menubar.selectionForeground#D94366fe
  • merge.border#0D0D0Dfe
  • merge.commonContentBackground#161616fe
  • merge.commonHeaderBackground#161616fe
  • merge.currentContentBackground#00340031
  • merge.currentHeaderBackground#113413fb
  • merge.incomingContentBackground#113213cb
  • merge.incomingHeaderBackground#113413fb
  • 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#0D0D0Dfe
  • mergeEditor.conflict.handledUnfocused.border#22222229
  • mergeEditor.conflict.input1.background#0D0D0Dfe
  • mergeEditor.conflict.input2.background#0D0D0Dfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067be
  • mergeEditor.conflict.unhandledFocused.border#0D0D0Dfe
  • mergeEditor.conflict.unhandledUnfocused.border#1E1E1E38
  • 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#7FC883fb
  • minimapGutter.deletedBackground#FF9C9Cfb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#747474fe
  • minimapSlider.background#454545ae
  • minimapSlider.hoverBackground#6363636e
  • notebook.cellBorderColor#0D0D0Dfe
  • notebook.cellEditorBackground#161616fe
  • notebook.cellHoverBackground#161616fe
  • notebook.cellInsertionIndicator#D6C9CFca
  • notebook.cellStatusBarItemHoverBackground#161616fe
  • notebook.cellToolbarSeparator#E6E8E1ca
  • notebook.editorBackground#161616fe
  • notebook.focusedCellBackground#161616fe
  • notebook.focusedCellBorder#D63E61fe
  • notebook.focusedEditorBorder#0D0D0Dfe
  • notebook.inactiveFocusedCellBorder#7070708e
  • notebook.inactiveSelectedCellBorder#6767678e
  • notebook.outputContainerBackgroundColor#161616fe
  • notebook.outputContainerBorderColor#0D0D0Dfe
  • notebook.selectedCellBackground#161616fe
  • notebook.selectedCellBorder#0D0D0Dfe
  • notebook.symbolHighlightBackground#161616fe
  • notebookEditorOverviewRuler.runningCellForeground#E9E9E9ce
  • notebookScrollbarSlider.activeBackground#747474fe
  • notebookScrollbarSlider.background#494949ae
  • notebookScrollbarSlider.hoverBackground#6363636e
  • notebookStatusErrorIcon.foreground#FE8EFEce
  • notebookStatusRunningIcon.foreground#D5CEDAfe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0D0D0Dfe
  • notificationCenterHeader.background#161616fe
  • notificationCenterHeader.foreground#E9E9E9ce
  • notificationLink.foreground#E9E9E9ce
  • notifications.background#161616fe
  • notifications.border#0D0D0Dfe
  • notifications.foreground#E9E9E9ce
  • notificationsErrorIcon.foreground#FE8EFEce
  • notificationsInfoIcon.foreground#C0C2CFfe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0D0D0Dfe
  • panel.background#161616fe
  • panel.border#0D0D0Dfe
  • panel.dropBorder#0D0D0Dfe
  • panelInput.border#0D0D0Dfe
  • panelSection.border#0D0D0Dfe
  • panelSection.dropBackground#161616fe
  • panelSectionHeader.background#161616fe
  • panelSectionHeader.border#0D0D0Dfe
  • panelSectionHeader.foreground#E9E9E9ce
  • panelTitle.activeBorder#0A0E0A00
  • panelTitle.activeForeground#FD88A3fe
  • panelTitle.inactiveForeground#A8A8A865
  • peekView.border#FD89A3fe
  • peekViewEditor.background#0D0D0Dfe
  • peekViewEditor.matchHighlightBackground#59604987
  • peekViewEditor.matchHighlightBorder#0B0B0B00
  • peekViewEditorGutter.background#0D0D0Dfe
  • peekViewEditorStickyScroll.background#161616fe
  • peekViewResult.background#0E0E0Efe
  • peekViewResult.fileForeground#E9E9E9ce
  • peekViewResult.lineForeground#E9E9E9ce
  • peekViewResult.matchHighlightBackground#676F5483
  • peekViewResult.selectionBackground#575B7387
  • peekViewResult.selectionForeground#D6DACEca
  • peekViewTitle.background#0E0E0Efe
  • peekViewTitleDescription.foreground#E9E9E9ce
  • peekViewTitleLabel.foreground#E9E9E9ce
  • pickerGroup.border#0D0D0Dfe
  • pickerGroup.foreground#E9E9E9ce
  • ports.iconRunningProcessForeground#C0C2CFfe
  • problemsErrorIcon.foreground#FE8EFEce
  • problemsInfoIcon.foreground#BFABFEce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#D3385Cfe
  • profileBadge.foreground#0E0E0Efe
  • progressBar.background#161616fe
  • quickInput.background#0E0E0Efe
  • quickInput.foreground#E9E9E9ae
  • quickInputList.focusBackground#56414Aa6
  • quickInputList.focusForeground#DC496Bfe
  • quickInputList.focusIconForeground#E15575fe
  • quickInputTitle.background#0D0D0Dfe
  • sash.hoverBorder#0D0D0Dfe
  • scrollbar.shadow#0E0A0C00
  • scrollbarSlider.activeBackground#747474fe
  • scrollbarSlider.background#494949ae
  • scrollbarSlider.hoverBackground#6363636e
  • search.resultsInfoForeground#E9E9E9ce
  • searchEditor.findMatchBackground#51455Baa
  • searchEditor.findMatchBorder#0D0D0Dfe
  • searchEditor.textInputBorder#0D0D0Dfe
  • selection.background#161616fe
  • settings.checkboxBackground#0D0D0Dfe
  • settings.checkboxBorder#0D0D0Dfe
  • settings.checkboxForeground#E9E9E9ce
  • settings.dropdownBackground#0D0D0Dfe
  • settings.dropdownBorder#0D0D0Dfe
  • settings.dropdownForeground#E9E9E9ce
  • settings.dropdownListBorder#0D0D0Dfe
  • settings.focusedRowBackground#4C506586
  • settings.focusedRowBorder#0D0D0Dfe
  • settings.headerBorder#0D0D0Dfe
  • settings.headerForeground#E9E9E9ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0D0D0Dfe
  • settings.numberInputBorder#0D0D0Dfe
  • settings.numberInputForeground#E9E9E9ce
  • settings.rowHoverBackground#161616fe
  • settings.sashBorder#0D0D0Dfe
  • settings.settingsHeaderHoverForeground#DC496Bfe
  • settings.textInputBackground#0D0D0Dfe
  • settings.textInputBorder#0D0D0Dfe
  • settings.textInputForeground#E9E9E9ce
  • sideBar.background#161616fe
  • sideBar.border#0D0D0Dfe
  • sideBar.dropBackground#161616fe
  • sideBar.foreground#B7B7B7ae
  • sideBarSectionHeader.background#0A0E0A00
  • sideBarSectionHeader.border#0D0D0Dfe
  • sideBarSectionHeader.foreground#E9E9E9ce
  • sideBarTitle.foreground#E9E9E9ce
  • sideBySideEditor.horizontalBorder#0D0D0Dfe
  • sideBySideEditor.verticalBorder#0D0D0Dfe
  • simpleFindWidget.sashBorder#0D0D0Dfe
  • statusBar.background#0E0E0Efe
  • statusBar.border#0D0D0Dfe
  • statusBar.debuggingBackground#5500559a
  • statusBar.debuggingBorder#0D0D0Dfe
  • statusBar.debuggingForeground#E9E9E9ce
  • statusBar.focusBorder#0D0E0A00
  • statusBar.foreground#B7B7B76e
  • statusBar.noFolderBackground#0E0E0Efe
  • statusBar.noFolderBorder#0D0D0Dfe
  • statusBar.noFolderForeground#E9E9E9ce
  • statusBarItem.activeBackground#0E0E0Efe
  • statusBarItem.compactHoverBackground#0E0E0Efe
  • statusBarItem.errorBackground#550055b3
  • statusBarItem.errorForeground#FE8EFEce
  • statusBarItem.errorHoverBackground#55005599
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#0A0E0D00
  • statusBarItem.hoverBackground#0E0E0Efe
  • statusBarItem.hoverForeground#E35B7Bfe
  • statusBarItem.offlineBackground#0E0E0Efe
  • statusBarItem.offlineForeground#E9E9E9ce
  • statusBarItem.offlineHoverBackground#0E0E0Efe
  • statusBarItem.offlineHoverForeground#D3385Cfe
  • statusBarItem.prominentBackground#0E0E0Efe
  • statusBarItem.prominentForeground#E9E9E9ce
  • statusBarItem.prominentHoverBackground#0E0E0Efe
  • statusBarItem.prominentHoverForeground#DE4F70fe
  • statusBarItem.remoteBackground#D94366fe
  • statusBarItem.remoteForeground#0E0E0Efe
  • statusBarItem.remoteHoverBackground#0E0E0Efe
  • statusBarItem.remoteHoverForeground#C93053fe
  • statusBarItem.warningBackground#352C00fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#352C00fe
  • statusBarItem.warningHoverForeground#CDA900ce
  • symbolIcon.arrayForeground#C0C2CFfe
  • symbolIcon.booleanForeground#00CCCCce
  • symbolIcon.classForeground#C4BBCBfe
  • symbolIcon.colorForeground#D1C9D6fe
  • symbolIcon.constantForeground#DCDCDCfe
  • symbolIcon.constructorForeground#C4D2C4fe
  • symbolIcon.enumeratorForeground#C4D2D0fe
  • symbolIcon.enumeratorMemberForeground#D3DDDCfe
  • symbolIcon.eventForeground#D8E1D8fe
  • symbolIcon.fieldForeground#D1C9D6fe
  • symbolIcon.fileForeground#BEBEBEfe
  • symbolIcon.folderForeground#D8E1E0fe
  • symbolIcon.functionForeground#C4C6D2fe
  • symbolIcon.interfaceForeground#C4D2C4fe
  • symbolIcon.keyForeground#C2C2C2fe
  • symbolIcon.keywordForeground#E5E5E5fe
  • symbolIcon.methodForeground#B6C7C5fe
  • symbolIcon.moduleForeground#C4BBCBfe
  • symbolIcon.namespaceForeground#DDE5DDfe
  • symbolIcon.nullForeground#B6B8C7fe
  • symbolIcon.numberForeground#C9D6D4fe
  • symbolIcon.objectForeground#C5B2BAfe
  • symbolIcon.operatorForeground#DDDEE5fe
  • symbolIcon.packageForeground#D6C9CFfe
  • symbolIcon.propertyForeground#DDDEE5fe
  • symbolIcon.referenceForeground#D8E1D8fe
  • symbolIcon.snippetForeground#C0CFC0fe
  • symbolIcon.stringForeground#E1E2E8fe
  • symbolIcon.structForeground#DACED3fe
  • symbolIcon.textForeground#D8E1E0fe
  • symbolIcon.typeParameterForeground#C0CFC0fe
  • symbolIcon.unitForeground#C2C2C2fe
  • symbolIcon.variableForeground#BEB4C6fe
  • tab.activeBackground#101010fe
  • tab.activeBorder#0C0A0E00
  • tab.activeBorderTop#FD87A2fe
  • tab.activeForeground#FC87A2fe
  • tab.activeModifiedBorder#332B00ce
  • tab.border#0C0A0E00
  • tab.hoverBackground#C6B3BBa4
  • tab.hoverBorder#0D0D0Dfe
  • tab.hoverForeground#E66280fe
  • tab.inactiveBackground#27272799
  • tab.inactiveForeground#ACACAC65
  • tab.inactiveModifiedBorder#332B00ce
  • tab.lastPinnedBorder#0D0D0Dfe
  • tab.unfocusedActiveBackground#22222233
  • tab.unfocusedActiveBorder#0C0A0E00
  • tab.unfocusedActiveBorderTop#2D2D2D65
  • tab.unfocusedActiveForeground#ACACAC65
  • tab.unfocusedActiveModifiedBorder#332B00ce
  • tab.unfocusedHoverBackground#B9B9B935
  • tab.unfocusedHoverBorder#22222237
  • tab.unfocusedHoverForeground#A8A8A865
  • tab.unfocusedInactiveBackground#2B2B2B9a
  • tab.unfocusedInactiveForeground#ACACAC65
  • tab.unfocusedInactiveModifiedBorder#332B00ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333a2
  • 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#670067c3
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececeb2
  • terminal.ansiYellow#c4a200fe
  • terminal.background#161616fe
  • terminal.border#0D0D0Dfe
  • terminal.dropBackground#161616fe
  • terminal.findMatchBackground#161616fe
  • terminal.findMatchBorder#0D0D0Dfe
  • terminal.findMatchHighlightBackground#161616fe
  • terminal.findMatchHighlightBorder#0D0D0Dfe
  • terminal.foreground#B7B7B7ae
  • terminal.hoverHighlightBackground#161616fe
  • terminal.inactiveSelectionBackground#2727279d
  • terminal.selectionBackground#626A5083
  • terminal.selectionForeground#E2E5DDca
  • terminal.tab.activeBorder#FE88A3fe
  • terminalCommandDecoration.defaultBackground#C5B3BAae
  • terminalCommandDecoration.errorBackground#FE9C9Ccb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#161616fe
  • terminalCursor.foreground#E15575fe
  • terminalOverviewRuler.cursorForeground#E9E9E9ce
  • terminalOverviewRuler.findMatchForeground#00CCCCce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c2
  • testing.iconUnset#808080a2
  • testing.message.error.decorationForeground#EDA3B4fe
  • testing.message.error.lineBackground#550055ba
  • testing.message.info.decorationForeground#EBA5B5fe
  • testing.message.info.lineBackground#0000A3fe
  • testing.peekBorder#0D0D0Dfe
  • testing.peekHeaderBackground#161616fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#161616fe
  • textBlockQuote.border#0D0D0Dfe
  • textCodeBlock.background#161616fe
  • textLink.activeForeground#DC496Bfe
  • textLink.foreground#BFABFEce
  • textPreformat.foreground#E9E9E9ce
  • textSeparator.foreground#E9E9E9ce
  • titleBar.activeBackground#0E0E0Efe
  • titleBar.activeForeground#ACACACae
  • titleBar.border#0A0E0D00
  • titleBar.inactiveBackground#272727d9
  • titleBar.inactiveForeground#A8A8A865
  • toolbar.activeBackground#01168387
  • toolbar.hoverBackground#161616fe
  • toolbar.hoverOutline#0A0E0D00
  • tree.inactiveIndentGuidesStroke#B1C4C135
  • tree.indentGuidesStroke#EDA3B4fe
  • tree.tableColumnsBorder#0D0D0Dfe
  • tree.tableOddRowsBackground#161616fe
  • walkThrough.embeddedEditorBackground#161616fe
  • walkthrough.stepTitle.foreground#E9E9E9ce
  • welcomePage.background#161616fe
  • welcomePage.progress.background#161616fe
  • welcomePage.progress.foreground#E9E9E9ce
  • welcomePage.tileBackground#161616fe
  • welcomePage.tileBorder#0D0D0Dfe
  • welcomePage.tileHoverBackground#161616fe
  • widget.border#0D0D0Dfe
  • widget.shadow#0C0A0E00
  • window.activeBorder#0D0D0Dfe
  • window.inactiveBorder#2D2D2D98

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#C0C0C06e
comment.block.html#BFBFBF6e
comment.block.java#BFBFBF6e
comment.block.javadoc.java#C0C0C06e
comment.block.powershell#C0C0C06e
comment.block.xml#C0C0C06e
comment.line.double-slash.c#C0C0C06e
comment.line.double-slash.cpp#C0C0C06e
comment.line.double-slash.java#C0C0C06e
comment.line.double-slash.js#C0C0C06e
comment.line.number-sign.makefile#C0C0C06e
comment.line.number-sign.python#C0C0C06e
comment.line.number-sign.yaml#BFBFBF6e
comment.line.percentage.erlang#C0C0C06e
comment.line.powershell#C0C0C06e
comment.source.cmake#C0C0C06e
comment.source.cmakecache#C0C0C06e
constant.character#9898F5de
constant.character.character-class.regexp#25D2F3de
constant.character.escape#0CDD3Dde
constant.character.set.regexp#E289F2de
constant.language#10DE3Fde
constant.numeric#F0A3FEde
constant.numeric.dec.python#E289F2de
constant.other.caps.python#20D2F2de
constant.other.character-class.regexp#7DD512de
constant.other.character-class.set.regexp#9999F3de
constant.other.color.rgb-value#79D60Ede
constant.other.placeholder#FBB15Bde
constant.other.rgb-value#FAB260de
constant.regexp#F289A1de
constant.sha.git-rebase#F0A5FEde
emphasis#DB7DECde
entity.name.class#FEA7BBde
entity.name.function#F8A6B9de
entity.name.function.preprocessor#9999EFde
entity.name.function.python#B4B4FEde
entity.name.label#7AD610de
entity.name.namespace#7BD710de
entity.name.operator#77D60Cde
entity.name.operator.custom-literal#0DDE3Dde
entity.name.scope-resolution#FBB159de
entity.name.tag#B5B5FAde
entity.name.tag.css#25D2F3de
entity.name.type#EBA6F8de
entity.name.variable#1FD2F5de
entity.other.attribute#FAB15Ede
entity.other.attribute-name#E8AD68de
entity.other.attribute-name.class.css#FAB15Cde
entity.other.attribute-name.class.mixin.css#F0A3FEde
entity.other.attribute-name.id#FEA7BBde
entity.other.attribute-name.id.css#7CD612de
entity.other.attribute-name.parent-selector.css#AEAEF9de
entity.other.attribute-name.pseudo-class.css#ED8099de
entity.other.attribute-name.pseudo-element.css#E490F4de
entity.other.attribute-name.scss#23D2F2de
entity.other.document.begin.yaml#C0C0C06e
entity.other.inherited-class#FBB15Bde
header#10DE3Fde
invalid#11DD42de
keyword#DB7DECde
keyword.codetag.notation.python#1FD2F3de
keyword.control#20D2F2de
keyword.control.anchor.regexp#FCB158de
keyword.control.import.python#FBB15Bde
keyword.operator#79D60Ede
keyword.operator.alignas#EFA5FEde
keyword.operator.alignof#11DD42de
keyword.operator.cast#10DE3Fde
keyword.operator.delete#FEA7BAde
keyword.operator.documentation.powershell#BFBFBF6e
keyword.operator.expression#7CD611de
keyword.operator.instanceof#11DD42de
keyword.operator.logical.python#10DD3Fde
keyword.operator.minus.exponent#23D2F2de
keyword.operator.negation.regexp#12DD40de
keyword.operator.new#22D2F4de
keyword.operator.noexcept#7BD710de
keyword.operator.or.regexp#E99FF6de
keyword.operator.plus.exponent#7AD610de
keyword.operator.quantifier.regexp#AEAEF9de
keyword.operator.sizeof#11DD42de
keyword.operator.typeid#22D2F4de
keyword.operator.wordlike#B9B9FEde
keyword.other.operator#FBB159de
keyword.other.package.java#16D2F3de
keyword.other.unit#9999F0de
keyword.other.using#11DD42de
markup.bold#E99FF6de
markup.changed#FEA8BCde
markup.deleted#FEA3B8de
markup.fenced_code.block.markdown#FBB159de
markup.heading#F8A6B9de
markup.inline.raw#FAB260de
markup.inserted#7CD713de
markup.italic#7CD713de
markup.raw.block.markdown#79D70Dde
markup.strikethrough#FEA8BCde
markup.underline#FAB15Ede
meta.block.c#78D70Cde
meta.block.c#20D2F2de
meta.class.java#7DD712de
meta.definition.variable.name#B9B9FEde
meta.diff.header#FEA8BCde
meta.embedded#B9B9FEde
meta.embedded.assembly#DA7EEBde
meta.function-call.arguments.python#16D2F3de
meta.function-call.python#9A9AF1de
meta.member.access.python#EFA5FEde
meta.method.java#EC829Bde
meta.object-literal.key#AEAEF9de
meta.paragraph.markdown#7CD612de
meta.preprocessor#12DD42de
meta.preprocessor.numeric#DA7EEBde
meta.preprocessor.string#FAB260de
meta.scope.prerequisites.makefile#20D2F2de
meta.structure.dictionary.json.comments#C0C0C06e
meta.structure.dictionary.key.python#0CDD3Dde
meta.structure.dictionary.value.json.comments#C0C0C06e
meta.template.expression#DC7DEDde
meta.type.cast.expr#EFA5FEde
meta.type.new.expr#FAB260de
parameter#9898F5de
punctuation.character.set.begin.regexp#7BD710de
punctuation.character.set.end.regexp#16D2F3de
punctuation.definition.array.begin.json#12DD40de
punctuation.definition.character-class.regexp#9999F3de
punctuation.definition.comment#C0C0C06e
punctuation.definition.comment.json.comments#BFBFBF6e
punctuation.definition.comment.python#BFBFBF6e
punctuation.definition.dictionary.begin.json#FCB158de
punctuation.definition.dictionary.end.json#23D2F2de
punctuation.definition.group.assertion.regexp#9A9AEEde
punctuation.definition.group.regexp#20D2F2de
punctuation.definition.list.begin.json#FAB15Ede
punctuation.definition.list.begin.markdown#9898F5de
punctuation.definition.list.begin.python#B9B9FEde
punctuation.definition.list.end.json#0EDE3Ede
punctuation.definition.list.end.markdown#11DD42de
punctuation.definition.list.end.python#FAB25Fde
punctuation.definition.parameters.begin.python#12DD40de
punctuation.definition.parameters.end.bracket.round.java#76D70Bde
punctuation.definition.quote.begin.markdown#FEA7BBde
punctuation.definition.tag#23D2F2de
punctuation.definition.template-expression.begin#12DD40de
punctuation.definition.template-expression.end#DC7DEDde
punctuation.section.class.begin.bracket.curly.java#22D2F4de
punctuation.section.embedded#20D2F2de
punctuation.section.embedded.begin.php#FEA7BBde
punctuation.section.embedded.end.php#9F9FF6de
punctuation.terminator.java#FCB059de
source.cmake#FEA7BBde
source.coffee.embedded#9898F5de
source.cpp#20D2F2de
source.css.less#FBB15Bde
source.groovy.embedded#FBB15Bde
source.java#9A9AEEde
source.java-properties#0DDE3Dde
source.json.comments#C0C0C06e
source.makefile#F490A7de
source.powershell#78D70Cde
source.powershell.variable.other.member#20D2F2de
source.python#9A9AEEde
storage#20D2F2de
storage.modifier#EFA5FEde
storage.modifier.import.java#DB7DECde
storage.modifier.package.java#EBA6F8de
storage.type#9A9AEEde
storage.type.annotation.groovy#20D2F4de
storage.type.annotation.java#77D60Cde
storage.type.boolean.go#12DD40de
storage.type.byte.go#9999F3de
storage.type.cs#12DD40de
storage.type.error.go#79D70Dde
storage.type.generic.cs#1FD2F3de
storage.type.generic.groovy#F0A5FEde
storage.type.generic.java#16D2F3de
storage.type.groovy#FCB059de
storage.type.java#DB7DECde
storage.type.modifier.cs#DC7DEDde
storage.type.numeric.go#7CD712de
storage.type.object.array.groovy#1FD2F5de
storage.type.object.array.java#FAB260de
storage.type.parameters.groovy#9A9AF1de
storage.type.primitive.array.groovy#FAB25Dde
storage.type.primitive.array.java#9A9AEEde
storage.type.primitive.groovy#9A9AF1de
storage.type.primitive.java#9898F4de
storage.type.rune.go#10DE3Fde
storage.type.string.go#EBA6F8de
storage.type.token.java#9898F5de
storage.type.uintptr.go#EAB16Ede
storage.type.variable.cs#9A9AF1de
string#F0A5FEde
string.quoted.docstring.multi.python#C0C0C06e
string.regexp#25D2F3de
string.tag#0CDE3Bde
string.value#9999F0de
strong#FAB260de
support.class#22D2F4de
support.constant.color#9999EFde
support.constant.dom#B4B4FEde
support.constant.font-name#79D60Ede
support.constant.handlebars#16D2F3de
support.constant.json#16D2F3de
support.constant.math#F0A3FEde
support.constant.media#9999EFde
support.constant.media-type#22D2F4de
support.constant.property-value#10DD3Fde
support.function#E99FF6de
support.function.git-rebase#FBB15Bde
support.other.parenthesis.regexp#F289A1de
support.type#0CDD3Dde
support.type.property-name#FAB260de
support.type.vendored.property-name#DD7CEEde
support.variable#20D2F2de
token.debug-token#20D2F2de
token.error-token#10DD3Fde
token.info-token#FBB15Bde
token.warn-token#10DE3Fde
variable#9A9AF1de
variable.css#23D2F2de
variable.language#DD7CEEde
variable.language.wildcard.java#1DD2F6de
variable.other.constant#20D2F2de
variable.other.definition.java#22D2F4de
variable.other.enummember#E8AD68de
variable.other.less#79D60Ede
variable.other.object.java#B5B5FAde
variable.other.object.property.java#21D2F2de
variable.parameter.c#0BDD39de
variable.parameter.function.language.python#F0A3FEde
variable.parameter.java#F0A3FEde
variable.scss#ED8099de
viiv by B.W - VS Code Theme