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#171b1efe
  • activityBar.activeBackground#171b1efe
  • activityBar.activeBorder#88AFFEfe
  • activityBar.activeFocusBorder#66667800
  • activityBar.background#0E1012fe
  • activityBar.border#56687900
  • activityBar.dropBorder#89ABEFfe
  • activityBar.foreground#89AFFDfe
  • activityBar.inactiveForeground#9AA7B165
  • activityBarBadge.background#4775D1fe
  • activityBarBadge.foreground#0E1012fe
  • badge.background#4775D1fe
  • badge.foreground#0E1012fe
  • banner.background#171b1efe
  • banner.foreground#E1EFFEce
  • banner.iconForeground#B7C0C7fe
  • breadcrumb.activeSelectionForeground#DAD9E0ca
  • breadcrumb.background#101214fe
  • breadcrumb.focusForeground#3C6CCAfe
  • breadcrumb.foreground#E2E6E8ae
  • breadcrumbPicker.background#171b1efe
  • button.background#343D44ae
  • button.border#0D0B0B00
  • button.foreground#E1EFFEce
  • button.hoverBackground#515F6A6e
  • button.secondaryBackground#171b1efe
  • button.secondaryForeground#E1EFFEce
  • button.secondaryHoverBackground#171b1efe
  • button.separator#0D0D0B00
  • charts.blue#1b1bfffe
  • charts.foreground#E1EFFEce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067b3
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#0C0E10fe
  • chat.slashCommandBackground#171b1efe
  • chat.slashCommandForeground#E1EFFEce
  • checkbox.background#0C0E10fe
  • checkbox.border#0C0E10fe
  • checkbox.foreground#E1EFFEce
  • checkbox.selectBackground#0C0E10fe
  • checkbox.selectBorder#0C0E10fe
  • commandCenter.activeBackground#2F2B1989
  • commandCenter.activeBorder#0C0E10fe
  • commandCenter.activeForeground#3C6CCAfe
  • commandCenter.background#171b1efe
  • commandCenter.border#0C0E10fe
  • commandCenter.foreground#E1EFFEce
  • commandCenter.inactiveBorder#0C2C4892
  • commandCenter.inactiveForeground#60B7F665
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#0A0C0E00
  • contrastBorder#0B0D0C00
  • debugConsole.errorForeground#FF95FEce
  • debugConsole.infoForeground#E1EFFEce
  • debugConsole.sourceForeground#E1EFFEce
  • debugConsole.warningForeground#ffd611ce
  • debugConsoleInputIcon.foreground#C1CEC7fe
  • debugExceptionWidget.background#520052a0
  • debugExceptionWidget.border#0C0E10fe
  • debugIcon.breakpointCurrentStackframeForeground#D9CFCFfe
  • debugIcon.breakpointDisabledForeground#B3BDC565
  • debugIcon.breakpointForeground#CAD5D0fe
  • debugIcon.breakpointStackframeForeground#CFD9D4fe
  • debugIcon.breakpointUnverifiedForeground#C2C0B3fe
  • debugIcon.continueForeground#BCC6B8fe
  • debugIcon.disconnectForeground#E4DDE4fe
  • debugIcon.pauseForeground#C0C9CFfe
  • debugIcon.restartForeground#D1D0C6fe
  • debugIcon.startForeground#DDD4D4fe
  • debugIcon.stepBackForeground#C6D1CCfe
  • debugIcon.stepIntoForeground#BCCAC3fe
  • debugIcon.stepOutForeground#BFBCCAfe
  • debugIcon.stepOverForeground#BFBCCAfe
  • debugIcon.stopForeground#CAD5D0fe
  • debugTokenExpression.boolean#E0D9E0ca
  • debugTokenExpression.error#DDE4E1ca
  • debugTokenExpression.name#D5CAD5ca
  • debugTokenExpression.number#DDD4D4ca
  • debugTokenExpression.value#E4DDDDca
  • debugToolBar.background#520052ad
  • debugToolBar.border#0C0E10fe
  • debugView.exceptionLabelBackground#3E2424ca
  • debugView.exceptionLabelForeground#DAD9E0ca
  • debugView.stateLabelBackground#3E2424ca
  • debugView.stateLabelForeground#E4E3DDca
  • debugView.valueChangedHighlight#D4DDD8ca
  • descriptionForeground#E1EFFEce
  • diffEditor.border#0B0D0C00
  • diffEditor.diagonalFill#000000f5
  • diffEditor.insertedLineBackground#00300031
  • diffEditor.insertedTextBackground#113112fb
  • diffEditor.insertedTextBorder#0D0D0B00
  • diffEditor.move.border#0C0D0B00
  • diffEditor.moveActive.border#0B0D0C00
  • diffEditor.removedLineBackground#5D000031
  • diffEditor.removedTextBackground#5D0000fb
  • diffEditor.removedTextBorder#0C0D0B00
  • diffEditor.unchangedCodeBackground#171b1efe
  • diffEditor.unchangedRegionBackground#171b1efe
  • diffEditor.unchangedRegionForeground#E1EFFEce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#B3BDC565
  • dropdown.background#0C0E10fe
  • dropdown.border#0C0E10fe
  • dropdown.foreground#E1EFFEce
  • dropdown.listBackground#0C0E10fe
  • editor.background#171b1efe
  • editor.findMatchBackground#4F4D3Ea6
  • editor.findMatchBorder#0C0E10fe
  • editor.findMatchHighlightBackground#4D4A5Da8
  • editor.findMatchHighlightBorder#0C0E10fe
  • editor.findRangeHighlightBackground#565368a5
  • editor.findRangeHighlightBorder#0C0E10fe
  • editor.focusedStackFrameHighlightBackground#444F3E85
  • editor.foldBackground#AFC0B8a1
  • editor.foreground#E1EFFEce
  • editor.hoverHighlightBackground#5A475Aae
  • editor.inactiveSelectionBackground#424D5594
  • editor.inlineValuesBackground#171b1efe
  • editor.inlineValuesForeground#E1EFFEce
  • editor.lineHighlightBackground#30393Fb3
  • editor.lineHighlightBorder#0D0B0B00
  • editor.linkedEditingBackground#171b1efe
  • editor.rangeHighlightBackground#4D495Da7
  • editor.rangeHighlightBorder#0C0E10fe
  • editor.selectionBackground#3F5049aa
  • editor.selectionForeground#DDD4D4ca
  • editor.selectionHighlightBackground#5A49498d
  • editor.selectionHighlightBorder#0C0E10fe
  • editor.snippetFinalTabstopHighlightBackground#4F6359a3
  • editor.snippetFinalTabstopHighlightBorder#0C0E10fe
  • editor.snippetTabstopHighlightBackground#515F6Aa3
  • editor.snippetTabstopHighlightBorder#0C0E10fe
  • editor.stackFrameHighlightBackground#44554Ca7
  • editor.symbolHighlightBackground#424E56a1
  • editor.symbolHighlightBorder#0C0E10fe
  • editor.wordHighlightBackground#594659ac
  • editor.wordHighlightBorder#0A0C0E00
  • editor.wordHighlightStrongBackground#444F3Eaa
  • editor.wordHighlightStrongBorder#0D0D0B00
  • editor.wordHighlightTextBackground#405148a4
  • editor.wordHighlightTextBorder#0D0D0B00
  • editorBracketHighlight.foreground1#F5F6F7ce
  • editorBracketHighlight.foreground2#F5F6F7ce
  • editorBracketHighlight.foreground3#F5F6F7ce
  • editorBracketHighlight.foreground4#F5F6F7ce
  • editorBracketHighlight.foreground5#F5F6F7ce
  • editorBracketHighlight.foreground6#F5F6F7ce
  • editorBracketHighlight.unexpectedBracket.foreground#E1EFFEce
  • editorBracketMatch.background#BDBAC8ab
  • editorBracketMatch.border#0C0E10fe
  • editorBracketPairGuide.activeBackground1#AFC0B88e
  • editorBracketPairGuide.activeBackground2#AEBFB682
  • editorBracketPairGuide.activeBackground3#C7B8B887
  • editorBracketPairGuide.activeBackground4#C5B7C582
  • editorBracketPairGuide.activeBackground5#C7B8C783
  • editorBracketPairGuide.activeBackground6#BCB9C882
  • editorBracketPairGuide.background1#2C2649fe
  • editorBracketPairGuide.background2#212B35fe
  • editorBracketPairGuide.background3#2C2645fe
  • editorBracketPairGuide.background4#232B1Dfe
  • editorBracketPairGuide.background5#3E2323fe
  • editorBracketPairGuide.background6#2D2B1Dfe
  • editorCodeLens.foreground#B3BDC56e
  • editorCommentsWidget.rangeActiveBackground#B3BDC5fe
  • editorCommentsWidget.rangeBackground#171b1efe
  • editorCommentsWidget.resolvedBorder#0C0E10fe
  • editorCommentsWidget.unresolvedBorder#5C0000cb
  • editorCursor.background#171b1efe
  • editorCursor.foreground#4270CDfe
  • editorError.background#0B0D0C00
  • editorError.border#0D0B0D00
  • editorError.foreground#FF95FEce
  • editorGhostText.background#171b1efe
  • editorGhostText.border#0B0D0C00
  • editorGhostText.foreground#B3BDC56e
  • editorGroup.border#0C0E10fe
  • editorGroup.dropBackground#171b1efe
  • editorGroup.dropIntoPromptBackground#171b1efe
  • editorGroup.dropIntoPromptBorder#0C0E10fe
  • editorGroup.dropIntoPromptForeground#E1EFFEce
  • editorGroup.emptyBackground#171b1efe
  • editorGroup.focusedEmptyBorder#0C0E10fe
  • editorGroupHeader.border#0D0B0D00
  • editorGroupHeader.noTabsBackground#0E1012ae
  • editorGroupHeader.tabsBackground#171b1ea1
  • editorGroupHeader.tabsBorder#0D0B0D00
  • editorGutter.addedBackground#86CB89fb
  • editorGutter.background#171b1efe
  • editorGutter.commentGlyphForeground#E1EFFEce
  • editorGutter.commentRangeForeground#E1EFFEce
  • editorGutter.commentUnresolvedGlyphForeground#8acd8dcb
  • editorGutter.deletedBackground#FFA2A2cb
  • editorGutter.foldingControlForeground#E1EFFEce
  • editorGutter.modifiedBackground#ffd611ce
  • editorHint.border#0C0D0B00
  • editorHint.foreground#C3B0FFce
  • editorHoverWidget.background#0C0E10fe
  • editorHoverWidget.border#0C0E10fe
  • editorHoverWidget.foreground#E1EFFEce
  • editorHoverWidget.highlightForeground#D9CFD9ca
  • editorHoverWidget.statusBarBackground#171b1efe
  • editorIndentGuide.activeBackground1#87AFFEfe
  • editorIndentGuide.activeBackground2#89B0FDfe
  • editorIndentGuide.activeBackground3#83A6EDfe
  • editorIndentGuide.activeBackground4#89AFFDfe
  • editorIndentGuide.activeBackground5#89ABEFfe
  • editorIndentGuide.activeBackground6#88AFFEfe
  • editorIndentGuide.background1#918DA435
  • editorIndentGuide.background2#8DA49935
  • editorIndentGuide.background3#88A19435
  • editorIndentGuide.background4#AC969635
  • editorIndentGuide.background5#A3A0B335
  • editorIndentGuide.background6#A0B3AA35
  • editorInfo.background#0D0D0B00
  • editorInfo.border#0D0D0B00
  • editorInfo.foreground#C3B0FFce
  • editorInlayHint.background#171b1efe
  • editorInlayHint.foreground#E1EFFEce
  • editorInlayHint.parameterBackground#171b1efe
  • editorInlayHint.parameterForeground#E1EFFEce
  • editorInlayHint.typeBackground#171b1efe
  • editorInlayHint.typeForeground#E1EFFEce
  • editorLightBulb.foreground#ffd611ce
  • editorLightBulbAutoFix.foreground#8acd8dcb
  • editorLineNumber.activeForeground#4C7AD4fe
  • editorLineNumber.dimmedForeground#B3BDC56e
  • editorLineNumber.foreground#B3BDC56e
  • editorLink.activeForeground#4C7AD4fe
  • editorMarkerNavigation.background#0C0E10fe
  • editorMarkerNavigationError.background#520052b5
  • editorMarkerNavigationError.headerBackground#520052b9
  • editorMarkerNavigationInfo.background#00009Cfe
  • editorMarkerNavigationInfo.headerBackground#00009Cfe
  • editorMarkerNavigationWarning.background#332A00fe
  • editorMarkerNavigationWarning.headerBackground#332A00fe
  • editorOverviewRuler.addedForeground#8acd8dcb
  • editorOverviewRuler.background#171b1efe
  • editorOverviewRuler.border#1B2D39fe
  • editorOverviewRuler.bracketMatchForeground#E1EFFEce
  • editorOverviewRuler.commentForeground#B2BDC46e
  • editorOverviewRuler.commentUnresolvedForeground#8acd8dcb
  • editorOverviewRuler.commonContentForeground#E1EFFEce
  • editorOverviewRuler.currentContentForeground#cececea7
  • editorOverviewRuler.deletedForeground#FFA2A2cb
  • editorOverviewRuler.errorForeground#FF95FEce
  • editorOverviewRuler.findMatchForeground#00D3D3ce
  • editorOverviewRuler.incomingContentForeground#8acd8dcb
  • editorOverviewRuler.infoForeground#C3B0FFce
  • editorOverviewRuler.modifiedForeground#ffd611ce
  • editorOverviewRuler.rangeHighlightForeground#DDE4E1ca
  • editorOverviewRuler.selectionHighlightForeground#C3B0FFce
  • editorOverviewRuler.warningForeground#ffd611ce
  • editorOverviewRuler.wordHighlightForeground#D5CACAca
  • editorOverviewRuler.wordHighlightStrongForeground#E1EFFEce
  • editorOverviewRuler.wordHighlightTextForeground#E1EFFEce
  • editorPane.background#171b1efe
  • editorRuler.foreground#B2BDC42b
  • editorStickyScroll.background#171b1efe
  • editorStickyScrollHover.background#192D3D6e
  • editorSuggestWidget.background#0C0E10fe
  • editorSuggestWidget.border#0D0B0D00
  • editorSuggestWidget.focusHighlightForeground#BDB167fe
  • editorSuggestWidget.foreground#D9D7CFfe
  • editorSuggestWidget.highlightForeground#CAD1D6ca
  • editorSuggestWidget.selectedBackground#444F3E86
  • editorSuggestWidget.selectedForeground#CAD5D0ca
  • editorSuggestWidget.selectedIconForeground#CFD9D4ca
  • editorSuggestWidgetStatus.foreground#CEC1CEfe
  • editorUnicodeHighlight.background#4E4A5Ea3
  • editorUnicodeHighlight.border#0C0E10fe
  • editorUnnecessaryCode.border#312800ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#0A0C0E00
  • editorWarning.border#0B0D0C00
  • editorWarning.foreground#ffd611ce
  • editorWhitespace.foreground#E1EFFEce
  • editorWidget.background#0C0E10fe
  • editorWidget.border#0C0E10fe
  • editorWidget.foreground#E1EFFEce
  • editorWidget.resizeBorder#0C0E10fe
  • errorForeground#FF95FEce
  • extensionBadge.remoteBackground#3864BDfe
  • extensionBadge.remoteForeground#0E1012fe
  • extensionButton.background#1E2C37ae
  • extensionButton.foreground#E1EFFEce
  • extensionButton.hoverBackground#1A2D3C6e
  • extensionButton.prominentBackground#171b1efe
  • extensionButton.prominentForeground#E1EFFEce
  • extensionButton.prominentHoverBackground#171b1efe
  • extensionButton.separator#0D0B0B00
  • extensionIcon.preReleaseForeground#C2C0B3fe
  • extensionIcon.sponsorForeground#C3C1CEfe
  • extensionIcon.starForeground#CAC8BCfe
  • extensionIcon.verifiedForeground#D5D4DDfe
  • focusBorder#0B0B0D00
  • foreground#E1EFFEce
  • gitDecoration.addedResourceForeground#8acd8dcb
  • gitDecoration.deletedResourceForeground#FFA2A2cb
  • gitDecoration.modifiedResourceForeground#ffd611ce
  • gitDecoration.renamedResourceForeground#C3B0FFce
  • gitDecoration.stageDeletedResourceForeground#FFA2A2cb
  • gitDecoration.stageModifiedResourceForeground#8acd8dcb
  • gitDecoration.untrackedResourceForeground#00D3D3ce
  • icon.foreground#B2BDC4ae
  • inlineChat.background#1E2D27ca
  • inlineChat.border#3B2424ca
  • inlineChat.regionHighlight#D9E0DDca
  • inlineChat.shadow#D5CAD5ca
  • inlineChatDiff.inserted#CAD1D6ca
  • inlineChatDiff.removed#DAD9E0ca
  • inlineChatInput.background#DFDDE4ca
  • inlineChatInput.border#212B35ca
  • inlineChatInput.focusBorder#0B0D0C00
  • inlineChatInput.placeholderForeground#DFDDE4ca
  • input.background#0C0E10fe
  • input.border#0C0E10fe
  • input.foreground#E1EFFEce
  • input.placeholderForeground#B2BDC465
  • inputOption.activeBackground#0C0E10fe
  • inputOption.activeBorder#0C0E10fe
  • inputOption.activeForeground#5783DBfe
  • inputOption.hoverBackground#0C0E10fe
  • inputValidation.errorBackground#670067c4
  • inputValidation.errorBorder#520052af
  • inputValidation.errorForeground#FF95FEce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#0C0E10fe
  • inputValidation.infoForeground#E1EFFEce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#0C0E10fe
  • inputValidation.warningForeground#ffd611ce
  • interactive.activeCodeBorder#0C0E10fe
  • interactive.inactiveCodeBorder#0C2C4891
  • keybindingLabel.background#171b1efe
  • keybindingLabel.border#0C0E10fe
  • keybindingLabel.bottomBorder#0C0E10fe
  • keybindingLabel.foreground#E1EFFEce
  • keybindingTable.headerBackground#171b1efe
  • keybindingTable.rowsBackground#171b1efe
  • list.activeSelectionBackground#59465982
  • list.activeSelectionForeground#E0D9D9ca
  • list.activeSelectionIconForeground#CAD1D6ca
  • list.deemphasizedForeground#E1EFFEce
  • list.dropBackground#171b1efe
  • list.errorForeground#FF95FEce
  • list.filterMatchBackground#171b1efe
  • list.filterMatchBorder#0C0E10fe
  • list.focusAndSelectionOutline#0A0C0E00
  • list.focusBackground#434D5796
  • list.focusForeground#3C6CCAfe
  • list.focusHighlightForeground#AE9CFEfe
  • list.focusOutline#0B0D0C00
  • list.highlightForeground#E0D9D9ca
  • list.hoverBackground#0E311Da8
  • list.hoverForeground#5783DBfe
  • list.inactiveFocusBackground#30393F99
  • list.inactiveFocusOutline#0B0B0D00
  • list.inactiveSelectionBackground#0E1012ae
  • list.inactiveSelectionForeground#B2BDC465
  • list.inactiveSelectionIconForeground#B2BDC465
  • list.invalidItemForeground#E1EFFEce
  • list.warningForeground#ffd611ce
  • listFilterWidget.background#171b1efe
  • listFilterWidget.noMatchesOutline#0B0B0D00
  • listFilterWidget.outline#0D0B0B00
  • listFilterWidget.shadow#0D0B0B00
  • menu.background#0E1012fe
  • menu.border#0D0B0D00
  • menu.foreground#DAF2FEae
  • menu.selectionBackground#3F5048ad
  • menu.selectionBorder#0A0C0E00
  • menu.selectionForeground#5D88DEfe
  • menu.separatorBackground#252C3065
  • menubar.selectionBackground#3F5047ae
  • menubar.selectionBorder#0D0B0D00
  • menubar.selectionForeground#5D88DEfe
  • merge.border#0C0E10fe
  • merge.commonContentBackground#171b1efe
  • merge.commonHeaderBackground#171b1efe
  • merge.currentContentBackground#00300031
  • merge.currentHeaderBackground#113112fb
  • merge.incomingContentBackground#113012cb
  • merge.incomingHeaderBackground#113112fb
  • mergeEditor.change.background#171b1efe
  • mergeEditor.change.word.background#171b1efe
  • mergeEditor.changeBase.background#171b1efe
  • mergeEditor.changeBase.word.background#171b1efe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#0C0E10fe
  • mergeEditor.conflict.handledUnfocused.border#1A1F222a
  • mergeEditor.conflict.input1.background#0C0E10fe
  • mergeEditor.conflict.input2.background#0C0E10fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067c4
  • mergeEditor.conflict.unhandledFocused.border#0C0E10fe
  • mergeEditor.conflict.unhandledUnfocused.border#1A1F2222
  • mergeEditor.conflictingLines.background#171b1efe
  • minimap.background#171b1efe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#F5F6F7ce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#86CB89fb
  • minimapGutter.deletedBackground#FFA2A2fb
  • minimapGutter.modifiedBackground#ffd611ce
  • minimapSlider.activeBackground#60717Dfe
  • minimapSlider.background#3B464Dae
  • minimapSlider.hoverBackground#4E5B656e
  • notebook.cellBorderColor#0C0E10fe
  • notebook.cellEditorBackground#171b1efe
  • notebook.cellHoverBackground#171b1efe
  • notebook.cellInsertionIndicator#CAD5D0ca
  • notebook.cellStatusBarItemHoverBackground#171b1efe
  • notebook.cellToolbarSeparator#CED5CAca
  • notebook.editorBackground#171b1efe
  • notebook.focusedCellBackground#171b1efe
  • notebook.focusedCellBorder#4C7AD4fe
  • notebook.focusedEditorBorder#0C0E10fe
  • notebook.inactiveFocusedCellBorder#5968748e
  • notebook.inactiveSelectedCellBorder#5C6C798e
  • notebook.outputContainerBackgroundColor#171b1efe
  • notebook.outputContainerBorderColor#0C0E10fe
  • notebook.selectedCellBackground#171b1efe
  • notebook.selectedCellBorder#0C0E10fe
  • notebook.symbolHighlightBackground#171b1efe
  • notebookEditorOverviewRuler.runningCellForeground#E1EFFEce
  • notebookScrollbarSlider.activeBackground#596874fe
  • notebookScrollbarSlider.background#434E57ae
  • notebookScrollbarSlider.hoverBackground#46535C6e
  • notebookStatusErrorIcon.foreground#FF95FEce
  • notebookStatusRunningIcon.foreground#E0D9E0fe
  • notebookStatusSuccessIcon.foreground#8acd8dcb
  • notificationCenter.border#0C0E10fe
  • notificationCenterHeader.background#171b1efe
  • notificationCenterHeader.foreground#E1EFFEce
  • notificationLink.foreground#E1EFFEce
  • notifications.background#171b1efe
  • notifications.border#0C0E10fe
  • notifications.foreground#E1EFFEce
  • notificationsErrorIcon.foreground#FF95FEce
  • notificationsInfoIcon.foreground#CEC1C1fe
  • notificationsWarningIcon.foreground#ffd611ce
  • notificationToast.border#0C0E10fe
  • panel.background#171b1efe
  • panel.border#0C0E10fe
  • panel.dropBorder#0C0E10fe
  • panelInput.border#0C0E10fe
  • panelSection.border#0C0E10fe
  • panelSection.dropBackground#171b1efe
  • panelSectionHeader.background#171b1efe
  • panelSectionHeader.border#0C0E10fe
  • panelSectionHeader.foreground#E1EFFEce
  • panelTitle.activeBorder#0D0D0B00
  • panelTitle.activeForeground#83A6EDfe
  • panelTitle.inactiveForeground#A3B0B965
  • peekView.border#89B0FDfe
  • peekViewEditor.background#0C0E10fe
  • peekViewEditor.matchHighlightBackground#434F3E82
  • peekViewEditor.matchHighlightBorder#0B0B0D00
  • peekViewEditorGutter.background#0C0E10fe
  • peekViewEditorStickyScroll.background#171b1efe
  • peekViewResult.background#0E1012fe
  • peekViewResult.fileForeground#E1EFFEce
  • peekViewResult.lineForeground#E1EFFEce
  • peekViewResult.matchHighlightBackground#4E4A5E81
  • peekViewResult.selectionBackground#59465981
  • peekViewResult.selectionForeground#D5CAD5ca
  • peekViewTitle.background#0E1012fe
  • peekViewTitleDescription.foreground#E1EFFEce
  • peekViewTitleLabel.foreground#E1EFFEce
  • pickerGroup.border#0C0E10fe
  • pickerGroup.foreground#E1EFFEce
  • ports.iconRunningProcessForeground#CFD9D4fe
  • problemsErrorIcon.foreground#FF95FEce
  • problemsInfoIcon.foreground#C3B0FFce
  • problemsWarningIcon.foreground#ffd611ce
  • profileBadge.background#3C6CCAfe
  • profileBadge.foreground#0E1012fe
  • progressBar.background#171b1efe
  • quickInput.background#0E1012fe
  • quickInput.foreground#E2E6E8ae
  • quickInputList.focusBackground#4E5A47ac
  • quickInputList.focusForeground#4C7AD4fe
  • quickInputList.focusIconForeground#3867C6fe
  • quickInputTitle.background#0C0E10fe
  • sash.hoverBorder#0C0E10fe
  • scrollbar.shadow#0D0B0D00
  • scrollbarSlider.activeBackground#596874fe
  • scrollbarSlider.background#384149ae
  • scrollbarSlider.hoverBackground#46535C6e
  • search.resultsInfoForeground#E1EFFEce
  • searchEditor.findMatchBackground#434F3Ea3
  • searchEditor.findMatchBorder#0C0E10fe
  • searchEditor.textInputBorder#0C0E10fe
  • selection.background#171b1efe
  • settings.checkboxBackground#0C0E10fe
  • settings.checkboxBorder#0C0E10fe
  • settings.checkboxForeground#E1EFFEce
  • settings.dropdownBackground#0C0E10fe
  • settings.dropdownBorder#0C0E10fe
  • settings.dropdownForeground#E1EFFEce
  • settings.dropdownListBorder#0C0E10fe
  • settings.focusedRowBackground#4E5A4788
  • settings.focusedRowBorder#0C0E10fe
  • settings.headerBorder#0C0E10fe
  • settings.headerForeground#E1EFFEce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#0C0E10fe
  • settings.numberInputBorder#0C0E10fe
  • settings.numberInputForeground#E1EFFEce
  • settings.rowHoverBackground#171b1efe
  • settings.sashBorder#0C0E10fe
  • settings.settingsHeaderHoverForeground#3864BDfe
  • settings.textInputBackground#0C0E10fe
  • settings.textInputBorder#0C0E10fe
  • settings.textInputForeground#E1EFFEce
  • sideBar.background#171b1efe
  • sideBar.border#0C0E10fe
  • sideBar.dropBackground#171b1efe
  • sideBar.foreground#B2BDC4ae
  • sideBarSectionHeader.background#0B0B0D00
  • sideBarSectionHeader.border#0C0E10fe
  • sideBarSectionHeader.foreground#E1EFFEce
  • sideBarTitle.foreground#E1EFFEce
  • sideBySideEditor.horizontalBorder#0C0E10fe
  • sideBySideEditor.verticalBorder#0C0E10fe
  • simpleFindWidget.sashBorder#0C0E10fe
  • statusBar.background#0E1012fe
  • statusBar.border#0C0E10fe
  • statusBar.debuggingBackground#520052af
  • statusBar.debuggingBorder#0C0E10fe
  • statusBar.debuggingForeground#E1EFFEce
  • statusBar.focusBorder#0D0D0B00
  • statusBar.foreground#B3BDC56e
  • statusBar.noFolderBackground#0E1012fe
  • statusBar.noFolderBorder#0C0E10fe
  • statusBar.noFolderForeground#E1EFFEce
  • statusBarItem.activeBackground#0E1012fe
  • statusBarItem.compactHoverBackground#0E1012fe
  • statusBarItem.errorBackground#520052a6
  • statusBarItem.errorForeground#FF95FEce
  • statusBarItem.errorHoverBackground#520052ae
  • statusBarItem.errorHoverForeground#B700B7ce
  • statusBarItem.focusBorder#0B0D0C00
  • statusBarItem.hoverBackground#0E1012fe
  • statusBarItem.hoverForeground#3864BDfe
  • statusBarItem.offlineBackground#0E1012fe
  • statusBarItem.offlineForeground#E1EFFEce
  • statusBarItem.offlineHoverBackground#0E1012fe
  • statusBarItem.offlineHoverForeground#3C6CCAfe
  • statusBarItem.prominentBackground#0E1012fe
  • statusBarItem.prominentForeground#E1EFFEce
  • statusBarItem.prominentHoverBackground#0E1012fe
  • statusBarItem.prominentHoverForeground#4270CDfe
  • statusBarItem.remoteBackground#3867C6fe
  • statusBarItem.remoteForeground#0E1012fe
  • statusBarItem.remoteHoverBackground#0E1012fe
  • statusBarItem.remoteHoverForeground#5783DBfe
  • statusBarItem.warningBackground#332A00fe
  • statusBarItem.warningForeground#ffd611ce
  • statusBarItem.warningHoverBackground#332A00fe
  • statusBarItem.warningHoverForeground#D1AD00ce
  • symbolIcon.arrayForeground#CAC8BCfe
  • symbolIcon.booleanForeground#00D3D3ce
  • symbolIcon.classForeground#C5B7C5fe
  • symbolIcon.colorForeground#D4DDD8fe
  • symbolIcon.constantForeground#CCCAD5fe
  • symbolIcon.constructorForeground#D5CACAfe
  • symbolIcon.enumeratorForeground#DDD4DDfe
  • symbolIcon.enumeratorMemberForeground#D5D3CAfe
  • symbolIcon.eventForeground#E0D9E0fe
  • symbolIcon.fieldForeground#D5CAD5fe
  • symbolIcon.fileForeground#D9CFCFfe
  • symbolIcon.folderForeground#D5D4DDfe
  • symbolIcon.functionForeground#E4E3DDfe
  • symbolIcon.interfaceForeground#C6B8B8fe
  • symbolIcon.keyForeground#D4DDD8fe
  • symbolIcon.keywordForeground#D1CFD9fe
  • symbolIcon.methodForeground#D9E0DDfe
  • symbolIcon.moduleForeground#CABCCAfe
  • symbolIcon.namespaceForeground#D5D3CAfe
  • symbolIcon.nullForeground#E0E4DDfe
  • symbolIcon.numberForeground#C1CABCfe
  • symbolIcon.objectForeground#BCBAC7fe
  • symbolIcon.operatorForeground#E0E4DDfe
  • symbolIcon.packageForeground#CAC8BCfe
  • symbolIcon.propertyForeground#BCBAC7fe
  • symbolIcon.referenceForeground#C2C0B3fe
  • symbolIcon.snippetForeground#C1CEC7fe
  • symbolIcon.stringForeground#C2C0B3fe
  • symbolIcon.structForeground#DDD4D4fe
  • symbolIcon.textForeground#CED5CAfe
  • symbolIcon.typeParameterForeground#B8C6BFfe
  • symbolIcon.unitForeground#D1C6C6fe
  • symbolIcon.variableForeground#D9CFD9fe
  • tab.activeBackground#101214fe
  • tab.activeBorder#0B0B0D00
  • tab.activeBorderTop#89B0FDfe
  • tab.activeForeground#89AFFDfe
  • tab.activeModifiedBorder#312800ce
  • tab.border#0D0B0B00
  • tab.hoverBackground#AEBFB6a3
  • tab.hoverBorder#0C0E10fe
  • tab.hoverForeground#3C6CCAfe
  • tab.inactiveBackground#252C3191
  • tab.inactiveForeground#9AA7B165
  • tab.inactiveModifiedBorder#312800ce
  • tab.lastPinnedBorder#0C0E10fe
  • tab.unfocusedActiveBackground#1E232735
  • tab.unfocusedActiveBorder#0D0B0B00
  • tab.unfocusedActiveBorderTop#252C3065
  • tab.unfocusedActiveForeground#9AA7B165
  • tab.unfocusedActiveModifiedBorder#312800ce
  • tab.unfocusedHoverBackground#B4BDC52b
  • tab.unfocusedHoverBorder#1E232735
  • tab.unfocusedHoverForeground#5AB8F765
  • tab.unfocusedInactiveBackground#2D343A9d
  • tab.unfocusedInactiveForeground#9AA7B165
  • tab.unfocusedInactiveModifiedBorder#312800ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333a0
  • 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#670067a6
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececec0
  • terminal.ansiYellow#c4a200fe
  • terminal.background#171b1efe
  • terminal.border#0C0E10fe
  • terminal.dropBackground#171b1efe
  • terminal.findMatchBackground#171b1efe
  • terminal.findMatchBorder#0C0E10fe
  • terminal.findMatchHighlightBackground#171b1efe
  • terminal.findMatchHighlightBorder#0C0E10fe
  • terminal.foreground#B2BDC4ae
  • terminal.hoverHighlightBackground#171b1efe
  • terminal.inactiveSelectionBackground#29303595
  • terminal.selectionBackground#4C4A5D8d
  • terminal.selectionForeground#E0DFD9ca
  • terminal.tab.activeBorder#83A6EDfe
  • terminalCommandDecoration.defaultBackground#C5B7C5a6
  • terminalCommandDecoration.errorBackground#FFA2A2cb
  • terminalCommandDecoration.successBackground#8acd8dcb
  • terminalCursor.background#171b1efe
  • terminalCursor.foreground#527ED8fe
  • terminalOverviewRuler.cursorForeground#E1EFFEce
  • terminalOverviewRuler.findMatchForeground#00D3D3ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0b5
  • testing.iconUnset#808080c1
  • testing.message.error.decorationForeground#A8BDE6fe
  • testing.message.error.lineBackground#520052c5
  • testing.message.info.decorationForeground#A8BDE7fe
  • testing.message.info.lineBackground#00009Cfe
  • testing.peekBorder#0C0E10fe
  • testing.peekHeaderBackground#171b1efe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#171b1efe
  • textBlockQuote.border#0C0E10fe
  • textCodeBlock.background#171b1efe
  • textLink.activeForeground#4270CDfe
  • textLink.foreground#C3B0FFce
  • textPreformat.foreground#E1EFFEce
  • textSeparator.foreground#E1EFFEce
  • titleBar.activeBackground#0E1012fe
  • titleBar.activeForeground#7AB8D7ae
  • titleBar.border#0D0B0D00
  • titleBar.inactiveBackground#1E2327db
  • titleBar.inactiveForeground#9AA7B165
  • toolbar.activeBackground#252D2181
  • toolbar.hoverBackground#171b1efe
  • toolbar.hoverOutline#0D0D0B00
  • tree.inactiveIndentGuidesStroke#B3B0A035
  • tree.indentGuidesStroke#A5BCE9fe
  • tree.tableColumnsBorder#0C0E10fe
  • tree.tableOddRowsBackground#171b1efe
  • walkThrough.embeddedEditorBackground#171b1efe
  • walkthrough.stepTitle.foreground#E1EFFEce
  • welcomePage.background#171b1efe
  • welcomePage.progress.background#171b1efe
  • welcomePage.progress.foreground#E1EFFEce
  • welcomePage.tileBackground#171b1efe
  • welcomePage.tileBorder#0C0E10fe
  • welcomePage.tileHoverBackground#171b1efe
  • widget.border#0C0E10fe
  • widget.shadow#0B0B0D00
  • window.activeBorder#0C0E10fe
  • window.inactiveBorder#122D4099

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#98CBED6e
comment.block.html#96CCE66e
comment.block.java#98CBED6e
comment.block.javadoc.java#96CCE66e
comment.block.powershell#96CCE66e
comment.block.xml#98CAEC6e
comment.line.double-slash.c#98CBED6e
comment.line.double-slash.cpp#90CDEB6e
comment.line.double-slash.java#98CBED6e
comment.line.double-slash.js#96CCE66e
comment.line.number-sign.makefile#98CAEC6e
comment.line.number-sign.python#98CAEC6e
comment.line.number-sign.yaml#98CAEC6e
comment.line.percentage.erlang#90CDEB6e
comment.line.powershell#98CAEC6e
comment.source.cmake#96CCE66e
comment.source.cmakecache#90CDEB6e
constant.character#A8C4FEde
constant.character.character-class.regexp#90B1F1de
constant.character.escape#EC8989de
constant.character.set.regexp#0FDD98de
constant.language#14E314de
constant.numeric#FEAAE2de
constant.numeric.dec.python#F59E9Ede
constant.other.caps.python#0CDF99de
constant.other.character-class.regexp#13DE9Cde
constant.other.character-class.set.regexp#CBCB16de
constant.other.color.rgb-value#EF8989de
constant.other.placeholder#83A5E8de
constant.other.rgb-value#13E313de
constant.regexp#13E213de
constant.sha.git-rebase#EA8A8Ade
emphasis#D0B9FEde
entity.name.class#F397D5de
entity.name.function#EB81C8de
entity.name.function.preprocessor#CBCB13de
entity.name.function.python#12E212de
entity.name.label#14E214de
entity.name.namespace#D0B9FEde
entity.name.operator#0EE30Ede
entity.name.operator.custom-literal#83A6EDde
entity.name.scope-resolution#CBB5F9de
entity.name.tag#FEAAE2de
entity.name.tag.css#CCB2FEde
entity.name.type#CACA16de
entity.name.variable#ED8989de
entity.other.attribute#CBCB16de
entity.other.attribute-name#CACA16de
entity.other.attribute-name.class.css#CACA09de
entity.other.attribute-name.class.mixin.css#A8C4FEde
entity.other.attribute-name.id#0FDD98de
entity.other.attribute-name.id.css#14DF9Bde
entity.other.attribute-name.parent-selector.css#CBCB16de
entity.other.attribute-name.pseudo-class.css#14E214de
entity.other.attribute-name.pseudo-element.css#CBCB10de
entity.other.attribute-name.scss#F397D5de
entity.other.document.begin.yaml#98CAEC6e
entity.other.inherited-class#CBCB15de
header#90B1F1de
invalid#EC8989de
keyword#13E313de
keyword.codetag.notation.python#13E213de
keyword.control#12E212de
keyword.control.anchor.regexp#B697F3de
keyword.control.import.python#83A5E9de
keyword.operator#BB9EF5de
keyword.operator.alignas#14DF9Bde
keyword.operator.alignof#CBCB16de
keyword.operator.cast#A8C5FEde
keyword.operator.delete#CACA10de
keyword.operator.documentation.powershell#98CBED6e
keyword.operator.expression#12E212de
keyword.operator.instanceof#F19090de
keyword.operator.logical.python#14E314de
keyword.operator.minus.exponent#89ABEFde
keyword.operator.negation.regexp#0FDE9Bde
keyword.operator.new#B396EEde
keyword.operator.noexcept#11E211de
keyword.operator.or.regexp#CBCB16de
keyword.operator.plus.exponent#B397ECde
keyword.operator.quantifier.regexp#14E314de
keyword.operator.sizeof#FEA9E2de
keyword.operator.typeid#CBCB16de
keyword.operator.wordlike#89ABEFde
keyword.other.operator#A7C4FEde
keyword.other.package.java#FEAAE3de
keyword.other.unit#0FE20Fde
keyword.other.using#B495F1de
markup.bold#FEB0B0de
markup.changed#F59ED8de
markup.deleted#A6C1F6de
markup.fenced_code.block.markdown#0FDE9Bde
markup.heading#12E212de
markup.inline.raw#CACA0Fde
markup.inserted#CCB2FEde
markup.italic#EA82C7de
markup.raw.block.markdown#89ABEFde
markup.strikethrough#FEB0B0de
markup.underline#14E214de
meta.block.c#CBCB16de
meta.block.c#B397ECde
meta.class.java#D0B9FEde
meta.definition.variable.name#CACA12de
meta.diff.header#CBCB10de
meta.embedded#E983C7de
meta.embedded.assembly#ED83CAde
meta.function-call.arguments.python#CCB2FEde
meta.function-call.python#83A5EBde
meta.member.access.python#0EE20Ede
meta.method.java#14DE9Cde
meta.object-literal.key#CBCB14de
meta.paragraph.markdown#0EE30Ede
meta.preprocessor#0EE20Ede
meta.preprocessor.numeric#EF8989de
meta.preprocessor.string#14DF9Cde
meta.scope.prerequisites.makefile#F6A6DBde
meta.structure.dictionary.json.comments#98CAEC6e
meta.structure.dictionary.key.python#0CDF99de
meta.structure.dictionary.value.json.comments#98CAEC6e
meta.template.expression#FEAAE2de
meta.type.cast.expr#CBCB16de
meta.type.new.expr#14E214de
parameter#F59ED8de
punctuation.character.set.begin.regexp#13E213de
punctuation.character.set.end.regexp#F6A6DBde
punctuation.definition.array.begin.json#14DE9Bde
punctuation.definition.character-class.regexp#14DE9Bde
punctuation.definition.comment#90CDEB6e
punctuation.definition.comment.json.comments#98CAEC6e
punctuation.definition.comment.python#90CDEB6e
punctuation.definition.dictionary.begin.json#EA8A8Ade
punctuation.definition.dictionary.end.json#B396EEde
punctuation.definition.group.assertion.regexp#11DE9Ade
punctuation.definition.group.regexp#E883C7de
punctuation.definition.list.begin.json#CCB2FEde
punctuation.definition.list.begin.markdown#F8ADADde
punctuation.definition.list.begin.python#B397ECde
punctuation.definition.list.end.json#CBCB16de
punctuation.definition.list.end.markdown#B396EEde
punctuation.definition.list.end.python#EC8989de
punctuation.definition.parameters.begin.python#CACA09de
punctuation.definition.parameters.end.bracket.round.java#CACA16de
punctuation.definition.quote.begin.markdown#D0B9FEde
punctuation.definition.tag#14E214de
punctuation.definition.template-expression.begin#B697F3de
punctuation.definition.template-expression.end#83A5E8de
punctuation.section.class.begin.bracket.curly.java#ED83CAde
punctuation.section.embedded#FEAAE2de
punctuation.section.embedded.begin.php#CBCB16de
punctuation.section.embedded.end.php#14E314de
punctuation.terminator.java#EA82C7de
source.cmake#14E314de
source.coffee.embedded#FEA9E2de
source.cpp#D0B9FEde
source.css.less#14DE9Bde
source.groovy.embedded#14DF9Ade
source.java#C6ADF8de
source.java-properties#10E210de
source.json.comments#96CCE66e
source.makefile#14E214de
source.powershell#10DE99de
source.powershell.variable.other.member#B495F0de
source.python#12DD99de
storage#EF8989de
storage.modifier#CBCB16de
storage.modifier.import.java#CBCB10de
storage.modifier.package.java#9EBBF5de
storage.type#CACA10de
storage.type.annotation.groovy#FEAAE3de
storage.type.annotation.java#0CE40Cde
storage.type.boolean.go#12DD99de
storage.type.byte.go#14E214de
storage.type.cs#F59ED8de
storage.type.error.go#14DE9Cde
storage.type.generic.cs#0EDE9Ade
storage.type.generic.groovy#9EBBF5de
storage.type.generic.java#EC8989de
storage.type.groovy#14DE9Bde
storage.type.java#B396EEde
storage.type.modifier.cs#9EBBF5de
storage.type.numeric.go#F39797de
storage.type.object.array.groovy#EF89CDde
storage.type.object.array.java#9EBBF5de
storage.type.parameters.groovy#A7C4FEde
storage.type.primitive.array.groovy#CCB2FEde
storage.type.primitive.array.java#FEA9E2de
storage.type.primitive.groovy#12DD99de
storage.type.primitive.java#0EE20Ede
storage.type.rune.go#F190D1de
storage.type.string.go#12DD99de
storage.type.token.java#14DF9Cde
storage.type.uintptr.go#83A5E8de
storage.type.variable.cs#13E313de
string#9EBBF5de
string.quoted.docstring.multi.python#96CCE66e
string.regexp#EA8B8Bde
string.tag#14E214de
string.value#82A5EBde
strong#F6A6DBde
support.class#14DE9Bde
support.constant.color#F190D1de
support.constant.dom#CACA12de
support.constant.font-name#CBCB14de
support.constant.handlebars#FEB0B0de
support.constant.json#CACA16de
support.constant.math#CBCB16de
support.constant.media#82A5EBde
support.constant.media-type#F6A6DBde
support.constant.property-value#0EE20Ede
support.function#10E210de
support.function.git-rebase#B396EEde
support.other.parenthesis.regexp#C6ADF8de
support.type#EA8A8Ade
support.type.property-name#14DF9Cde
support.type.vendored.property-name#CACA16de
support.variable#82A5EBde
token.debug-token#83A5E8de
token.error-token#C6ADF8de
token.info-token#10E210de
token.warn-token#ED8989de
variable#CBCB16de
variable.css#10DE99de
variable.language#0FDE9Bde
variable.language.wildcard.java#EA8A8Ade
variable.other.constant#EC8989de
variable.other.definition.java#14E214de
variable.other.enummember#D0B9FEde
variable.other.less#B495F0de
variable.other.object.java#CBCB16de
variable.other.object.property.java#CBCB13de
variable.parameter.c#E983C7de
variable.parameter.function.language.python#BB9EF5de
variable.parameter.java#11E211de
variable.scss#FEAAE2de
viiv by B.W - VS Code Theme