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#E0E0E0fe
  • activityBar.activeBackground#E0E0E0fe
  • activityBar.activeBorder#2A95A3fe
  • activityBar.activeFocusBorder#E2539A00
  • activityBar.background#F2F2F2fe
  • activityBar.border#86868600
  • activityBar.dropBorder#2A95A6fe
  • activityBar.foreground#0596A7fe
  • activityBar.inactiveForeground#4D4D4D65
  • activityBarBadge.background#0B5E6Afe
  • activityBarBadge.foreground#F2F2F2fe
  • badge.background#0B626Efe
  • badge.foreground#F2F2F2fe
  • banner.background#E0E0E0fe
  • banner.foreground#585858ce
  • banner.iconForeground#774E33fe
  • breadcrumb.activeSelectionForeground#2D6037ca
  • breadcrumb.background#EDEDEDfe
  • breadcrumb.focusForeground#0B626Efe
  • breadcrumb.foreground#565656ae
  • breadcrumbPicker.background#E0E0E0fe
  • button.background#B1B1B1ae
  • button.border#F7F8F400
  • button.foreground#585858ce
  • button.hoverBackground#9B9B9Bfe
  • button.secondaryBackground#E0E0E0fe
  • button.secondaryForeground#585858ce
  • button.secondaryHoverBackground#E0E0E0fe
  • button.separator#F7F8F400
  • charts.blue#1b1bfffe
  • charts.foreground#585858ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067a2
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F6F6F6fe
  • chat.slashCommandBackground#E0E0E0fe
  • chat.slashCommandForeground#585858ce
  • checkbox.background#F6F6F6fe
  • checkbox.border#F6F6F6fe
  • checkbox.foreground#585858ce
  • checkbox.selectBackground#F6F6F6fe
  • checkbox.selectBorder#F6F6F6fe
  • commandCenter.activeBackground#F2C1D585
  • commandCenter.activeBorder#F6F6F6fe
  • commandCenter.activeForeground#2A909Efe
  • commandCenter.background#E0E0E0fe
  • commandCenter.border#F6F6F6fe
  • commandCenter.foreground#585858ce
  • commandCenter.inactiveBorder#CECECE96
  • commandCenter.inactiveForeground#88888865
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F8F6F400
  • contrastBorder#F4F8F500
  • debugConsole.errorForeground#9E009Ece
  • debugConsole.infoForeground#585858ce
  • debugConsole.sourceForeground#585858ce
  • debugConsole.warningForeground#6A5700ce
  • debugConsoleInputIcon.foreground#94375Efe
  • debugExceptionWidget.background#FEC1FEb0
  • debugExceptionWidget.border#F6F6F6fe
  • debugIcon.breakpointCurrentStackframeForeground#755033fe
  • debugIcon.breakpointDisabledForeground#4D4D4D65
  • debugIcon.breakpointForeground#3B422Cfe
  • debugIcon.breakpointStackframeForeground#724F39fe
  • debugIcon.breakpointUnverifiedForeground#7E379Cfe
  • debugIcon.continueForeground#8E3D5Dfe
  • debugIcon.disconnectForeground#575757fe
  • debugIcon.pauseForeground#7D3B98fe
  • debugIcon.restartForeground#346337fe
  • debugIcon.startForeground#724F39fe
  • debugIcon.stepBackForeground#3B422Cfe
  • debugIcon.stepIntoForeground#7D4C33fe
  • debugIcon.stepOutForeground#585858fe
  • debugIcon.stepOverForeground#306337fe
  • debugIcon.stopForeground#2F6233fe
  • debugTokenExpression.boolean#182419ca
  • debugTokenExpression.error#201824ca
  • debugTokenExpression.name#131313ca
  • debugTokenExpression.number#151515ca
  • debugTokenExpression.value#1F1915ca
  • debugToolBar.background#FEC1FE9a
  • debugToolBar.border#F6F6F6fe
  • debugView.exceptionLabelBackground#74E77Dca
  • debugView.exceptionLabelForeground#4F5D2Dca
  • debugView.stateLabelBackground#F6C6A4ca
  • debugView.stateLabelForeground#744E33ca
  • debugView.valueChangedHighlight#191C13ca
  • descriptionForeground#585858ce
  • diffEditor.border#F4F8F500
  • diffEditor.diagonalFill#000000fc
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#74E67Afb
  • diffEditor.insertedTextBorder#F7F4F800
  • diffEditor.move.border#F4F8F500
  • diffEditor.moveActive.border#F4F8F500
  • diffEditor.removedLineBackground#FEBFBF31
  • diffEditor.removedTextBackground#FEC1C1fb
  • diffEditor.removedTextBorder#F7F4F800
  • diffEditor.unchangedCodeBackground#E0E0E0fe
  • diffEditor.unchangedRegionBackground#E0E0E0fe
  • diffEditor.unchangedRegionForeground#585858ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#40404065
  • dropdown.background#F6F6F6fe
  • dropdown.border#F6F6F6fe
  • dropdown.foreground#585858ce
  • dropdown.listBackground#F6F6F6fe
  • editor.background#E0E0E0fe
  • editor.findMatchBackground#99A57Bab
  • editor.findMatchBorder#F6F6F6fe
  • editor.findMatchHighlightBackground#94B798ae
  • editor.findMatchHighlightBorder#F6F6F6fe
  • editor.findRangeHighlightBackground#8084A9ad
  • editor.findRangeHighlightBorder#F6F6F6fe
  • editor.focusedStackFrameHighlightBackground#9DA98088
  • editor.foldBackground#8D19BBa1
  • editor.foreground#585858ce
  • editor.hoverHighlightBackground#7B7FA5ad
  • editor.inactiveSelectionBackground#C6C6C69d
  • editor.inlineValuesBackground#E0E0E0fe
  • editor.inlineValuesForeground#585858ce
  • editor.lineHighlightBackground#C2C2C2b3
  • editor.lineHighlightBorder#F4F8F500
  • editor.linkedEditingBackground#E0E0E0fe
  • editor.rangeHighlightBackground#A98090aa
  • editor.rangeHighlightBorder#F6F6F6fe
  • editor.selectionBackground#929292a3
  • editor.selectionForeground#575757ca
  • editor.selectionHighlightBackground#A88FB385
  • editor.selectionHighlightBorder#F6F6F6fe
  • editor.snippetFinalTabstopHighlightBackground#9F9F9Fa8
  • editor.snippetFinalTabstopHighlightBorder#F6F6F6fe
  • editor.snippetTabstopHighlightBackground#C4A9B4a2
  • editor.snippetTabstopHighlightBorder#F6F6F6fe
  • editor.stackFrameHighlightBackground#8A8EB0ab
  • editor.symbolHighlightBackground#ACB794aa
  • editor.symbolHighlightBorder#F6F6F6fe
  • editor.wordHighlightBackground#85AC89a9
  • editor.wordHighlightBorder#F4F8F500
  • editor.wordHighlightStrongBackground#A3C1A6ac
  • editor.wordHighlightStrongBorder#FAFAFA00
  • editor.wordHighlightTextBackground#94B798ae
  • editor.wordHighlightTextBorder#FAFAFA00
  • editorBracketHighlight.foreground1#0A0A0Ace
  • editorBracketHighlight.foreground2#0A0A0Ace
  • editorBracketHighlight.foreground3#0A0A0Ace
  • editorBracketHighlight.foreground4#0A0A0Ace
  • editorBracketHighlight.foreground5#0A0A0Ace
  • editorBracketHighlight.foreground6#0A0A0Ace
  • editorBracketHighlight.unexpectedBracket.foreground#585858ce
  • editorBracketMatch.background#4A5E1Fa2
  • editorBracketMatch.border#F6F6F6fe
  • editorBracketPairGuide.activeBackground1#4A5D1F8d
  • editorBracketPairGuide.activeBackground2#8349208a
  • editorBracketPairGuide.activeBackground3#233AF181
  • editorBracketPairGuide.activeBackground4#233BEE8b
  • editorBracketPairGuide.activeBackground5#8A21B682
  • editorBracketPairGuide.activeBackground6#1D652485
  • editorBracketPairGuide.background1#F4C5A5fe
  • editorBracketPairGuide.background2#FBC1D5fe
  • editorBracketPairGuide.background3#79E67Ffe
  • editorBracketPairGuide.background4#C9CDFCfe
  • editorBracketPairGuide.background5#73E683fe
  • editorBracketPairGuide.background6#B5DC65fe
  • editorCodeLens.foreground#5858586e
  • editorCommentsWidget.rangeActiveBackground#575757fe
  • editorCommentsWidget.rangeBackground#E0E0E0fe
  • editorCommentsWidget.resolvedBorder#F6F6F6fe
  • editorCommentsWidget.unresolvedBorder#FEC1C1cb
  • editorCursor.background#E0E0E0fe
  • editorCursor.foreground#2A8996fe
  • editorError.background#F7F8F400
  • editorError.border#F7F4F800
  • editorError.foreground#9E009Ece
  • editorGhostText.background#E0E0E0fe
  • editorGhostText.border#F8F4F600
  • editorGhostText.foreground#5858586e
  • editorGroup.border#F6F6F6fe
  • editorGroup.dropBackground#E0E0E0fe
  • editorGroup.dropIntoPromptBackground#E0E0E0fe
  • editorGroup.dropIntoPromptBorder#F6F6F6fe
  • editorGroup.dropIntoPromptForeground#585858ce
  • editorGroup.emptyBackground#E0E0E0fe
  • editorGroup.focusedEmptyBorder#F6F6F6fe
  • editorGroupHeader.border#F8F4F600
  • editorGroupHeader.noTabsBackground#F2F2F2ae
  • editorGroupHeader.tabsBackground#E0E0E0a1
  • editorGroupHeader.tabsBorder#F8F4F600
  • editorGutter.addedBackground#0E5C12fb
  • editorGutter.background#E0E0E0fe
  • editorGutter.commentGlyphForeground#585858ce
  • editorGutter.commentRangeForeground#585858ce
  • editorGutter.commentUnresolvedGlyphForeground#17661Bcb
  • editorGutter.deletedBackground#B40000cb
  • editorGutter.foldingControlForeground#585858ce
  • editorGutter.modifiedBackground#6A5700ce
  • editorHint.border#F4F5F800
  • editorHint.foreground#511AFFce
  • editorHoverWidget.background#F6F6F6fe
  • editorHoverWidget.border#F6F6F6fe
  • editorHoverWidget.foreground#585858ce
  • editorHoverWidget.highlightForeground#7E379Cca
  • editorHoverWidget.statusBarBackground#E0E0E0fe
  • editorIndentGuide.activeBackground1#585858fe
  • editorIndentGuide.activeBackground2#575757fe
  • editorIndentGuide.activeBackground3#585858fe
  • editorIndentGuide.activeBackground4#575757fe
  • editorIndentGuide.activeBackground5#585858fe
  • editorIndentGuide.activeBackground6#575757fe
  • editorIndentGuide.background1#3A3D5635
  • editorIndentGuide.background2#65524435
  • editorIndentGuide.background3#5B654435
  • editorIndentGuide.background4#51413735
  • editorIndentGuide.background5#30324735
  • editorIndentGuide.background6#6F5A4B35
  • editorInfo.background#F8F4F600
  • editorInfo.border#F7F4F800
  • editorInfo.foreground#511AFFce
  • editorInlayHint.background#E0E0E0fe
  • editorInlayHint.foreground#585858ce
  • editorInlayHint.parameterBackground#E0E0E0fe
  • editorInlayHint.parameterForeground#585858ce
  • editorInlayHint.typeBackground#E0E0E0fe
  • editorInlayHint.typeForeground#585858ce
  • editorLightBulb.foreground#6A5700ce
  • editorLightBulbAutoFix.foreground#17661Bcb
  • editorLineNumber.activeForeground#0B5E6Afe
  • editorLineNumber.dimmedForeground#5151516e
  • editorLineNumber.foreground#5858586e
  • editorLink.activeForeground#29828Efe
  • editorMarkerNavigation.background#F6F6F6fe
  • editorMarkerNavigationError.background#FEC1FEb0
  • editorMarkerNavigationError.headerBackground#FEC1FEa7
  • editorMarkerNavigationInfo.background#CACAFFfe
  • editorMarkerNavigationInfo.headerBackground#CACAFFfe
  • editorMarkerNavigationWarning.background#F6CB00fe
  • editorMarkerNavigationWarning.headerBackground#F6CB00fe
  • editorOverviewRuler.addedForeground#17661Bcb
  • editorOverviewRuler.background#E0E0E0fe
  • editorOverviewRuler.border#CECECEfe
  • editorOverviewRuler.bracketMatchForeground#585858ce
  • editorOverviewRuler.commentForeground#5555556e
  • editorOverviewRuler.commentUnresolvedForeground#17661Bcb
  • editorOverviewRuler.commonContentForeground#585858ce
  • editorOverviewRuler.currentContentForeground#585858a3
  • editorOverviewRuler.deletedForeground#B40000cb
  • editorOverviewRuler.errorForeground#9E009Ece
  • editorOverviewRuler.findMatchForeground#006262ce
  • editorOverviewRuler.incomingContentForeground#17661Bcb
  • editorOverviewRuler.infoForeground#511AFFce
  • editorOverviewRuler.modifiedForeground#6A5700ce
  • editorOverviewRuler.rangeHighlightForeground#575757ca
  • editorOverviewRuler.selectionHighlightForeground#511AFFce
  • editorOverviewRuler.warningForeground#6A5700ce
  • editorOverviewRuler.wordHighlightForeground#306337ca
  • editorOverviewRuler.wordHighlightStrongForeground#585858ce
  • editorOverviewRuler.wordHighlightTextForeground#585858ce
  • editorPane.background#E0E0E0fe
  • editorRuler.foreground#5858583e
  • editorStickyScroll.background#E0E0E0fe
  • editorStickyScroll.shadow#F8F6F400
  • editorStickyScrollHover.background#CECECEfe
  • editorSuggestWidget.background#F6F6F6fe
  • editorSuggestWidget.border#F8F6F400
  • editorSuggestWidget.focusHighlightForeground#C3753Afe
  • editorSuggestWidget.foreground#3A4DBEfe
  • editorSuggestWidget.highlightForeground#774D32ca
  • editorSuggestWidget.selectedBackground#8AB08E8b
  • editorSuggestWidget.selectedForeground#585858ca
  • editorSuggestWidget.selectedIconForeground#3947C7ca
  • editorSuggestWidgetStatus.foreground#4F5C2Efe
  • editorUnicodeHighlight.background#B5B5B5ad
  • editorUnicodeHighlight.border#F6F6F6fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F4F5F800
  • editorWarning.border#F8F4F600
  • editorWarning.foreground#6A5700ce
  • editorWhitespace.foreground#585858ce
  • editorWidget.background#F6F6F6fe
  • editorWidget.border#F6F6F6fe
  • editorWidget.foreground#585858ce
  • editorWidget.resizeBorder#F6F6F6fe
  • errorForeground#9E009Ece
  • extensionBadge.remoteBackground#287B87fe
  • extensionBadge.remoteForeground#F2F2F2fe
  • extensionButton.background#CECECEae
  • extensionButton.foreground#585858ce
  • extensionButton.hoverBackground#CECECEfe
  • extensionButton.prominentBackground#E0E0E0fe
  • extensionButton.prominentForeground#585858ce
  • extensionButton.prominentHoverBackground#E0E0E0fe
  • extensionButton.separator#F4F8F500
  • extensionIcon.preReleaseForeground#4E5D30fe
  • extensionIcon.sponsorForeground#90375Dfe
  • extensionIcon.starForeground#4F5B33fe
  • extensionIcon.verifiedForeground#2D6037fe
  • focusBorder#FAFAFA00
  • foreground#585858ce
  • gitDecoration.addedResourceForeground#17661Bcb
  • gitDecoration.deletedResourceForeground#B40000cb
  • gitDecoration.modifiedResourceForeground#6A5700ce
  • gitDecoration.renamedResourceForeground#511AFFce
  • gitDecoration.stageDeletedResourceForeground#B40000cb
  • gitDecoration.stageModifiedResourceForeground#17661Bcb
  • gitDecoration.untrackedResourceForeground#006262ce
  • icon.foreground#585858ae
  • inlineChat.background#FABFD8ca
  • inlineChat.border#72E77Dca
  • inlineChat.regionHighlight#24181Dca
  • inlineChat.shadow#141E16ca
  • inlineChatDiff.inserted#1C141Eca
  • inlineChatDiff.removed#1C1613ca
  • inlineChatInput.background#181924ca
  • inlineChatInput.border#CECECEca
  • inlineChatInput.focusBorder#F8F4F600
  • inlineChatInput.placeholderForeground#3D49C8ca
  • input.background#F6F6F6fe
  • input.border#F6F6F6fe
  • input.foreground#585858ce
  • input.placeholderForeground#44444465
  • inputOption.activeBackground#F6F6F6fe
  • inputOption.activeBorder#F6F6F6fe
  • inputOption.activeForeground#0B5E6Afe
  • inputOption.hoverBackground#F6F6F6fe
  • inputValidation.errorBackground#670067c0
  • inputValidation.errorBorder#FEC1FEae
  • inputValidation.errorForeground#9E009Ece
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F6F6F6fe
  • inputValidation.infoForeground#585858ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F6F6F6fe
  • inputValidation.warningForeground#6A5700ce
  • interactive.activeCodeBorder#F6F6F6fe
  • interactive.inactiveCodeBorder#CECECE9e
  • keybindingLabel.background#E0E0E0fe
  • keybindingLabel.border#F6F6F6fe
  • keybindingLabel.bottomBorder#F6F6F6fe
  • keybindingLabel.foreground#585858ce
  • keybindingTable.headerBackground#E0E0E0fe
  • keybindingTable.rowsBackground#E0E0E0fe
  • list.activeSelectionBackground#BDAB9E86
  • list.activeSelectionForeground#575757ca
  • list.activeSelectionIconForeground#306337ca
  • list.deemphasizedForeground#585858ce
  • list.dropBackground#E0E0E0fe
  • list.errorForeground#9E009Ece
  • list.filterMatchBackground#E0E0E0fe
  • list.filterMatchBorder#F6F6F6fe
  • list.focusAndSelectionOutline#F7F8F400
  • list.focusBackground#CBCBCB96
  • list.focusForeground#27757Ffe
  • list.focusHighlightForeground#C17543fe
  • list.focusOutline#FAFAFA00
  • list.highlightForeground#953656ca
  • list.hoverBackground#CECECEfe
  • list.hoverForeground#0A6C79fe
  • list.inactiveFocusBackground#C6C6C69b
  • list.inactiveFocusOutline#FAFAFA00
  • list.inactiveSelectionBackground#F2F2F2ae
  • list.inactiveSelectionForeground#4D4D4D65
  • list.inactiveSelectionIconForeground#57575765
  • list.invalidItemForeground#585858ce
  • list.warningForeground#6A5700ce
  • listFilterWidget.background#E0E0E0fe
  • listFilterWidget.noMatchesOutline#F8F6F400
  • listFilterWidget.outline#F4F5F800
  • listFilterWidget.shadow#F7F4F800
  • menu.background#F2F2F2fe
  • menu.border#F8F6F400
  • menu.foreground#565656ae
  • menu.selectionBackground#818181ad
  • menu.selectionBorder#F4F8F500
  • menu.selectionForeground#0B5B65fe
  • menu.separatorBackground#CECECE65
  • menubar.selectionBackground#979797ae
  • menubar.selectionBorder#FAFAFA00
  • menubar.selectionForeground#287B87fe
  • merge.border#F6F6F6fe
  • merge.commonContentBackground#E0E0E0fe
  • merge.commonHeaderBackground#E0E0E0fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#74E67Afb
  • merge.incomingContentBackground#9ADF9Dcb
  • merge.incomingHeaderBackground#74E67Afb
  • mergeEditor.change.background#E0E0E0fe
  • mergeEditor.change.word.background#E0E0E0fe
  • mergeEditor.changeBase.background#E0E0E0fe
  • mergeEditor.changeBase.word.background#E0E0E0fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F6F6F6fe
  • mergeEditor.conflict.handledUnfocused.border#D7D7D739
  • mergeEditor.conflict.input1.background#F6F6F6fe
  • mergeEditor.conflict.input2.background#F6F6F6fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067ae
  • mergeEditor.conflict.unhandledFocused.border#F6F6F6fe
  • mergeEditor.conflict.unhandledUnfocused.border#D7D7D733
  • mergeEditor.conflictingLines.background#E0E0E0fe
  • minimap.background#E0E0E0fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0A0A0Ace
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#0E5C12fb
  • minimapGutter.deletedBackground#B50000fb
  • minimapGutter.modifiedBackground#6A5700ce
  • minimapSlider.activeBackground#818181fe
  • minimapSlider.background#B1B1B1ae
  • minimapSlider.hoverBackground#B9B9B9fe
  • notebook.cellBorderColor#F6F6F6fe
  • notebook.cellEditorBackground#E0E0E0fe
  • notebook.cellHoverBackground#E0E0E0fe
  • notebook.cellInsertionIndicator#1C141Eca
  • notebook.cellStatusBarItemHoverBackground#E0E0E0fe
  • notebook.cellToolbarSeparator#1E1418ca
  • notebook.editorBackground#E0E0E0fe
  • notebook.focusedCellBackground#E0E0E0fe
  • notebook.focusedCellBorder#2A909Efe
  • notebook.focusedEditorBorder#F6F6F6fe
  • notebook.inactiveFocusedCellBorder#8585858e
  • notebook.inactiveSelectedCellBorder#8A8A8A8e
  • notebook.outputContainerBackgroundColor#E0E0E0fe
  • notebook.outputContainerBorderColor#F6F6F6fe
  • notebook.selectedCellBackground#E0E0E0fe
  • notebook.selectedCellBorder#F6F6F6fe
  • notebook.symbolHighlightBackground#E0E0E0fe
  • notebookEditorOverviewRuler.runningCellForeground#585858ce
  • notebookScrollbarSlider.activeBackground#858585fe
  • notebookScrollbarSlider.background#A8A8A8ae
  • notebookScrollbarSlider.hoverBackground#929292fe
  • notebookStatusErrorIcon.foreground#9E009Ece
  • notebookStatusRunningIcon.foreground#535C2Cfe
  • notebookStatusSuccessIcon.foreground#17661Bcb
  • notificationCenter.border#F6F6F6fe
  • notificationCenterHeader.background#E0E0E0fe
  • notificationCenterHeader.foreground#585858ce
  • notificationLink.foreground#585858ce
  • notifications.background#E0E0E0fe
  • notifications.border#F6F6F6fe
  • notifications.foreground#585858ce
  • notificationsErrorIcon.foreground#9E009Ece
  • notificationsInfoIcon.foreground#575757fe
  • notificationsWarningIcon.foreground#6A5700ce
  • notificationToast.border#F6F6F6fe
  • panel.background#E0E0E0fe
  • panel.border#F6F6F6fe
  • panel.dropBorder#F6F6F6fe
  • panelInput.border#F6F6F6fe
  • panelSection.border#F6F6F6fe
  • panelSection.dropBackground#E0E0E0fe
  • panelSectionHeader.background#E0E0E0fe
  • panelSectionHeader.border#F6F6F6fe
  • panelSectionHeader.foreground#585858ce
  • panelTitle.activeBorder#FAFAFA00
  • panelTitle.activeForeground#2B93A2fe
  • panelTitle.inactiveForeground#87878765
  • peekView.border#2994A0fe
  • peekViewEditor.background#F6F6F6fe
  • peekViewEditor.matchHighlightBackground#B38F9E82
  • peekViewEditor.matchHighlightBorder#F4F5F800
  • peekViewEditorGutter.background#F6F6F6fe
  • peekViewEditorStickyScroll.background#E0E0E0fe
  • peekViewResult.background#F2F2F2fe
  • peekViewResult.fileForeground#585858ce
  • peekViewResult.lineForeground#585858ce
  • peekViewResult.matchHighlightBackground#C1AFA38b
  • peekViewResult.selectionBackground#A8B38F87
  • peekViewResult.selectionForeground#3848C6ca
  • peekViewTitle.background#F2F2F2fe
  • peekViewTitleDescription.foreground#585858ce
  • peekViewTitleLabel.foreground#585858ce
  • pickerGroup.border#F6F6F6fe
  • pickerGroup.foreground#585858ce
  • ports.iconRunningProcessForeground#4E5E2Efe
  • problemsErrorIcon.foreground#9E009Ece
  • problemsInfoIcon.foreground#511AFFce
  • problemsWarningIcon.foreground#6A5700ce
  • profileBadge.background#27757Ffe
  • profileBadge.foreground#F2F2F2fe
  • progressBar.background#E0E0E0fe
  • quickInput.background#F2F2F2fe
  • quickInput.foreground#585858ae
  • quickInputList.focusBackground#80A984a6
  • quickInputList.focusForeground#0A717Efe
  • quickInputList.focusIconForeground#27757Ffe
  • quickInputTitle.background#F6F6F6fe
  • sash.hoverBorder#F6F6F6fe
  • scrollbar.shadow#F7F8F400
  • scrollbarSlider.activeBackground#818181fe
  • scrollbarSlider.background#B1B1B1ae
  • scrollbarSlider.hoverBackground#929292fe
  • search.resultsInfoForeground#585858ce
  • searchEditor.findMatchBackground#A4B08Aa7
  • searchEditor.findMatchBorder#F6F6F6fe
  • searchEditor.textInputBorder#F6F6F6fe
  • selection.background#E0E0E0fe
  • settings.checkboxBackground#F6F6F6fe
  • settings.checkboxBorder#F6F6F6fe
  • settings.checkboxForeground#585858ce
  • settings.dropdownBackground#F6F6F6fe
  • settings.dropdownBorder#F6F6F6fe
  • settings.dropdownForeground#585858ce
  • settings.dropdownListBorder#F6F6F6fe
  • settings.focusedRowBackground#999DBA88
  • settings.focusedRowBorder#F6F6F6fe
  • settings.headerBorder#F6F6F6fe
  • settings.headerForeground#585858ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F6F6F6fe
  • settings.numberInputBorder#F6F6F6fe
  • settings.numberInputForeground#585858ce
  • settings.rowHoverBackground#E0E0E0fe
  • settings.sashBorder#F6F6F6fe
  • settings.settingsHeaderHoverForeground#0B5B65fe
  • settings.textInputBackground#F6F6F6fe
  • settings.textInputBorder#F6F6F6fe
  • settings.textInputForeground#585858ce
  • sideBar.background#E0E0E0fe
  • sideBar.border#F6F6F6fe
  • sideBar.dropBackground#E0E0E0fe
  • sideBar.foreground#585858ae
  • sideBarSectionHeader.background#F8F4F600
  • sideBarSectionHeader.border#F6F6F6fe
  • sideBarSectionHeader.foreground#585858ce
  • sideBarTitle.foreground#585858ce
  • sideBySideEditor.horizontalBorder#F6F6F6fe
  • sideBySideEditor.verticalBorder#F6F6F6fe
  • simpleFindWidget.sashBorder#F6F6F6fe
  • statusBar.background#F2F2F2fe
  • statusBar.border#F6F6F6fe
  • statusBar.debuggingBackground#FEC1FEa9
  • statusBar.debuggingBorder#F6F6F6fe
  • statusBar.debuggingForeground#585858ce
  • statusBar.focusBorder#F4F5F800
  • statusBar.foreground#5151516e
  • statusBar.noFolderBackground#F2F2F2fe
  • statusBar.noFolderBorder#F6F6F6fe
  • statusBar.noFolderForeground#585858ce
  • statusBarItem.activeBackground#F2F2F2fe
  • statusBarItem.compactHoverBackground#F2F2F2fe
  • statusBarItem.errorBackground#FEC1FEba
  • statusBarItem.errorForeground#9E009Ece
  • statusBarItem.errorHoverBackground#FEC1FE9b
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#FAFAFA00
  • statusBarItem.hoverBackground#F2F2F2fe
  • statusBarItem.hoverForeground#29828Efe
  • statusBarItem.offlineBackground#F2F2F2fe
  • statusBarItem.offlineForeground#585858ce
  • statusBarItem.offlineHoverBackground#F2F2F2fe
  • statusBarItem.offlineHoverForeground#0A717Efe
  • statusBarItem.prominentBackground#F2F2F2fe
  • statusBarItem.prominentForeground#585858ce
  • statusBarItem.prominentHoverBackground#F2F2F2fe
  • statusBarItem.prominentHoverForeground#0A6C79fe
  • statusBarItem.remoteBackground#287B87fe
  • statusBarItem.remoteForeground#F2F2F2fe
  • statusBarItem.remoteHoverBackground#F2F2F2fe
  • statusBarItem.remoteHoverForeground#2A909Efe
  • statusBarItem.warningBackground#F6CB00fe
  • statusBarItem.warningForeground#6A5700ce
  • statusBarItem.warningHoverBackground#F6CB00fe
  • statusBarItem.warningHoverForeground#A08400ce
  • symbolIcon.arrayForeground#744E33fe
  • symbolIcon.booleanForeground#006262ce
  • symbolIcon.classForeground#3B422Cfe
  • symbolIcon.colorForeground#843697fe
  • symbolIcon.constantForeground#8D3C5Cfe
  • symbolIcon.constructorForeground#7D3B98fe
  • symbolIcon.enumeratorForeground#326238fe
  • symbolIcon.enumeratorMemberForeground#316034fe
  • symbolIcon.eventForeground#585858fe
  • symbolIcon.fieldForeground#575757fe
  • symbolIcon.fileForeground#404CBCfe
  • symbolIcon.folderForeground#8D3C5Cfe
  • symbolIcon.functionForeground#8D3C5Cfe
  • symbolIcon.interfaceForeground#913A5Efe
  • symbolIcon.keyForeground#3B49C7fe
  • symbolIcon.keywordForeground#94365Cfe
  • symbolIcon.methodForeground#744E33fe
  • symbolIcon.moduleForeground#4E5E2Efe
  • symbolIcon.namespaceForeground#755033fe
  • symbolIcon.nullForeground#575757fe
  • symbolIcon.numberForeground#90375Dfe
  • symbolIcon.objectForeground#7A3D99fe
  • symbolIcon.operatorForeground#8D3C5Cfe
  • symbolIcon.packageForeground#4F5C2Efe
  • symbolIcon.propertyForeground#4F5B33fe
  • symbolIcon.referenceForeground#744F38fe
  • symbolIcon.snippetForeground#4E5C33fe
  • symbolIcon.stringForeground#3B49C7fe
  • symbolIcon.structForeground#724F39fe
  • symbolIcon.textForeground#4F5D2Dfe
  • symbolIcon.typeParameterForeground#575757fe
  • symbolIcon.unitForeground#356139fe
  • symbolIcon.variableForeground#7B3E95fe
  • tab.activeBackground#EDEDEDfe
  • tab.activeBorder#F4F5F800
  • tab.activeBorderTop#2B93A1fe
  • tab.activeForeground#2A94A2fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F8F6F400
  • tab.hoverBackground#575757fe
  • tab.hoverBorder#F6F6F6fe
  • tab.hoverForeground#27757Ffe
  • tab.inactiveBackground#CECECE9d
  • tab.inactiveForeground#4D4D4D65
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F6F6F6fe
  • tab.unfocusedActiveBackground#D3D3D329
  • tab.unfocusedActiveBorder#F7F4F800
  • tab.unfocusedActiveBorderTop#CFCFCF65
  • tab.unfocusedActiveForeground#88888865
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#575757fe
  • tab.unfocusedHoverBorder#D7D7D732
  • tab.unfocusedHoverForeground#88888865
  • tab.unfocusedInactiveBackground#CBCBCB9a
  • tab.unfocusedInactiveForeground#88888865
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333a1
  • 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#670067a5
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececebc
  • terminal.ansiYellow#c4a200fe
  • terminal.background#E0E0E0fe
  • terminal.border#F6F6F6fe
  • terminal.dropBackground#E0E0E0fe
  • terminal.findMatchBackground#E0E0E0fe
  • terminal.findMatchBorder#F6F6F6fe
  • terminal.findMatchHighlightBackground#E0E0E0fe
  • terminal.findMatchHighlightBorder#F6F6F6fe
  • terminal.foreground#585858ae
  • terminal.hoverHighlightBackground#E0E0E0fe
  • terminal.inactiveSelectionBackground#C2C2C29d
  • terminal.selectionBackground#A9C4AB82
  • terminal.selectionForeground#306337ca
  • terminal.tab.activeBorder#1F4D54fe
  • terminalCommandDecoration.defaultBackground#4C5D21a1
  • terminalCommandDecoration.errorBackground#B40000cb
  • terminalCommandDecoration.successBackground#17661Bcb
  • terminalCursor.background#E0E0E0fe
  • terminalCursor.foreground#0A6C79fe
  • terminalOverviewRuler.cursorForeground#585858ce
  • terminalOverviewRuler.findMatchForeground#006262ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0c4
  • testing.iconUnset#808080ba
  • testing.message.error.decorationForeground#0A616Cfe
  • testing.message.error.lineBackground#FEC1FEc2
  • testing.message.info.decorationForeground#0B5E6Afe
  • testing.message.info.lineBackground#CACAFFfe
  • testing.peekBorder#F6F6F6fe
  • testing.peekHeaderBackground#E0E0E0fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#E0E0E0fe
  • textBlockQuote.border#F6F6F6fe
  • textCodeBlock.background#E0E0E0fe
  • textLink.activeForeground#0A717Efe
  • textLink.foreground#511AFFce
  • textPreformat.foreground#585858ce
  • textSeparator.foreground#585858ce
  • titleBar.activeBackground#F2F2F2fe
  • titleBar.activeForeground#878787ae
  • titleBar.border#F7F8F400
  • titleBar.inactiveBackground#D3D3D3d8
  • titleBar.inactiveForeground#49494965
  • toolbar.activeBackground#9DDEA38e
  • toolbar.hoverBackground#E0E0E0fe
  • toolbar.hoverOutline#FAFAFA00
  • tree.inactiveIndentGuidesStroke#744F5E35
  • tree.indentGuidesStroke#0A616Dfe
  • tree.tableColumnsBorder#F6F6F6fe
  • tree.tableOddRowsBackground#E0E0E0fe
  • walkThrough.embeddedEditorBackground#E0E0E0fe
  • walkthrough.stepTitle.foreground#585858ce
  • welcomePage.background#E0E0E0fe
  • welcomePage.progress.background#E0E0E0fe
  • welcomePage.progress.foreground#585858ce
  • welcomePage.tileBackground#E0E0E0fe
  • welcomePage.tileBorder#F6F6F6fe
  • welcomePage.tileHoverBackground#E0E0E0fe
  • widget.border#F6F6F6fe
  • widget.shadow#F7F8F400
  • window.activeBorder#F6F6F6fe
  • window.inactiveBorder#CFCFCF92

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#4C4C4C6e
comment.block.html#4E4E4E6e
comment.block.java#4E4E4E6e
comment.block.javadoc.java#4E4E4E6e
comment.block.powershell#4D4D4D6e
comment.block.xml#4E4E4E6e
comment.line.double-slash.c#4D4D4D6e
comment.line.double-slash.cpp#4E4E4E6e
comment.line.double-slash.java#4D4D4D6e
comment.line.double-slash.js#4D4D4D6e
comment.line.number-sign.makefile#4C4C4C6e
comment.line.number-sign.python#4E4E4E6e
comment.line.number-sign.yaml#4C4C4C6e
comment.line.percentage.erlang#4E4E4E6e
comment.line.powershell#4E4E4E6e
comment.source.cmake#4E4E4E6e
comment.source.cmakecache#4D4D4D6e
constant.character#9E0835de
constant.character.character-class.regexp#375808de
constant.character.escape#3E541Fde
constant.character.set.regexp#72420Bde
constant.language#2B2BAEde
constant.numeric#754107de
constant.numeric.dec.python#0A5C1Dde
constant.other.caps.python#375808de
constant.other.character-class.regexp#762887de
constant.other.character-class.set.regexp#8D2845de
constant.other.color.rgb-value#9E0835de
constant.other.placeholder#34461Bde
constant.other.rgb-value#0A5660de
constant.regexp#8603A3de
constant.sha.git-rebase#9C0A35de
emphasis#7F2741de
entity.name.class#3232D4de
entity.name.function#094D57de
entity.name.function.preprocessor#29298Ede
entity.name.function.python#0A5B1Ede
entity.name.label#0A565Fde
entity.name.namespace#2C2CB6de
entity.name.operator#37560Ade
entity.name.operator.custom-literal#543B1Fde
entity.name.scope-resolution#355806de
entity.name.tag#754107de
entity.name.tag.css#9D0632de
entity.name.type#674823debold
entity.name.variable#7B288Ede
entity.other.attribute#8C2946de
entity.other.attribute-name#0A5761de
entity.other.attribute-name.class.css#094D18de
entity.other.attribute-name.class.mixin.css#2C2CC7de
entity.other.attribute-name.id#8606A2de
entity.other.attribute-name.id.css#840A9Ede
entity.other.attribute-name.parent-selector.css#3131D5de
entity.other.attribute-name.pseudo-class.css#0A5660de
entity.other.attribute-name.pseudo-element.css#0A565Fde
entity.other.attribute-name.scss#0A5B1Ede
entity.other.document.begin.yaml#4D4D4D6e
entity.other.inherited-class#543B1Fdebold
header#1D474Dde
invalid#1F542Bde
keyword#09555Fdebold
keyword.codetag.notation.python#73420Adebold
keyword.control#692338debold
keyword.control.anchor.regexp#784106debold
keyword.control.import.python#37570Adebold
keyword.operator#1F4D54debold
keyword.operator.alignas#8609A0debold
keyword.operator.alignof#3131D5debold
keyword.operator.cast#21545Bdebold
keyword.operator.delete#8607A1debold
keyword.operator.documentation.powershell#4E4E4E6ebold
keyword.operator.expression#37560Adebold
keyword.operator.instanceof#3D531Fdebold
keyword.operator.logical.python#094D57debold
keyword.operator.minus.exponent#29298Edebold
keyword.operator.negation.regexp#0A5762debold
keyword.operator.new#20592Ddebold
keyword.operator.noexcept#754208debold
keyword.operator.or.regexp#0A5A1Ddebold
keyword.operator.plus.exponent#1F4D54debold
keyword.operator.quantifier.regexp#8609A0debold
keyword.operator.sizeof#8D2845debold
keyword.operator.typeid#8C2946debold
keyword.operator.wordlike#0A5761debold
keyword.other.operator#0A5B1Ddebold
keyword.other.package.java#0A5660debold
keyword.other.unit#9D0733debold
keyword.other.using#21535Adebold
markup.bold#A00532de
markup.changed#29298Ede
markup.deleted#8607A1de
markup.fenced_code.block.markdown#37570Ade
markup.heading#074E17de
markup.inline.raw#7B288Cde
markup.inserted#9E0835de
markup.italic#084149de
markup.raw.block.markdown#37570Ade
markup.strikethrough#73420Ade
markup.underline#0A444Dde
meta.block.c#1F542Bde
meta.block.c#9D0632de
meta.class.java#084917de
meta.definition.variable.name#7B278Bde
meta.diff.header#8C2946de
meta.embedded#37570Ade
meta.embedded.assembly#2B2BAEde
meta.function-call.arguments.python#095B1Dde
meta.function-call.python#0A5761de
meta.member.access.python#8609A0de
meta.method.java#1B4146de
meta.object-literal.key#3030D5de
meta.paragraph.markdown#8E2945de
meta.preprocessor#7C298Cde
meta.preprocessor.numeric#72420Bde
meta.preprocessor.string#0A5661de
meta.scope.prerequisites.makefile#764105de
meta.structure.dictionary.json.comments#4D4D4D6e
meta.structure.dictionary.key.python#1F542Bde
meta.structure.dictionary.value.json.comments#4E4E4E6e
meta.template.expression#3131D6de
meta.type.cast.expr#1F542Bde
meta.type.new.expr#094D57de
parameter#21535Ade
punctuation.character.set.begin.regexp#0B0BFEde
punctuation.character.set.end.regexp#0A5A1Dde
punctuation.definition.array.begin.json#085119de
punctuation.definition.character-class.regexp#744209de
punctuation.definition.comment#4C4C4C6e
punctuation.definition.comment.json.comments#4E4E4E6e
punctuation.definition.comment.python#4C4C4C6e
punctuation.definition.dictionary.begin.json#3131D5de
punctuation.definition.dictionary.end.json#2B2BAEde
punctuation.definition.group.assertion.regexp#543B1Fde
punctuation.definition.group.regexp#8604A2de
punctuation.definition.list.begin.json#78263Ede
punctuation.definition.list.begin.markdown#095B1Dde
punctuation.definition.list.begin.python#37570Ade
punctuation.definition.list.end.json#0B0BFEde
punctuation.definition.list.end.markdown#0A5B1Dde
punctuation.definition.list.end.python#1F542Bde
punctuation.definition.parameters.begin.python#3232D5de
punctuation.definition.parameters.end.bracket.round.java#3232D5de
punctuation.definition.quote.begin.markdown#3232D5de
punctuation.definition.tag#9E0935de
punctuation.definition.template-expression.begin#632570de
punctuation.definition.template-expression.end#365707de
punctuation.section.class.begin.bracket.curly.java#78263Ede
punctuation.section.embedded#0A5B1Dde
punctuation.section.embedded.begin.php#7A288Dde
punctuation.section.embedded.end.php#094D57de
punctuation.terminator.java#2A2A96de
source.cmake#84089Ede
source.coffee.embedded#872844de
source.cpp#4D361Dde
source.css.less#1414FEde
source.groovy.embedded#8E2945de
source.java#7F2741de
source.java-properties#8606A2de
source.json.comments#4E4E4E6e
source.makefile#8D2845de
source.powershell#8C2946de
source.powershell.variable.other.member#37570Ade
source.python#74420Bde
storage#37570Ade
storage.modifier#3232D5de
storage.modifier.import.java#3232D4de
storage.modifier.package.java#72420Bde
storage.type#0A545Edebold
storage.type.annotation.groovy#0A565Fdebold
storage.type.annotation.java#0A5660debold
storage.type.boolean.go#0B0BFEdebold
storage.type.byte.go#094D18debold
storage.type.cs#3E541Fdebold
storage.type.error.go#3030D4debold
storage.type.generic.cs#73420Adebold
storage.type.generic.groovy#840A9Fdebold
storage.type.generic.java#79298Cdebold
storage.type.groovy#8E2945debold
storage.type.java#79298Cdebold
storage.type.modifier.cs#73420Adebold
storage.type.numeric.go#73420Adebold
storage.type.object.array.groovy#37570Adebold
storage.type.object.array.java#074E17debold
storage.type.parameters.groovy#09571Bdebold
storage.type.primitive.array.groovy#37570Adebold
storage.type.primitive.array.java#0B0BFEdebold
storage.type.primitive.groovy#A00532debold
storage.type.primitive.java#34461Bdebold
storage.type.rune.go#562262debold
storage.type.string.go#3030D4debold
storage.type.token.java#3232D4debold
storage.type.uintptr.go#37570Adebold
storage.type.variable.cs#8604A2debold
string#840A9Fde
string.quoted.docstring.multi.python#4E4E4E6e
string.regexp#7C298Cde
string.tag#394D1Dde
string.value#37570Ade
strong#78288Ade
support.class#1B4146de
support.constant.color#0A5660de
support.constant.dom#365709de
support.constant.font-name#37570Ade
support.constant.handlebars#9F0734de
support.constant.json#37570Ade
support.constant.math#9D0733de
support.constant.media#09555Fde
support.constant.media-type#4D361Dde
support.constant.property-value#21545Bde
support.function#37570Ade
support.function.git-rebase#2B2BA6de
support.other.parenthesis.regexp#3030D4de
support.type#8606A2debold
support.type.property-name#622235debold
support.type.vendored.property-name#3232D5debold
support.variable#7F2741de
token.debug-token#764105de
token.error-token#3030D4de
token.info-token#9C0A35de
token.warn-token#70277Fde
variable#9E0935de
variable.css#840A9Fde
variable.language#20572Bde
variable.language.wildcard.java#692338de
variable.other.constant#0A591Dde
variable.other.definition.java#365707de
variable.other.enummember#7C298Cde
variable.other.less#1F4D54de
variable.other.object.java#0A5C1Dde
variable.other.object.property.java#0A5B1Ede
variable.parameter.c#0A5761de
variable.parameter.function.language.python#0A5C1Dde
variable.parameter.java#2A2A96de
variable.scss#692338de
viiv by B.W - VS Code Theme