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#D6DCE2fe
  • activityBar.activeBackground#D6DCE2fe
  • activityBar.activeBorder#669029fe
  • activityBar.activeFocusBorder#DA4BAB00
  • activityBar.background#EAEDF0fe
  • activityBar.border#2F976300
  • activityBar.dropBorder#649129fe
  • activityBar.foreground#669029fe
  • activityBar.inactiveForeground#5387C565
  • activityBarBadge.background#5A930Afe
  • activityBarBadge.foreground#EAEDF0fe
  • badge.background#5A9407fe
  • badge.foreground#EAEDF0fe
  • banner.background#D6DCE2fe
  • banner.foreground#32577Cce
  • banner.iconForeground#305D4Afe
  • breadcrumb.activeSelectionForeground#8B366Bca
  • breadcrumb.background#E5E9EDfe
  • breadcrumb.focusForeground#5A9308fe
  • breadcrumb.foreground#355785ae
  • breadcrumbPicker.background#D6DCE2fe
  • button.background#95A3B5ae
  • button.border#F4F6F700
  • button.foreground#32577Cce
  • button.hoverBackground#C2CAD46e
  • button.secondaryBackground#D6DCE2fe
  • button.secondaryForeground#32577Cce
  • button.secondaryHoverBackground#D6DCE2fe
  • button.separator#FBF9F900
  • charts.blue#1b1bfffe
  • charts.foreground#32577Cce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067b5
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#EFF1F4fe
  • chat.slashCommandBackground#D6DCE2fe
  • chat.slashCommandForeground#32577Cce
  • checkbox.background#EFF1F4fe
  • checkbox.border#EFF1F4fe
  • checkbox.foreground#32577Cce
  • checkbox.selectBackground#EFF1F4fe
  • checkbox.selectBorder#EFF1F4fe
  • commandCenter.activeBackground#D2C3EE89
  • commandCenter.activeBorder#EFF1F4fe
  • commandCenter.activeForeground#5A9408fe
  • commandCenter.background#D6DCE2fe
  • commandCenter.border#EFF1F4fe
  • commandCenter.foreground#32577Cce
  • commandCenter.inactiveBorder#BBCBE09d
  • commandCenter.inactiveForeground#5388C765
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F9FBFA00
  • contrastBorder#FBFBF900
  • debugConsole.errorForeground#9A009Ace
  • debugConsole.infoForeground#32577Cce
  • debugConsole.sourceForeground#32577Cce
  • debugConsole.warningForeground#645300ce
  • debugConsoleInputIcon.foreground#653BB7fe
  • debugExceptionWidget.background#FEB5FEbd
  • debugExceptionWidget.border#EFF1F4fe
  • debugIcon.breakpointCurrentStackframeForeground#863A6Efe
  • debugIcon.breakpointDisabledForeground#3D587565
  • debugIcon.breakpointForeground#8E3B3Bfe
  • debugIcon.breakpointStackframeForeground#3B577Cfe
  • debugIcon.breakpointUnverifiedForeground#883D3Dfe
  • debugIcon.continueForeground#345C4Afe
  • debugIcon.disconnectForeground#6242A6fe
  • debugIcon.pauseForeground#653BB7fe
  • debugIcon.restartForeground#813C6Afe
  • debugIcon.startForeground#8A366Efe
  • debugIcon.stepBackForeground#30453Cfe
  • debugIcon.stepIntoForeground#3B5D37fe
  • debugIcon.stepOutForeground#345F30fe
  • debugIcon.stepOverForeground#8A366Efe
  • debugIcon.stopForeground#8B366Bfe
  • debugTokenExpression.boolean#1F1B27ca
  • debugTokenExpression.error#15131Bca
  • debugTokenExpression.name#202C1Fca
  • debugTokenExpression.number#222118ca
  • debugTokenExpression.value#2C2B1Fca
  • debugToolBar.background#FEB5FEac
  • debugToolBar.border#EFF1F4fe
  • debugView.exceptionLabelBackground#77E26Bca
  • debugView.exceptionLabelForeground#8E3B3Bca
  • debugView.stateLabelBackground#F9B6DBca
  • debugView.stateLabelForeground#36568Bca
  • debugView.valueChangedHighlight#222118ca
  • descriptionForeground#32577Cce
  • diffEditor.border#FAF9FB00
  • diffEditor.diagonalFill#000000f6
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#6EE374fb
  • diffEditor.insertedTextBorder#FAFBF900
  • diffEditor.move.border#FAFBF900
  • diffEditor.moveActive.border#FBF9F900
  • diffEditor.removedLineBackground#FEB9B931
  • diffEditor.removedTextBackground#FEC1C1fb
  • diffEditor.removedTextBorder#F9FBFA00
  • diffEditor.unchangedCodeBackground#D6DCE2fe
  • diffEditor.unchangedRegionBackground#D6DCE2fe
  • diffEditor.unchangedRegionForeground#32577Cce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#37424F65
  • dropdown.background#EFF1F4fe
  • dropdown.border#EFF1F4fe
  • dropdown.foreground#32577Cce
  • dropdown.listBackground#EFF1F4fe
  • editor.background#D6DCE2fe
  • editor.findMatchBackground#C3C0A9ac
  • editor.findMatchBorder#EFF1F4fe
  • editor.findMatchHighlightBackground#8BAE9Fa2
  • editor.findMatchHighlightBorder#EFF1F4fe
  • editor.findRangeHighlightBackground#AAA686a2
  • editor.findRangeHighlightBorder#EFF1F4fe
  • editor.focusedStackFrameHighlightBackground#B1AE9082
  • editor.foldBackground#A81B1Ba3
  • editor.foreground#32577Cce
  • editor.hoverHighlightBackground#AE8B8Bac
  • editor.inactiveSelectionBackground#B8C2CD9a
  • editor.inlineValuesBackground#D6DCE2fe
  • editor.inlineValuesForeground#32577Cce
  • editor.lineHighlightBackground#B8C2CDb1
  • editor.lineHighlightBorder#FBF9F900
  • editor.linkedEditingBackground#D6DCE2fe
  • editor.rangeHighlightBackground#8FAE8Ba7
  • editor.rangeHighlightBorder#EFF1F4fe
  • editor.selectionBackground#A7A381a4
  • editor.selectionForeground#643AB9ca
  • editor.selectionHighlightBackground#A3BC9F89
  • editor.selectionHighlightBorder#EFF1F4fe
  • editor.snippetFinalTabstopHighlightBackground#BFBCA4ad
  • editor.snippetFinalTabstopHighlightBorder#EFF1F4fe
  • editor.snippetTabstopHighlightBackground#B190A6a6
  • editor.snippetTabstopHighlightBorder#EFF1F4fe
  • editor.stackFrameHighlightBackground#8AAA86a7
  • editor.symbolHighlightBackground#A9C3B8a8
  • editor.symbolHighlightBorder#EFF1F4fe
  • editor.wordHighlightBackground#BFA4B6a3
  • editor.wordHighlightBorder#FAF9FB00
  • editor.wordHighlightStrongBackground#7C8EA3ad
  • editor.wordHighlightStrongBorder#F4F6F700
  • editor.wordHighlightTextBackground#AA869Ea5
  • editor.wordHighlightTextBorder#FBF9F900
  • editorBracketHighlight.foreground1#0A0C0Ece
  • editorBracketHighlight.foreground2#0A0C0Ece
  • editorBracketHighlight.foreground3#0A0C0Ece
  • editorBracketHighlight.foreground4#0A0C0Ece
  • editorBracketHighlight.foreground5#0A0C0Ece
  • editorBracketHighlight.foreground6#0A0C0Ece
  • editorBracketHighlight.unexpectedBracket.foreground#32577Cce
  • editorBracketMatch.background#A22222a4
  • editorBracketMatch.border#EFF1F4fe
  • editorBracketPairGuide.activeBackground1#20604482
  • editorBracketPairGuide.activeBackground2#5C562084
  • editorBracketPairGuide.activeBackground3#631EE584
  • editorBracketPairGuide.activeBackground4#5E571D8d
  • editorBracketPairGuide.activeBackground5#26611D83
  • editorBracketPairGuide.activeBackground6#99207187
  • editorBracketPairGuide.background1#65E0AAfe
  • editorBracketPairGuide.background2#F9BCBCfe
  • editorBracketPairGuide.background3#65E0AAfe
  • editorBracketPairGuide.background4#6EDEAEfe
  • editorBracketPairGuide.background5#F9BABAfe
  • editorBracketPairGuide.background6#D4C3FBfe
  • editorCodeLens.foreground#424F5E6e
  • editorCommentsWidget.rangeActiveBackground#2B5784fe
  • editorCommentsWidget.rangeBackground#D6DCE2fe
  • editorCommentsWidget.resolvedBorder#EFF1F4fe
  • editorCommentsWidget.unresolvedBorder#FEBABAcb
  • editorCursor.background#D6DCE2fe
  • editorCursor.foreground#5A930Afe
  • editorError.background#F7F4F600
  • editorError.border#FBFBF900
  • editorError.foreground#9A009Ace
  • editorGhostText.background#D6DCE2fe
  • editorGhostText.border#FBFBF900
  • editorGhostText.foreground#113D746e
  • editorGroup.border#EFF1F4fe
  • editorGroup.dropBackground#D6DCE2fe
  • editorGroup.dropIntoPromptBackground#D6DCE2fe
  • editorGroup.dropIntoPromptBorder#EFF1F4fe
  • editorGroup.dropIntoPromptForeground#32577Cce
  • editorGroup.emptyBackground#D6DCE2fe
  • editorGroup.focusedEmptyBorder#EFF1F4fe
  • editorGroupHeader.border#F9FBFA00
  • editorGroupHeader.noTabsBackground#EAEDF0ae
  • editorGroupHeader.tabsBackground#D1D7DFa1
  • editorGroupHeader.tabsBorder#FBF9F900
  • editorGutter.addedBackground#0E5C12fb
  • editorGutter.background#D6DCE2fe
  • editorGutter.commentGlyphForeground#32577Cce
  • editorGutter.commentRangeForeground#32577Cce
  • editorGutter.commentUnresolvedGlyphForeground#17631Bcb
  • editorGutter.deletedBackground#B00000cb
  • editorGutter.foldingControlForeground#32577Cce
  • editorGutter.modifiedBackground#645300ce
  • editorHint.border#F4F6F700
  • editorHint.foreground#4C13FFce
  • editorHoverWidget.background#EFF1F4fe
  • editorHoverWidget.border#EFF1F4fe
  • editorHoverWidget.foreground#32577Cce
  • editorHoverWidget.highlightForeground#8E3B3Bca
  • editorHoverWidget.statusBarBackground#D6DCE2fe
  • editorIndentGuide.activeBackground1#1C4982fe
  • editorIndentGuide.activeBackground2#1C4982fe
  • editorIndentGuide.activeBackground3#193D6Bfe
  • editorIndentGuide.activeBackground4#19457Cfe
  • editorIndentGuide.activeBackground5#1C4982fe
  • editorIndentGuide.activeBackground6#19457Cfe
  • editorIndentGuide.background1#54523B35
  • editorIndentGuide.background2#63604535
  • editorIndentGuide.background3#50726335
  • editorIndentGuide.background4#53776735
  • editorIndentGuide.background5#543B3B35
  • editorIndentGuide.background6#72505035
  • editorInfo.background#F7F4F600
  • editorInfo.border#F4F6F700
  • editorInfo.foreground#4C13FFce
  • editorInlayHint.background#D6DCE2fe
  • editorInlayHint.foreground#32577Cce
  • editorInlayHint.parameterBackground#D6DCE2fe
  • editorInlayHint.parameterForeground#32577Cce
  • editorInlayHint.typeBackground#D6DCE2fe
  • editorInlayHint.typeForeground#32577Cce
  • editorLightBulb.foreground#645300ce
  • editorLightBulbAutoFix.foreground#17631Bcb
  • editorLineNumber.activeForeground#658E29fe
  • editorLineNumber.dimmedForeground#113D746e
  • editorLineNumber.foreground#4957686e
  • editorLink.activeForeground#5A930Afe
  • editorMarkerNavigation.background#EFF1F4fe
  • editorMarkerNavigationError.background#FEB5FE9d
  • editorMarkerNavigationError.headerBackground#FEB5FEa6
  • editorMarkerNavigationInfo.background#C5C5FEfe
  • editorMarkerNavigationInfo.headerBackground#C5C5FEfe
  • editorMarkerNavigationWarning.background#EFC600fe
  • editorMarkerNavigationWarning.headerBackground#EFC600fe
  • editorOverviewRuler.addedForeground#17631Bcb
  • editorOverviewRuler.background#D6DCE2fe
  • editorOverviewRuler.border#BFCBD9fe
  • editorOverviewRuler.bracketMatchForeground#32577Cce
  • editorOverviewRuler.commentForeground#4957686e
  • editorOverviewRuler.commentUnresolvedForeground#17631Bcb
  • editorOverviewRuler.commonContentForeground#32577Cce
  • editorOverviewRuler.currentContentForeground#565656bc
  • editorOverviewRuler.deletedForeground#B00000cb
  • editorOverviewRuler.errorForeground#9A009Ace
  • editorOverviewRuler.findMatchForeground#005F5Fce
  • editorOverviewRuler.incomingContentForeground#17631Bcb
  • editorOverviewRuler.infoForeground#4C13FFce
  • editorOverviewRuler.modifiedForeground#645300ce
  • editorOverviewRuler.rangeHighlightForeground#325E49ca
  • editorOverviewRuler.selectionHighlightForeground#4C13FFce
  • editorOverviewRuler.warningForeground#645300ce
  • editorOverviewRuler.wordHighlightForeground#8A366Eca
  • editorOverviewRuler.wordHighlightStrongForeground#32577Cce
  • editorOverviewRuler.wordHighlightTextForeground#32577Cce
  • editorPane.background#D6DCE2fe
  • editorRuler.foreground#29568822
  • editorStickyScroll.background#D6DCE2fe
  • editorStickyScroll.shadow#FAFBF900
  • editorStickyScrollHover.background#BFCBD96e
  • editorSuggestWidget.background#EFF1F4fe
  • editorSuggestWidget.border#F9FBFA00
  • editorSuggestWidget.focusHighlightForeground#3E926Dfe
  • editorSuggestWidget.foreground#3B5D37fe
  • editorSuggestWidget.highlightForeground#923939ca
  • editorSuggestWidget.selectedBackground#B1909083
  • editorSuggestWidget.selectedForeground#8E3B3Bca
  • editorSuggestWidget.selectedIconForeground#325E49ca
  • editorSuggestWidgetStatus.foreground#864040fe
  • editorUnicodeHighlight.background#9FACBCae
  • editorUnicodeHighlight.border#EFF1F4fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#FAFBF900
  • editorWarning.border#F4F6F700
  • editorWarning.foreground#645300ce
  • editorWhitespace.foreground#32577Cce
  • editorWidget.background#EFF1F4fe
  • editorWidget.border#EFF1F4fe
  • editorWidget.foreground#32577Cce
  • editorWidget.resizeBorder#EFF1F4fe
  • errorForeground#9A009Ace
  • extensionBadge.remoteBackground#5A9407fe
  • extensionBadge.remoteForeground#EAEDF0fe
  • extensionButton.background#B4CCE7ae
  • extensionButton.foreground#32577Cce
  • extensionButton.hoverBackground#BFCBD96e
  • extensionButton.prominentBackground#D6DCE2fe
  • extensionButton.prominentForeground#32577Cce
  • extensionButton.prominentHoverBackground#D6DCE2fe
  • extensionButton.separator#FBF9F900
  • extensionIcon.preReleaseForeground#36568Bfe
  • extensionIcon.sponsorForeground#813C6Afe
  • extensionIcon.starForeground#8B3D3Dfe
  • extensionIcon.verifiedForeground#334530fe
  • focusBorder#FAF9FB00
  • foreground#32577Cce
  • gitDecoration.addedResourceForeground#17631Bcb
  • gitDecoration.deletedResourceForeground#B00000cb
  • gitDecoration.modifiedResourceForeground#645300ce
  • gitDecoration.renamedResourceForeground#4C13FFce
  • gitDecoration.stageDeletedResourceForeground#B00000cb
  • gitDecoration.stageModifiedResourceForeground#17631Bcb
  • gitDecoration.untrackedResourceForeground#005F5Fce
  • icon.foreground#214E85ae
  • inlineChat.background#65DFAEca
  • inlineChat.border#F9B8E4ca
  • inlineChat.regionHighlight#1E1D15ca
  • inlineChat.shadow#1E1515ca
  • inlineChatDiff.inserted#221818ca
  • inlineChatDiff.removed#15191Eca
  • inlineChatInput.background#15131Bca
  • inlineChatInput.border#F9B6E3ca
  • inlineChatInput.focusBorder#FAFBF900
  • inlineChatInput.placeholderForeground#5C39C4ca
  • input.background#EFF1F4fe
  • input.border#EFF1F4fe
  • input.foreground#32577Cce
  • input.placeholderForeground#37424F65
  • inputOption.activeBackground#EFF1F4fe
  • inputOption.activeBorder#EFF1F4fe
  • inputOption.activeForeground#658E29fe
  • inputOption.hoverBackground#EFF1F4fe
  • inputValidation.errorBackground#670067b2
  • inputValidation.errorBorder#FEB5FEc9
  • inputValidation.errorForeground#9A009Ace
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#EFF1F4fe
  • inputValidation.infoForeground#32577Cce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#EFF1F4fe
  • inputValidation.warningForeground#645300ce
  • interactive.activeCodeBorder#EFF1F4fe
  • interactive.inactiveCodeBorder#C2CBD694
  • keybindingLabel.background#D6DCE2fe
  • keybindingLabel.border#EFF1F4fe
  • keybindingLabel.bottomBorder#EFF1F4fe
  • keybindingLabel.foreground#32577Cce
  • keybindingTable.headerBackground#D6DCE2fe
  • keybindingTable.rowsBackground#D6DCE2fe
  • list.activeSelectionBackground#C3C0A985
  • list.activeSelectionForeground#603BB7ca
  • list.activeSelectionIconForeground#355782ca
  • list.deemphasizedForeground#32577Cce
  • list.dropBackground#D6DCE2fe
  • list.errorForeground#9A009Ace
  • list.filterMatchBackground#D6DCE2fe
  • list.filterMatchBorder#EFF1F4fe
  • list.focusAndSelectionOutline#F9FBFA00
  • list.focusBackground#C2CAD496
  • list.focusForeground#5A9308fe
  • list.focusHighlightForeground#4E9542fe
  • list.focusOutline#FBF9F900
  • list.highlightForeground#643AB9ca
  • list.hoverBackground#BFCBD96e
  • list.hoverForeground#658E29fe
  • list.inactiveFocusBackground#AEB9C698
  • list.inactiveFocusOutline#FBFBF900
  • list.inactiveSelectionBackground#EAEDF0ae
  • list.inactiveSelectionForeground#3B465465
  • list.inactiveSelectionIconForeground#3E4A5965
  • list.invalidItemForeground#32577Cce
  • list.warningForeground#645300ce
  • listFilterWidget.background#D6DCE2fe
  • listFilterWidget.noMatchesOutline#F7F4F600
  • listFilterWidget.outline#FAF9FB00
  • listFilterWidget.shadow#F4F6F700
  • menu.background#EAEDF0fe
  • menu.border#FBF9F900
  • menu.foreground#355785ae
  • menu.selectionBackground#94B190a4
  • menu.selectionBorder#F9FBFA00
  • menu.selectionForeground#5B9409fe
  • menu.separatorBackground#ABCDF565
  • menubar.selectionBackground#906582a7
  • menubar.selectionBorder#FBF9F900
  • menubar.selectionForeground#5A9308fe
  • merge.border#EFF1F4fe
  • merge.commonContentBackground#D6DCE2fe
  • merge.commonHeaderBackground#D6DCE2fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#6EE374fb
  • merge.incomingContentBackground#94DA97cb
  • merge.incomingHeaderBackground#6EE374fb
  • mergeEditor.change.background#D6DCE2fe
  • mergeEditor.change.word.background#D6DCE2fe
  • mergeEditor.changeBase.background#D6DCE2fe
  • mergeEditor.changeBase.word.background#D6DCE2fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#EFF1F4fe
  • mergeEditor.conflict.handledUnfocused.border#C7CFD82a
  • mergeEditor.conflict.input1.background#EFF1F4fe
  • mergeEditor.conflict.input2.background#EFF1F4fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067cb
  • mergeEditor.conflict.unhandledFocused.border#EFF1F4fe
  • mergeEditor.conflict.unhandledUnfocused.border#CCD3DB29
  • mergeEditor.conflictingLines.background#D6DCE2fe
  • minimap.background#D6DCE2fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0A0C0Ece
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#0E5C12fb
  • minimapGutter.deletedBackground#AE0000fb
  • minimapGutter.modifiedBackground#645300ce
  • minimapSlider.activeBackground#7789A0fe
  • minimapSlider.background#95A3B5ae
  • minimapSlider.hoverBackground#C2CAD46e
  • notebook.cellBorderColor#EFF1F4fe
  • notebook.cellEditorBackground#D6DCE2fe
  • notebook.cellHoverBackground#D6DCE2fe
  • notebook.cellInsertionIndicator#2C1F1Fca
  • notebook.cellStatusBarItemHoverBackground#D6DCE2fe
  • notebook.cellToolbarSeparator#1B2722ca
  • notebook.editorBackground#D6DCE2fe
  • notebook.focusedCellBackground#D6DCE2fe
  • notebook.focusedCellBorder#5A9308fe
  • notebook.focusedEditorBorder#EFF1F4fe
  • notebook.inactiveFocusedCellBorder#7789A08e
  • notebook.inactiveSelectedCellBorder#72859C8e
  • notebook.outputContainerBackgroundColor#D6DCE2fe
  • notebook.outputContainerBorderColor#EFF1F4fe
  • notebook.selectedCellBackground#D6DCE2fe
  • notebook.selectedCellBorder#EFF1F4fe
  • notebook.symbolHighlightBackground#D6DCE2fe
  • notebookEditorOverviewRuler.runningCellForeground#32577Cce
  • notebookScrollbarSlider.activeBackground#72859Cfe
  • notebookScrollbarSlider.background#95A3B5ae
  • notebookScrollbarSlider.hoverBackground#AEB9C66e
  • notebookStatusErrorIcon.foreground#9A009Ace
  • notebookStatusRunningIcon.foreground#35602Efe
  • notebookStatusSuccessIcon.foreground#17631Bcb
  • notificationCenter.border#EFF1F4fe
  • notificationCenterHeader.background#D6DCE2fe
  • notificationCenterHeader.foreground#32577Cce
  • notificationLink.foreground#32577Cce
  • notifications.background#D6DCE2fe
  • notifications.border#EFF1F4fe
  • notifications.foreground#32577Cce
  • notificationsErrorIcon.foreground#9A009Ace
  • notificationsInfoIcon.foreground#8E3B3Bfe
  • notificationsWarningIcon.foreground#645300ce
  • notificationToast.border#EFF1F4fe
  • panel.background#D6DCE2fe
  • panel.border#EFF1F4fe
  • panel.dropBorder#EFF1F4fe
  • panelInput.border#EFF1F4fe
  • panelSection.border#EFF1F4fe
  • panelSection.dropBackground#D6DCE2fe
  • panelSectionHeader.background#D6DCE2fe
  • panelSectionHeader.border#EFF1F4fe
  • panelSectionHeader.foreground#32577Cce
  • panelTitle.activeBorder#FBF9F900
  • panelTitle.activeForeground#659028fe
  • panelTitle.inactiveForeground#3B465465
  • peekView.border#394D1Dfe
  • peekViewEditor.background#EFF1F4fe
  • peekViewEditor.matchHighlightBackground#B595AA83
  • peekViewEditor.matchHighlightBorder#FAFBF900
  • peekViewEditorGutter.background#EFF1F4fe
  • peekViewEditorStickyScroll.background#D6DCE2fe
  • peekViewResult.background#EAEDF0fe
  • peekViewResult.fileForeground#32577Cce
  • peekViewResult.lineForeground#32577Cce
  • peekViewResult.matchHighlightBackground#B2A9C387
  • peekViewResult.selectionBackground#B5B19589
  • peekViewResult.selectionForeground#355E32ca
  • peekViewTitle.background#EAEDF0fe
  • peekViewTitleDescription.foreground#32577Cce
  • peekViewTitleLabel.foreground#32577Cce
  • pickerGroup.border#EFF1F4fe
  • pickerGroup.foreground#32577Cce
  • ports.iconRunningProcessForeground#3A5F35fe
  • problemsErrorIcon.foreground#9A009Ace
  • problemsInfoIcon.foreground#4C13FFce
  • problemsWarningIcon.foreground#645300ce
  • profileBadge.background#658E29fe
  • profileBadge.foreground#EAEDF0fe
  • progressBar.background#D6DCE2fe
  • quickInput.background#EAEDF0fe
  • quickInput.foreground#355785ae
  • quickInputList.focusBackground#9AB8ABa8
  • quickInputList.focusForeground#5A9408fe
  • quickInputList.focusIconForeground#5B9409fe
  • quickInputTitle.background#EFF1F4fe
  • sash.hoverBorder#EFF1F4fe
  • scrollbar.shadow#FAF9FB00
  • scrollbarSlider.activeBackground#72859Cfe
  • scrollbarSlider.background#9FACBCae
  • scrollbarSlider.hoverBackground#BDC6D16e
  • search.resultsInfoForeground#32577Cce
  • searchEditor.findMatchBackground#9FBCAFa8
  • searchEditor.findMatchBorder#EFF1F4fe
  • searchEditor.textInputBorder#EFF1F4fe
  • selection.background#D6DCE2fe
  • settings.checkboxBackground#EFF1F4fe
  • settings.checkboxBorder#EFF1F4fe
  • settings.checkboxForeground#32577Cce
  • settings.dropdownBackground#EFF1F4fe
  • settings.dropdownBorder#EFF1F4fe
  • settings.dropdownForeground#32577Cce
  • settings.dropdownListBorder#EFF1F4fe
  • settings.focusedRowBackground#B5959584
  • settings.focusedRowBorder#EFF1F4fe
  • settings.headerBorder#EFF1F4fe
  • settings.headerForeground#32577Cce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#EFF1F4fe
  • settings.numberInputBorder#EFF1F4fe
  • settings.numberInputForeground#32577Cce
  • settings.rowHoverBackground#D6DCE2fe
  • settings.sashBorder#EFF1F4fe
  • settings.settingsHeaderHoverForeground#5A9309fe
  • settings.textInputBackground#EFF1F4fe
  • settings.textInputBorder#EFF1F4fe
  • settings.textInputForeground#32577Cce
  • sideBar.background#D6DCE2fe
  • sideBar.border#EFF1F4fe
  • sideBar.dropBackground#D6DCE2fe
  • sideBar.foreground#214E85ae
  • sideBarSectionHeader.background#FBFBF900
  • sideBarSectionHeader.border#EFF1F4fe
  • sideBarSectionHeader.foreground#32577Cce
  • sideBarTitle.foreground#32577Cce
  • sideBySideEditor.horizontalBorder#EFF1F4fe
  • sideBySideEditor.verticalBorder#EFF1F4fe
  • simpleFindWidget.sashBorder#EFF1F4fe
  • statusBar.background#EAEDF0fe
  • statusBar.border#EFF1F4fe
  • statusBar.debuggingBackground#FEB5FEaa
  • statusBar.debuggingBorder#EFF1F4fe
  • statusBar.debuggingForeground#32577Cce
  • statusBar.focusBorder#FBFBF900
  • statusBar.foreground#424F5E6e
  • statusBar.noFolderBackground#EAEDF0fe
  • statusBar.noFolderBorder#EFF1F4fe
  • statusBar.noFolderForeground#32577Cce
  • statusBarItem.activeBackground#EAEDF0fe
  • statusBarItem.compactHoverBackground#EAEDF0fe
  • statusBarItem.errorBackground#FEB5FEb9
  • statusBarItem.errorForeground#9A009Ace
  • statusBarItem.errorHoverBackground#FEB5FEb2
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#FAFBF900
  • statusBarItem.hoverBackground#EAEDF0fe
  • statusBarItem.hoverForeground#608728fe
  • statusBarItem.offlineBackground#EAEDF0fe
  • statusBarItem.offlineForeground#32577Cce
  • statusBarItem.offlineHoverBackground#EAEDF0fe
  • statusBarItem.offlineHoverForeground#5A930Afe
  • statusBarItem.prominentBackground#EAEDF0fe
  • statusBarItem.prominentForeground#32577Cce
  • statusBarItem.prominentHoverBackground#EAEDF0fe
  • statusBarItem.prominentHoverForeground#5A9309fe
  • statusBarItem.remoteBackground#5A9408fe
  • statusBarItem.remoteForeground#EAEDF0fe
  • statusBarItem.remoteHoverBackground#EAEDF0fe
  • statusBarItem.remoteHoverForeground#599506fe
  • statusBarItem.warningBackground#EFC600fe
  • statusBarItem.warningForeground#645300ce
  • statusBarItem.warningHoverBackground#EFC600fe
  • statusBarItem.warningHoverForeground#9D8200ce
  • symbolIcon.arrayForeground#873A6Dfe
  • symbolIcon.booleanForeground#005F5Fce
  • symbolIcon.classForeground#325E49fe
  • symbolIcon.colorForeground#355782fe
  • symbolIcon.constantForeground#395F33fe
  • symbolIcon.constructorForeground#3B577Afe
  • symbolIcon.enumeratorForeground#633EAEfe
  • symbolIcon.enumeratorMemberForeground#943737fe
  • symbolIcon.eventForeground#8A3665fe
  • symbolIcon.fieldForeground#5C39C4fe
  • symbolIcon.fileForeground#39587Cfe
  • symbolIcon.folderForeground#943737fe
  • symbolIcon.functionForeground#923939fe
  • symbolIcon.interfaceForeground#35602Efe
  • symbolIcon.keyForeground#3B577Cfe
  • symbolIcon.keywordForeground#5C572Ffe
  • symbolIcon.methodForeground#36568Bfe
  • symbolIcon.moduleForeground#575432fe
  • symbolIcon.namespaceForeground#5C5734fe
  • symbolIcon.nullForeground#923939fe
  • symbolIcon.numberForeground#864040fe
  • symbolIcon.objectForeground#325E49fe
  • symbolIcon.operatorForeground#575432fe
  • symbolIcon.packageForeground#375D4Dfe
  • symbolIcon.propertyForeground#403E2Dfe
  • symbolIcon.referenceForeground#3B5D37fe
  • symbolIcon.snippetForeground#8B3D3Dfe
  • symbolIcon.stringForeground#5C5734fe
  • symbolIcon.structForeground#3B5D37fe
  • symbolIcon.textForeground#8A366Efe
  • symbolIcon.typeParameterForeground#6242A6fe
  • symbolIcon.unitForeground#345D4Bfe
  • symbolIcon.variableForeground#3A5F35fe
  • tab.activeBackground#E5E9EDfe
  • tab.activeBorder#F4F6F700
  • tab.activeBorderTop#669029fe
  • tab.activeForeground#669029fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F4F6F700
  • tab.hoverBackground#27578B6e
  • tab.hoverBorder#EFF1F4fe
  • tab.hoverForeground#5B9409fe
  • tab.inactiveBackground#BDCCDC9e
  • tab.inactiveForeground#3B465465
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#EFF1F4fe
  • tab.unfocusedActiveBackground#C7CFD833
  • tab.unfocusedActiveBorder#FAFBF900
  • tab.unfocusedActiveBorderTop#AFCEF665
  • tab.unfocusedActiveForeground#3E4A5965
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#2957916e
  • tab.unfocusedHoverBorder#C7CFD835
  • tab.unfocusedHoverForeground#5387C565
  • tab.unfocusedInactiveBackground#C2CAD497
  • tab.unfocusedInactiveForeground#5388C765
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333b7
  • terminal.ansiBrightBlue#8e6affce
  • terminal.ansiBrightCyan#00a5a5ce
  • terminal.ansiBrightGreen#8acd8dcb
  • terminal.ansiBrightMagenta#b400b4ce
  • terminal.ansiBrightRed#ff6a6acb
  • terminal.ansiBrightWhite#f4f4f4be
  • terminal.ansiBrightYellow#ffd611ce
  • terminal.ansiCyan#008b8bfe
  • terminal.ansiGreen#39853dfb
  • terminal.ansiMagenta#670067ab
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececea6
  • terminal.ansiYellow#c4a200fe
  • terminal.background#D6DCE2fe
  • terminal.border#EFF1F4fe
  • terminal.dropBackground#D6DCE2fe
  • terminal.findMatchBackground#D6DCE2fe
  • terminal.findMatchBorder#EFF1F4fe
  • terminal.findMatchHighlightBackground#D6DCE2fe
  • terminal.findMatchHighlightBorder#EFF1F4fe
  • terminal.foreground#214E85ae
  • terminal.hoverHighlightBackground#D6DCE2fe
  • terminal.inactiveSelectionBackground#BDC6D193
  • terminal.selectionBackground#AAA68685
  • terminal.selectionForeground#35602Eca
  • terminal.tab.activeBorder#669029fe
  • terminalCommandDecoration.defaultBackground#26611Da7
  • terminalCommandDecoration.errorBackground#B00000cb
  • terminalCommandDecoration.successBackground#17631Bcb
  • terminalCursor.background#D6DCE2fe
  • terminalCursor.foreground#599506fe
  • terminalOverviewRuler.cursorForeground#32577Cce
  • terminalOverviewRuler.findMatchForeground#005F5Fce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0b2
  • testing.iconUnset#808080ca
  • testing.message.error.decorationForeground#3C5E0Afe
  • testing.message.error.lineBackground#FEB5FEa9
  • testing.message.info.decorationForeground#3C5F09fe
  • testing.message.info.lineBackground#C5C5FEfe
  • testing.peekBorder#EFF1F4fe
  • testing.peekHeaderBackground#D6DCE2fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#D6DCE2fe
  • textBlockQuote.border#EFF1F4fe
  • textCodeBlock.background#D6DCE2fe
  • textLink.activeForeground#599506fe
  • textLink.foreground#4C13FFce
  • textPreformat.foreground#32577Cce
  • textSeparator.foreground#32577Cce
  • titleBar.activeBackground#EAEDF0fe
  • titleBar.activeForeground#4E85D6ae
  • titleBar.border#F4F6F700
  • titleBar.inactiveBackground#C7CFD8d3
  • titleBar.inactiveForeground#3B465465
  • toolbar.activeBackground#A0D89887
  • toolbar.hoverBackground#D6DCE2fe
  • toolbar.hoverOutline#F4F6F700
  • tree.inactiveIndentGuidesStroke#364A3435
  • tree.indentGuidesStroke#3C5E0Afe
  • tree.tableColumnsBorder#EFF1F4fe
  • tree.tableOddRowsBackground#D6DCE2fe
  • walkThrough.embeddedEditorBackground#D6DCE2fe
  • walkthrough.stepTitle.foreground#32577Cce
  • welcomePage.background#D6DCE2fe
  • welcomePage.progress.background#D6DCE2fe
  • welcomePage.progress.foreground#32577Cce
  • welcomePage.tileBackground#D6DCE2fe
  • welcomePage.tileBorder#EFF1F4fe
  • welcomePage.tileHoverBackground#D6DCE2fe
  • widget.border#EFF1F4fe
  • widget.shadow#FBF9F900
  • window.activeBorder#EFF1F4fe
  • window.inactiveBorder#BBCBE099

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#304D736e—
comment.block.html#314D766e—
comment.block.java#314C706e—
comment.block.javadoc.java#314D766e—
comment.block.powershell#2E4E6D6e—
comment.block.xml#304D736e—
comment.line.double-slash.c#314C706e—
comment.line.double-slash.cpp#304D736e—
comment.line.double-slash.java#2E4E6D6e—
comment.line.double-slash.js#304D736e—
comment.line.number-sign.makefile#314D766e—
comment.line.number-sign.python#314C706e—
comment.line.number-sign.yaml#2E4E6D6e—
comment.line.percentage.erlang#2E4E6D6e—
comment.line.powershell#314C706e—
comment.source.cmake#314C706e—
comment.source.cmakecache#2E4E6D6e—
constant.character#0A571Cde—
constant.character.character-class.regexp#2C2CC7de—
constant.character.escape#714009de—
constant.character.set.regexp#772889de—
constant.language#09545Dde—
constant.numeric#990934de—
constant.numeric.dec.python#2E2ED4de—
constant.other.caps.python#0A571Cde—
constant.other.character-class.regexp#0A545Ede—
constant.other.character-class.set.regexp#0A571Cde—
constant.other.color.rgb-value#0A571Cde—
constant.other.placeholder#34461Bde—
constant.other.rgb-value#1B4625de—
constant.regexp#0A571Cde—
constant.sha.git-rebase#990A34de—
emphasis#1A3B3Fde—
entity.name.class#0A535Dde—
entity.name.function#800A99de—
entity.name.function.preprocessor#303F1Ade—
entity.name.function.python#084149de—
entity.name.label#0808BDde—
entity.name.namespace#872743de—
entity.name.operator#622235de—
entity.name.operator.custom-literal#800A99de—
entity.name.scope-resolution#094D57de—
entity.name.tag#0A545Fde—
entity.name.tag.css#892843de—
entity.name.type#355409debold
entity.name.variable#2E2ED2de—
entity.other.attribute#6F400Ade—
entity.other.attribute-name#2E2ED4de—
entity.other.attribute-name.class.css#083F14de—
entity.other.attribute-name.class.mixin.css#34461Bde—
entity.other.attribute-name.id#355509de—
entity.other.attribute-name.id.css#990A34de—
entity.other.attribute-name.parent-selector.css#990934de—
entity.other.attribute-name.pseudo-class.css#09545Dde—
entity.other.attribute-name.pseudo-element.css#990A34de—
entity.other.attribute-name.scss#0A571Cde—
entity.other.document.begin.yaml#314D766e—
entity.other.inherited-class#0A571Cde—
header#2C2CD2de—
invalid#2B2BAEde—
keyword#990A35debold
keyword.codetag.notation.python#0A571Ddebold
keyword.control#21535Adebold
keyword.control.anchor.regexp#543B1Fdebold
keyword.control.import.python#21535Adebold
keyword.operator#70400Adebold
keyword.operator.alignas#36540Adebold
keyword.operator.alignof#70277Fdebold
keyword.operator.cast#09545Ddebold
keyword.operator.delete#2B2BA6debold
keyword.operator.documentation.powershell#304D736ebold
keyword.operator.expression#0909BCdebold
keyword.operator.instanceof#990934debold
keyword.operator.logical.python#800999debold
keyword.operator.minus.exponent#6F400Adebold
keyword.operator.negation.regexp#2C2CC7debold
keyword.operator.new#70400Bdebold
keyword.operator.noexcept#35530Adebold
keyword.operator.or.regexp#892843debold
keyword.operator.plus.exponent#762887debold
keyword.operator.quantifier.regexp#35530Adebold
keyword.operator.sizeof#0A581Ddebold
keyword.operator.typeid#0A571Ddebold
keyword.operator.wordlike#0A581Cdebold
keyword.other.operator#2C2CBFdebold
keyword.other.package.java#6F3F0Adebold
keyword.other.unit#0A571Cdebold
keyword.other.using#355309debold
markup.bold#36540Ade—
markup.changed#692338de—
markup.deleted#2C2CCFde—
markup.fenced_code.block.markdown#762887de—
markup.heading#35540Ade—
markup.inline.raw#644623de—
markup.inserted#35530Ade—
markup.italic#990A34de—
markup.raw.block.markdown#2D2DD3de—
markup.strikethrough#782787de—
markup.underline#2A2A9Ede—
meta.block.c#084917de—
meta.block.c#0A535Dde—
meta.class.java#09571Bde—
meta.definition.variable.name#0A571Cde—
meta.diff.header#355409de—
meta.embedded#34461Bde—
meta.embedded.assembly#704009de—
meta.function-call.arguments.python#654523de—
meta.function-call.python#723F06de—
meta.member.access.python#800999de—
meta.method.java#990732de—
meta.object-literal.key#09571Bde—
meta.paragraph.markdown#624422de—
meta.preprocessor#80089Ade—
meta.preprocessor.numeric#990A35de—
meta.preprocessor.string#70400Ade—
meta.scope.prerequisites.makefile#084917de—
meta.structure.dictionary.json.comments#314D766e—
meta.structure.dictionary.key.python#085119de—
meta.structure.dictionary.value.json.comments#2E4E6D6e—
meta.template.expression#0A535Dde—
meta.type.cast.expr#09454Ddebold
meta.type.new.expr#1D474Ddebold
parameter#0A545Ede—
punctuation.character.set.begin.regexp#990631de—
punctuation.character.set.end.regexp#6F400Bde—
punctuation.definition.array.begin.json#0A571Cde—
punctuation.definition.character-class.regexp#1A3B3Fde—
punctuation.definition.comment#314D766e—
punctuation.definition.comment.json.comments#314D766e—
punctuation.definition.comment.python#314D766e—
punctuation.definition.dictionary.begin.json#2D2DD3de—
punctuation.definition.dictionary.end.json#7F0A99de—
punctuation.definition.group.assertion.regexp#714009de—
punctuation.definition.group.regexp#094D57de—
punctuation.definition.list.begin.json#5B3F21de—
punctuation.definition.list.begin.markdown#990A34de—
punctuation.definition.list.begin.python#2D2DD4de—
punctuation.definition.list.end.json#3D531Fde—
punctuation.definition.list.end.markdown#345407de—
punctuation.definition.list.end.python#872743de—
punctuation.definition.parameters.begin.python#800A99de—
punctuation.definition.parameters.end.bracket.round.java#0A571Cde—
punctuation.definition.quote.begin.markdown#085119de—
punctuation.definition.tag#724008de—
punctuation.definition.template-expression.begin#752787de—
punctuation.definition.template-expression.end#990934de—
punctuation.section.class.begin.bracket.curly.java#2E2ED4de—
punctuation.section.embedded#980933de—
punctuation.section.embedded.begin.php#990531de—
punctuation.section.embedded.end.php#2D2DD3de—
punctuation.terminator.java#6F400Ade—
source.cmake#282887de—
source.coffee.embedded#70400Bde—
source.cpp#355409de—
source.css.less#0A561Cde—
source.groovy.embedded#632570de—
source.java#1F4D54de—
source.java-properties#70277Fde—
source.json.comments#314C706e—
source.makefile#0A581Dde—
source.powershell#35530Ade—
source.powershell.variable.other.member#9A0833de—
source.python#2D2DD3de—
storage#723F05de—
storage.modifier#35540Ade—
storage.modifier.import.java#81059Bde—
storage.modifier.package.java#345505de—
storage.type#46321Bdebold
storage.type.annotation.groovy#81059Bdebold
storage.type.annotation.java#78263Edebold
storage.type.boolean.go#5D2369debold
storage.type.byte.go#345507debold
storage.type.cs#724008debold
storage.type.error.go#70253Bdebold
storage.type.generic.cs#6F400Adebold
storage.type.generic.groovy#0A581Ddebold
storage.type.generic.java#2D2DD4debold
storage.type.groovy#782787debold
storage.type.java#0A545Edebold
storage.type.modifier.cs#0A581Cdebold
storage.type.numeric.go#0A581Ddebold
storage.type.object.array.groovy#355508debold
storage.type.object.array.java#6F400Adebold
storage.type.parameters.groovy#084917debold
storage.type.primitive.array.groovy#34461Bdebold
storage.type.primitive.array.java#09454Ddebold
storage.type.primitive.groovy#0A535Ddebold
storage.type.primitive.java#81059Bdebold
storage.type.rune.go#07454Edebold
storage.type.string.go#70400Adebold
storage.type.token.java#35530Adebold
storage.type.uintptr.go#872744debold
storage.type.variable.cs#1B4625debold
string#35530Ade—
string.quoted.docstring.multi.python#314C706e—
string.regexp#714007de—
string.tag#892845de—
string.value#345507de—
strong#882745de—
support.class#6F400Ade—
support.constant.color#0A535Dde—
support.constant.dom#6F400Ade—
support.constant.font-name#09581Cde—
support.constant.handlebars#81059Bde—
support.constant.json#723F06de—
support.constant.math#723F06de—
support.constant.media#0909B8de—
support.constant.media-type#35530Adebold
support.constant.property-value#800999de—
support.function#35530Ade—
support.function.git-rebase#990A34de—
support.other.parenthesis.regexp#35530Ade—
support.type#35540Adebold
support.type.property-name#990934debold
support.type.vendored.property-name#2D2DD4debold
support.variable#862842de—
token.debug-token#2C2CBFde—
token.error-token#0A571Cde—
token.info-token#34461Bde—
token.warn-token#78263Ede—
variable#2D2DD3de—
variable.css#1F532Ade—
variable.language#892845de—
variable.language.wildcard.java#094D18de—
variable.other.constant#2C2CD2de—
variable.other.definition.java#09581Cde—
variable.other.enummember#892845de—
variable.other.less#303F1Ade—
variable.other.object.java#34520Ade—
variable.other.object.property.java#70277Fde—
variable.parameter.c#35530Ade—
variable.parameter.function.language.python#0A535Dde—
variable.parameter.java#0A571Dde—
variable.scss#0A571Cde—
viiv by B.W - VS Code Theme