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#522885fe
  • activityBar.activeFocusBorder#7979B900
  • activityBar.background#F2F2F2fe
  • activityBar.border#7979B900
  • activityBar.dropBorder#510EAFfe
  • activityBar.foreground#4E3074fe
  • activityBar.inactiveForeground#3F3F3F65
  • activityBarBadge.background#613C92fe
  • activityBarBadge.foreground#F2F2F2fe
  • badge.background#643C9Afe
  • badge.foreground#F2F2F2fe
  • banner.background#E0E0E0fe
  • banner.foreground#383838ce
  • banner.iconForeground#383838fe
  • breadcrumb.activeSelectionForeground#383838ca
  • breadcrumb.background#EDEDEDfe
  • breadcrumb.focusForeground#6C3DAAfe
  • breadcrumb.foreground#383838ae
  • breadcrumbPicker.background#E0E0E0fe
  • button.background#B1B1B1ae
  • button.border#FBFAFA00
  • button.foreground#383838ce
  • button.hoverBackground#A3A3A36e
  • button.secondaryBackground#E0E0E0fe
  • button.secondaryForeground#383838ce
  • button.secondaryHoverBackground#E0E0E0fe
  • button.separator#FAFBFB00
  • charts.blue#1b1bfffe
  • charts.foreground#383838ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067b8
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F6F6F6fe
  • chat.slashCommandBackground#E0E0E0fe
  • chat.slashCommandForeground#383838ce
  • checkbox.background#F6F6F6fe
  • checkbox.border#F6F6F6fe
  • checkbox.foreground#383838ce
  • checkbox.selectBackground#F6F6F6fe
  • checkbox.selectBorder#F6F6F6fe
  • commandCenter.activeBackground#D1CDD38b
  • commandCenter.activeBorder#F6F6F6fe
  • commandCenter.activeForeground#6C3DAAfe
  • commandCenter.background#E0E0E0fe
  • commandCenter.border#F6F6F6fe
  • commandCenter.foreground#383838ce
  • commandCenter.inactiveBorder#CECECE93
  • commandCenter.inactiveForeground#44444465
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#FBFAFA00
  • contrastBorder#FBFAFA00
  • debugConsole.errorForeground#920092ce
  • debugConsole.infoForeground#383838ce
  • debugConsole.sourceForeground#383838ce
  • debugConsole.warningForeground#604F00ce
  • debugConsoleInputIcon.foreground#562843fe
  • debugExceptionWidget.background#FFB9FFa9
  • debugExceptionWidget.border#F6F6F6fe
  • debugIcon.breakpointCurrentStackframeForeground#42352Cfe
  • debugIcon.breakpointDisabledForeground#4D4D4D65
  • debugIcon.breakpointForeground#642201fe
  • debugIcon.breakpointStackframeForeground#383838fe
  • debugIcon.breakpointUnverifiedForeground#3D383Ffe
  • debugIcon.continueForeground#42352Cfe
  • debugIcon.disconnectForeground#39391Bfe
  • debugIcon.pauseForeground#3B3734fe
  • debugIcon.restartForeground#043F3Ffe
  • debugIcon.startForeground#3D383Ffe
  • debugIcon.stepBackForeground#3B3B34fe
  • debugIcon.stepIntoForeground#542066fe
  • debugIcon.stepOutForeground#3D3540fe
  • debugIcon.stepOverForeground#40353Dfe
  • debugIcon.stopForeground#383838fe
  • debugTokenExpression.boolean#1C1E20ca
  • debugTokenExpression.error#151617ca
  • debugTokenExpression.name#151515ca
  • debugTokenExpression.number#171615ca
  • debugTokenExpression.value#232024ca
  • debugToolBar.background#FFB9FFa4
  • debugToolBar.border#F6F6F6fe
  • debugView.exceptionLabelBackground#CFCFC9ca
  • debugView.exceptionLabelForeground#383838ca
  • debugView.stateLabelBackground#CED0D3ca
  • debugView.stateLabelForeground#1C3957ca
  • debugView.valueChangedHighlight#171715ca
  • descriptionForeground#383838ce
  • diffEditor.border#FAFAFB00
  • diffEditor.diagonalFill#000000f5
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#ACDBAEfb
  • diffEditor.insertedTextBorder#FBFAFA00
  • diffEditor.move.border#FAFAFB00
  • diffEditor.moveActive.border#FBFBFA00
  • diffEditor.removedLineBackground#FFBEBE31
  • diffEditor.removedTextBackground#FFBEBEfb
  • diffEditor.removedTextBorder#FBFAFA00
  • diffEditor.unchangedCodeBackground#E0E0E0fe
  • diffEditor.unchangedRegionBackground#E0E0E0fe
  • diffEditor.unchangedRegionForeground#383838ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#40404065
  • dropdown.background#F6F6F6fe
  • dropdown.border#F6F6F6fe
  • dropdown.foreground#383838ce
  • dropdown.listBackground#F6F6F6fe
  • editor.background#E0E0E0fe
  • editor.findMatchBackground#9F9F9Fa8
  • editor.findMatchBorder#F6F6F6fe
  • editor.findMatchHighlightBackground#B3ADAAa7
  • editor.findMatchHighlightBorder#F6F6F6fe
  • editor.findRangeHighlightBackground#B5B5B5a7
  • editor.findRangeHighlightBorder#F6F6F6fe
  • editor.focusedStackFrameHighlightBackground#A5A8AF85
  • editor.foldBackground#525231ab
  • editor.foreground#383838ce
  • editor.hoverHighlightBackground#BBBBB2ab
  • editor.inactiveSelectionBackground#C6C6C69e
  • editor.inlineValuesBackground#E0E0E0fe
  • editor.inlineValuesForeground#383838ce
  • editor.lineHighlightBackground#BDBDBDb5
  • editor.lineHighlightBorder#FBFBFA00
  • editor.linkedEditingBackground#E0E0E0fe
  • editor.rangeHighlightBackground#B7BFBFae
  • editor.rangeHighlightBorder#F6F6F6fe
  • editor.selectionBackground#C7C7C0ad
  • editor.selectionForeground#611A4Fca
  • editor.selectionHighlightBackground#9B938F86
  • editor.selectionHighlightBorder#F6F6F6fe
  • editor.snippetFinalTabstopHighlightBackground#B1B1B1a3
  • editor.snippetFinalTabstopHighlightBorder#F6F6F6fe
  • editor.snippetTabstopHighlightBackground#AFA5ABa4
  • editor.snippetTabstopHighlightBorder#F6F6F6fe
  • editor.stackFrameHighlightBackground#B1B1B1a7
  • editor.symbolHighlightBackground#BBBBB2a6
  • editor.symbolHighlightBorder#F6F6F6fe
  • editor.wordHighlightBackground#939F9Fa6
  • editor.wordHighlightBorder#FBFAFA00
  • editor.wordHighlightStrongBackground#A39CA7ac
  • editor.wordHighlightStrongBorder#FBFBFA00
  • editor.wordHighlightTextBackground#B3ADAAa3
  • editor.wordHighlightTextBorder#FBFAFA00
  • editorBracketHighlight.foreground1#0B0B0Bce
  • editorBracketHighlight.foreground2#0B0B0Bce
  • editorBracketHighlight.foreground3#0B0B0Bce
  • editorBracketHighlight.foreground4#0B0B0Bce
  • editorBracketHighlight.foreground5#0B0B0Bce
  • editorBracketHighlight.foreground6#0B0B0Bce
  • editorBracketHighlight.unexpectedBracket.foreground#383838ce
  • editorBracketMatch.background#365555aa
  • editorBracketMatch.border#F6F6F6fe
  • editorBracketPairGuide.activeBackground1#52523081
  • editorBracketPairGuide.activeBackground2#3357578a
  • editorBracketPairGuide.activeBackground3#37508182
  • editorBracketPairGuide.activeBackground4#6C483685
  • editorBracketPairGuide.activeBackground5#584D5F83
  • editorBracketPairGuide.activeBackground6#5252308c
  • editorBracketPairGuide.background1#CFCFC9fe
  • editorBracketPairGuide.background2#CDD0D3fe
  • editorBracketPairGuide.background3#CAD0D0fe
  • editorBracketPairGuide.background4#D4CED2fe
  • editorBracketPairGuide.background5#D4CED2fe
  • editorBracketPairGuide.background6#D0D0CBfe
  • editorCodeLens.foreground#5151516e
  • editorCommentsWidget.rangeActiveBackground#515151fe
  • editorCommentsWidget.rangeBackground#E0E0E0fe
  • editorCommentsWidget.resolvedBorder#F6F6F6fe
  • editorCommentsWidget.unresolvedBorder#FFBEBEcb
  • editorCursor.background#E0E0E0fe
  • editorCursor.foreground#613C92fe
  • editorError.background#FBFAFA00
  • editorError.border#FBFAFA00
  • editorError.foreground#920092ce
  • editorGhostText.background#E0E0E0fe
  • editorGhostText.border#FAFAFA00
  • editorGhostText.foreground#5151516e
  • editorGroup.border#F6F6F6fe
  • editorGroup.dropBackground#E0E0E0fe
  • editorGroup.dropIntoPromptBackground#E0E0E0fe
  • editorGroup.dropIntoPromptBorder#F6F6F6fe
  • editorGroup.dropIntoPromptForeground#383838ce
  • editorGroup.emptyBackground#E0E0E0fe
  • editorGroup.focusedEmptyBorder#F6F6F6fe
  • editorGroupHeader.border#FAFBFB00
  • editorGroupHeader.noTabsBackground#F2F2F2ae
  • editorGroupHeader.tabsBackground#DCDCDCa1
  • editorGroupHeader.tabsBorder#FAFAFA00
  • editorGutter.addedBackground#1A5D1Dfb
  • editorGutter.background#E0E0E0fe
  • editorGutter.commentGlyphForeground#383838ce
  • editorGutter.commentRangeForeground#383838ce
  • editorGutter.commentUnresolvedGlyphForeground#1F5C22cb
  • editorGutter.deletedBackground#A50000cb
  • editorGutter.foldingControlForeground#383838ce
  • editorGutter.modifiedBackground#604F00ce
  • editorHint.border#FAFAFA00
  • editorHint.foreground#3F02FEce
  • editorHoverWidget.background#F6F6F6fe
  • editorHoverWidget.border#F6F6F6fe
  • editorHoverWidget.foreground#383838ce
  • editorHoverWidget.highlightForeground#562C17ca
  • editorHoverWidget.statusBarBackground#E0E0E0fe
  • editorIndentGuide.activeBackground1#55228Efe
  • editorIndentGuide.activeBackground2#5410A6fe
  • editorIndentGuide.activeBackground3#52199Ffe
  • editorIndentGuide.activeBackground4#5104B0fe
  • editorIndentGuide.activeBackground5#510EAFfe
  • editorIndentGuide.activeBackground6#55228Efe
  • editorIndentGuide.background1#44443C35
  • editorIndentGuide.background2#48404635
  • editorIndentGuide.background3#40484835
  • editorIndentGuide.background4#606C6C35
  • editorIndentGuide.background5#4C565635
  • editorIndentGuide.background6#48484035
  • editorInfo.background#FAFAFB00
  • editorInfo.border#FAFAFB00
  • editorInfo.foreground#3F02FEce
  • editorInlayHint.background#E0E0E0fe
  • editorInlayHint.foreground#383838ce
  • editorInlayHint.parameterBackground#E0E0E0fe
  • editorInlayHint.parameterForeground#383838ce
  • editorInlayHint.typeBackground#E0E0E0fe
  • editorInlayHint.typeForeground#383838ce
  • editorLightBulb.foreground#604F00ce
  • editorLightBulbAutoFix.foreground#1F5C22cb
  • editorLineNumber.activeForeground#593A83fe
  • editorLineNumber.dimmedForeground#5151516e
  • editorLineNumber.foreground#5151516e
  • editorLink.activeForeground#613C92fe
  • editorMarkerNavigation.background#F6F6F6fe
  • editorMarkerNavigationError.background#FFB9FFb5
  • editorMarkerNavigationError.headerBackground#FFB9FFb3
  • editorMarkerNavigationInfo.background#CACAFFfe
  • editorMarkerNavigationInfo.headerBackground#CACAFFfe
  • editorMarkerNavigationWarning.background#F6CB00fe
  • editorMarkerNavigationWarning.headerBackground#F6CB00fe
  • editorOverviewRuler.addedForeground#1F5C22cb
  • editorOverviewRuler.background#E0E0E0fe
  • editorOverviewRuler.border#CECECEfe
  • editorOverviewRuler.bracketMatchForeground#383838ce
  • editorOverviewRuler.commentForeground#5151516e
  • editorOverviewRuler.commentUnresolvedForeground#1F5C22cb
  • editorOverviewRuler.commonContentForeground#383838ce
  • editorOverviewRuler.currentContentForeground#515151a5
  • editorOverviewRuler.deletedForeground#A50000cb
  • editorOverviewRuler.errorForeground#920092ce
  • editorOverviewRuler.findMatchForeground#005B5Bce
  • editorOverviewRuler.incomingContentForeground#1F5C22cb
  • editorOverviewRuler.infoForeground#3F02FEce
  • editorOverviewRuler.modifiedForeground#604F00ce
  • editorOverviewRuler.rangeHighlightForeground#1C3957ca
  • editorOverviewRuler.selectionHighlightForeground#3F02FEce
  • editorOverviewRuler.warningForeground#604F00ce
  • editorOverviewRuler.wordHighlightForeground#67134Bca
  • editorOverviewRuler.wordHighlightStrongForeground#383838ce
  • editorOverviewRuler.wordHighlightTextForeground#383838ce
  • editorPane.background#E0E0E0fe
  • editorRuler.foreground#5050502f
  • editorStickyScroll.background#E0E0E0fe
  • editorStickyScrollHover.background#CECECE6e
  • editorSuggestWidget.background#F6F6F6fe
  • editorSuggestWidget.border#FAFAFB00
  • editorSuggestWidget.focusHighlightForeground#2C405Cfe
  • editorSuggestWidget.foreground#333843fe
  • editorSuggestWidget.highlightForeground#542066ca
  • editorSuggestWidget.selectedBackground#9F939B84
  • editorSuggestWidget.selectedForeground#39391Bca
  • editorSuggestWidget.selectedIconForeground#3A3A09ca
  • editorSuggestWidgetStatus.foreground#4C2665fe
  • editorUnicodeHighlight.background#989BA3a2
  • editorUnicodeHighlight.border#F6F6F6fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#FAFAFA00
  • editorWarning.border#FAFAFB00
  • editorWarning.foreground#604F00ce
  • editorWhitespace.foreground#383838ce
  • editorWidget.background#F6F6F6fe
  • editorWidget.border#F6F6F6fe
  • editorWidget.foreground#383838ce
  • editorWidget.resizeBorder#F6F6F6fe
  • errorForeground#920092ce
  • extensionBadge.remoteBackground#6C3DAAfe
  • extensionBadge.remoteForeground#F2F2F2fe
  • extensionButton.background#CECECEae
  • extensionButton.foreground#383838ce
  • extensionButton.hoverBackground#CECECE6e
  • extensionButton.prominentBackground#E0E0E0fe
  • extensionButton.prominentForeground#383838ce
  • extensionButton.prominentHoverBackground#E0E0E0fe
  • extensionButton.separator#FBFAFA00
  • extensionIcon.preReleaseForeground#41352Ffe
  • extensionIcon.sponsorForeground#42352Cfe
  • extensionIcon.starForeground#0E3E3Efe
  • extensionIcon.verifiedForeground#2C384Afe
  • focusBorder#FBFAFA00
  • foreground#383838ce
  • gitDecoration.addedResourceForeground#1F5C22cb
  • gitDecoration.deletedResourceForeground#A50000cb
  • gitDecoration.modifiedResourceForeground#604F00ce
  • gitDecoration.renamedResourceForeground#3F02FEce
  • gitDecoration.stageDeletedResourceForeground#A50000cb
  • gitDecoration.stageModifiedResourceForeground#1F5C22cb
  • gitDecoration.untrackedResourceForeground#005B5Bce
  • icon.foreground#515151ae
  • inlineChat.background#D2CFCCca
  • inlineChat.border#D3CED2ca
  • inlineChat.regionHighlight#151515ca
  • inlineChat.shadow#292924ca
  • inlineChatDiff.inserted#232024ca
  • inlineChatDiff.removed#292924ca
  • inlineChatInput.background#151717ca
  • inlineChatInput.border#CED0D2ca
  • inlineChatInput.focusBorder#FBFBFA00
  • inlineChatInput.placeholderForeground#383838ca
  • input.background#F6F6F6fe
  • input.border#F6F6F6fe
  • input.foreground#383838ce
  • input.placeholderForeground#4D4D4D65
  • inputOption.activeBackground#F6F6F6fe
  • inputOption.activeBorder#F6F6F6fe
  • inputOption.activeForeground#5D3B8Afe
  • inputOption.hoverBackground#F6F6F6fe
  • inputValidation.errorBackground#6700679b
  • inputValidation.errorBorder#FFB9FFba
  • inputValidation.errorForeground#920092ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F6F6F6fe
  • inputValidation.infoForeground#383838ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F6F6F6fe
  • inputValidation.warningForeground#604F00ce
  • interactive.activeCodeBorder#F6F6F6fe
  • interactive.inactiveCodeBorder#CFCFCF94
  • keybindingLabel.background#E0E0E0fe
  • keybindingLabel.border#F6F6F6fe
  • keybindingLabel.bottomBorder#F6F6F6fe
  • keybindingLabel.foreground#383838ce
  • keybindingTable.headerBackground#E0E0E0fe
  • keybindingTable.rowsBackground#E0E0E0fe
  • list.activeSelectionBackground#BBB5B288
  • list.activeSelectionForeground#39391Bca
  • list.activeSelectionIconForeground#193D3Dca
  • list.deemphasizedForeground#383838ce
  • list.dropBackground#E0E0E0fe
  • list.errorForeground#920092ce
  • list.filterMatchBackground#E0E0E0fe
  • list.filterMatchBorder#F6F6F6fe
  • list.focusAndSelectionOutline#FAFAFB00
  • list.focusBackground#CFCFCF97
  • list.focusForeground#6F3EB2fe
  • list.focusHighlightForeground#354055fe
  • list.focusOutline#FBFAFA00
  • list.highlightForeground#3A3A09ca
  • list.hoverBackground#CFCFC8a3
  • list.hoverForeground#6F3EB2fe
  • list.inactiveFocusBackground#CBCBCB91
  • list.inactiveFocusOutline#FAFAFB00
  • list.inactiveSelectionBackground#F2F2F2ae
  • list.inactiveSelectionForeground#49494965
  • list.inactiveSelectionIconForeground#49494965
  • list.invalidItemForeground#383838ce
  • list.warningForeground#604F00ce
  • listFilterWidget.background#E0E0E0fe
  • listFilterWidget.noMatchesOutline#FBFAFA00
  • listFilterWidget.outline#FAFAFA00
  • listFilterWidget.shadow#FBFAFA00
  • menu.background#F2F2F2fe
  • menu.border#FAFBFB00
  • menu.foreground#383838ae
  • menu.selectionBackground#C3C3BBa1
  • menu.selectionBorder#FBFBFA00
  • menu.selectionForeground#55397Cfe
  • menu.separatorBackground#CFCFCF65
  • menubar.selectionBackground#CBCBC4a8
  • menubar.selectionBorder#FAFAFB00
  • menubar.selectionForeground#643C9Afe
  • merge.border#F6F6F6fe
  • merge.commonContentBackground#E0E0E0fe
  • merge.commonHeaderBackground#E0E0E0fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#ACDBAEfb
  • merge.incomingContentBackground#AADAACcb
  • merge.incomingHeaderBackground#ACDBAEfb
  • 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#D3D3D330
  • mergeEditor.conflict.input1.background#F6F6F6fe
  • mergeEditor.conflict.input2.background#F6F6F6fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067c1
  • mergeEditor.conflict.unhandledFocused.border#F6F6F6fe
  • mergeEditor.conflict.unhandledUnfocused.border#D3D3D324
  • mergeEditor.conflictingLines.background#E0E0E0fe
  • minimap.background#E0E0E0fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0B0B0Bce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1A5D1Dfb
  • minimapGutter.deletedBackground#A70000fb
  • minimapGutter.modifiedBackground#604F00ce
  • minimapSlider.activeBackground#7D7D7Dfe
  • minimapSlider.background#B1B1B1ae
  • minimapSlider.hoverBackground#9292926e
  • notebook.cellBorderColor#F6F6F6fe
  • notebook.cellEditorBackground#E0E0E0fe
  • notebook.cellHoverBackground#E0E0E0fe
  • notebook.cellInsertionIndicator#242929ca
  • notebook.cellStatusBarItemHoverBackground#E0E0E0fe
  • notebook.cellToolbarSeparator#202224ca
  • notebook.editorBackground#E0E0E0fe
  • notebook.focusedCellBackground#E0E0E0fe
  • notebook.focusedCellBorder#593A83fe
  • notebook.focusedEditorBorder#F6F6F6fe
  • notebook.inactiveFocusedCellBorder#8585858e
  • notebook.inactiveSelectedCellBorder#8E8E8E8e
  • notebook.outputContainerBackgroundColor#E0E0E0fe
  • notebook.outputContainerBorderColor#F6F6F6fe
  • notebook.selectedCellBackground#E0E0E0fe
  • notebook.selectedCellBorder#F6F6F6fe
  • notebook.symbolHighlightBackground#E0E0E0fe
  • notebookEditorOverviewRuler.runningCellForeground#383838ce
  • notebookScrollbarSlider.activeBackground#7D7D7Dfe
  • notebookScrollbarSlider.background#A8A8A8ae
  • notebookScrollbarSlider.hoverBackground#9797976e
  • notebookStatusErrorIcon.foreground#920092ce
  • notebookStatusRunningIcon.foreground#642201fe
  • notebookStatusSuccessIcon.foreground#1F5C22cb
  • notificationCenter.border#F6F6F6fe
  • notificationCenterHeader.background#E0E0E0fe
  • notificationCenterHeader.foreground#383838ce
  • notificationLink.foreground#383838ce
  • notifications.background#E0E0E0fe
  • notifications.border#F6F6F6fe
  • notifications.foreground#383838ce
  • notificationsErrorIcon.foreground#920092ce
  • notificationsInfoIcon.foreground#3F3F38fe
  • notificationsWarningIcon.foreground#604F00ce
  • 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#383838ce
  • panelTitle.activeBorder#FAFBFB00
  • panelTitle.activeForeground#4C356Afe
  • panelTitle.inactiveForeground#3F3F3F65
  • peekView.border#5104B0fe
  • peekViewEditor.background#F6F6F6fe
  • peekViewEditor.matchHighlightBackground#AEB1B78c
  • peekViewEditor.matchHighlightBorder#FBFAFA00
  • peekViewEditorGutter.background#F6F6F6fe
  • peekViewEditorStickyScroll.background#E0E0E0fe
  • peekViewResult.background#F2F2F2fe
  • peekViewResult.fileForeground#383838ce
  • peekViewResult.lineForeground#383838ce
  • peekViewResult.matchHighlightBackground#A1ABAB88
  • peekViewResult.selectionBackground#ABABA187
  • peekViewResult.selectionForeground#59176Fca
  • peekViewTitle.background#F2F2F2fe
  • peekViewTitleDescription.foreground#383838ce
  • peekViewTitleLabel.foreground#383838ce
  • pickerGroup.border#F6F6F6fe
  • pickerGroup.foreground#383838ce
  • ports.iconRunningProcessForeground#562843fe
  • problemsErrorIcon.foreground#920092ce
  • problemsInfoIcon.foreground#3F02FEce
  • problemsWarningIcon.foreground#604F00ce
  • profileBadge.background#55397Cfe
  • profileBadge.foreground#F2F2F2fe
  • progressBar.background#E0E0E0fe
  • quickInput.background#F2F2F2fe
  • quickInput.foreground#383838ae
  • quickInputList.focusBackground#9F98A3a3
  • quickInputList.focusForeground#55397Cfe
  • quickInputList.focusIconForeground#643C9Afe
  • quickInputTitle.background#F6F6F6fe
  • sash.hoverBorder#F6F6F6fe
  • scrollbar.shadow#FAFBFB00
  • scrollbarSlider.activeBackground#8E8E8Efe
  • scrollbarSlider.background#B1B1B1ae
  • scrollbarSlider.hoverBackground#9797976e
  • search.resultsInfoForeground#383838ce
  • searchEditor.findMatchBackground#BFBFB7a2
  • searchEditor.findMatchBorder#F6F6F6fe
  • searchEditor.textInputBorder#F6F6F6fe
  • selection.background#E0E0E0fe
  • settings.checkboxBackground#F6F6F6fe
  • settings.checkboxBorder#F6F6F6fe
  • settings.checkboxForeground#383838ce
  • settings.dropdownBackground#F6F6F6fe
  • settings.dropdownBorder#F6F6F6fe
  • settings.dropdownForeground#383838ce
  • settings.dropdownListBorder#F6F6F6fe
  • settings.focusedRowBackground#B7BFBF8e
  • settings.focusedRowBorder#F6F6F6fe
  • settings.headerBorder#F6F6F6fe
  • settings.headerForeground#383838ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F6F6F6fe
  • settings.numberInputBorder#F6F6F6fe
  • settings.numberInputForeground#383838ce
  • settings.rowHoverBackground#E0E0E0fe
  • settings.sashBorder#F6F6F6fe
  • settings.settingsHeaderHoverForeground#683DA2fe
  • settings.textInputBackground#F6F6F6fe
  • settings.textInputBorder#F6F6F6fe
  • settings.textInputForeground#383838ce
  • sideBar.background#E0E0E0fe
  • sideBar.border#F6F6F6fe
  • sideBar.dropBackground#E0E0E0fe
  • sideBar.foreground#515151ae
  • sideBarSectionHeader.background#FAFAFA00
  • sideBarSectionHeader.border#F6F6F6fe
  • sideBarSectionHeader.foreground#383838ce
  • sideBarTitle.foreground#383838ce
  • sideBySideEditor.horizontalBorder#F6F6F6fe
  • sideBySideEditor.verticalBorder#F6F6F6fe
  • simpleFindWidget.sashBorder#F6F6F6fe
  • statusBar.background#F2F2F2fe
  • statusBar.border#F6F6F6fe
  • statusBar.debuggingBackground#FFB9FFc1
  • statusBar.debuggingBorder#F6F6F6fe
  • statusBar.debuggingForeground#383838ce
  • statusBar.focusBorder#FAFAFB00
  • statusBar.foreground#5151516e
  • statusBar.noFolderBackground#F2F2F2fe
  • statusBar.noFolderBorder#F6F6F6fe
  • statusBar.noFolderForeground#383838ce
  • statusBarItem.activeBackground#F2F2F2fe
  • statusBarItem.compactHoverBackground#F2F2F2fe
  • statusBarItem.errorBackground#FFB9FFc4
  • statusBarItem.errorForeground#920092ce
  • statusBarItem.errorHoverBackground#FFB9FFa5
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#FAFAFA00
  • statusBarItem.hoverBackground#F2F2F2fe
  • statusBarItem.hoverForeground#55397Cfe
  • statusBarItem.offlineBackground#F2F2F2fe
  • statusBarItem.offlineForeground#383838ce
  • statusBarItem.offlineHoverBackground#F2F2F2fe
  • statusBarItem.offlineHoverForeground#523775fe
  • statusBarItem.prominentBackground#F2F2F2fe
  • statusBarItem.prominentForeground#383838ce
  • statusBarItem.prominentHoverBackground#F2F2F2fe
  • statusBarItem.prominentHoverForeground#523775fe
  • statusBarItem.remoteBackground#643C9Afe
  • statusBarItem.remoteForeground#F2F2F2fe
  • statusBarItem.remoteHoverBackground#F2F2F2fe
  • statusBarItem.remoteHoverForeground#55397Cfe
  • statusBarItem.warningBackground#F6CB00fe
  • statusBarItem.warningForeground#604F00ce
  • statusBarItem.warningHoverBackground#F6CB00fe
  • statusBarItem.warningHoverForeground#967C00ce
  • symbolIcon.arrayForeground#44304Efe
  • symbolIcon.booleanForeground#005B5Bce
  • symbolIcon.classForeground#44304Efe
  • symbolIcon.colorForeground#562843fe
  • symbolIcon.constantForeground#562C17fe
  • symbolIcon.constructorForeground#562C17fe
  • symbolIcon.enumeratorForeground#3A3A09fe
  • symbolIcon.enumeratorMemberForeground#4F2C48fe
  • symbolIcon.eventForeground#611A4Ffe
  • symbolIcon.fieldForeground#44304Efe
  • symbolIcon.fileForeground#043F3Ffe
  • symbolIcon.folderForeground#48331Efe
  • symbolIcon.functionForeground#42352Cfe
  • symbolIcon.interfaceForeground#0E3E3Efe
  • symbolIcon.keyForeground#3D383Ffe
  • symbolIcon.keywordForeground#542066fe
  • symbolIcon.methodForeground#3F383Dfe
  • symbolIcon.moduleForeground#4C2665fe
  • symbolIcon.namespaceForeground#3F3F38fe
  • symbolIcon.nullForeground#343B3Bfe
  • symbolIcon.numberForeground#40353Dfe
  • symbolIcon.objectForeground#4C2665fe
  • symbolIcon.operatorForeground#393913fe
  • symbolIcon.packageForeground#493041fe
  • symbolIcon.propertyForeground#043F3Ffe
  • symbolIcon.referenceForeground#383838fe
  • symbolIcon.snippetForeground#3B3B34fe
  • symbolIcon.stringForeground#3A3A09fe
  • symbolIcon.structForeground#642201fe
  • symbolIcon.textForeground#233950fe
  • symbolIcon.typeParameterForeground#383838fe
  • symbolIcon.unitForeground#39391Dfe
  • symbolIcon.variableForeground#463428fe
  • tab.activeBackground#EDEDEDfe
  • tab.activeBorder#FAFAFA00
  • tab.activeBorderTop#52199Ffe
  • tab.activeForeground#5410A6fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#FAFAFB00
  • tab.hoverBackground#525239aa
  • tab.hoverBorder#F6F6F6fe
  • tab.hoverForeground#5D3B8Afe
  • tab.inactiveBackground#CFCFCF94
  • tab.inactiveForeground#44444465
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F6F6F6fe
  • tab.unfocusedActiveBackground#D3D3D338
  • tab.unfocusedActiveBorder#FAFAFB00
  • tab.unfocusedActiveBorderTop#CFCFCF65
  • tab.unfocusedActiveForeground#3F3F3F65
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#50505036
  • tab.unfocusedHoverBorder#D7D7D734
  • tab.unfocusedHoverForeground#49494965
  • tab.unfocusedInactiveBackground#CFCFCF94
  • tab.unfocusedInactiveForeground#4D4D4D65
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333a7
  • 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#670067b2
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececec1
  • 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#515151ae
  • terminal.hoverHighlightBackground#E0E0E0fe
  • terminal.inactiveSelectionBackground#C2C2C297
  • terminal.selectionBackground#B0AAB38a
  • terminal.selectionForeground#233950ca
  • terminal.tab.activeBorder#4C356Afe
  • terminalCommandDecoration.defaultBackground#335757a6
  • terminalCommandDecoration.errorBackground#A50000cb
  • terminalCommandDecoration.successBackground#1F5C22cb
  • terminalCursor.background#E0E0E0fe
  • terminalCursor.foreground#643C9Afe
  • terminalOverviewRuler.cursorForeground#383838ce
  • terminalOverviewRuler.findMatchForeground#005B5Bce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c099
  • testing.iconUnset#808080b0
  • testing.message.error.decorationForeground#5A01D2fe
  • testing.message.error.lineBackground#FFB9FFaa
  • testing.message.info.decorationForeground#5A01D2fe
  • 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#6F3EB2fe
  • textLink.foreground#3F02FEce
  • textPreformat.foreground#383838ce
  • textSeparator.foreground#383838ce
  • titleBar.activeBackground#F2F2F2fe
  • titleBar.activeForeground#3F3F3Fae
  • titleBar.border#FBFAFA00
  • titleBar.inactiveBackground#D3D3D3dc
  • titleBar.inactiveForeground#44444465
  • toolbar.activeBackground#D1CECC88
  • toolbar.hoverBackground#E0E0E0fe
  • toolbar.hoverOutline#FAFAFB00
  • tree.inactiveIndentGuidesStroke#5C686835
  • tree.indentGuidesStroke#6204E3fe
  • tree.tableColumnsBorder#F6F6F6fe
  • tree.tableOddRowsBackground#E0E0E0fe
  • walkThrough.embeddedEditorBackground#E0E0E0fe
  • walkthrough.stepTitle.foreground#383838ce
  • welcomePage.background#E0E0E0fe
  • welcomePage.progress.background#E0E0E0fe
  • welcomePage.progress.foreground#383838ce
  • welcomePage.tileBackground#E0E0E0fe
  • welcomePage.tileBorder#F6F6F6fe
  • welcomePage.tileHoverBackground#E0E0E0fe
  • widget.border#F6F6F6fe
  • widget.shadow#FAFAFB00
  • window.activeBorder#F6F6F6fe
  • window.inactiveBorder#CECECE9d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#3030306e
comment.block.html#3030306e
comment.block.java#3030306e
comment.block.javadoc.java#3030306e
comment.block.powershell#3030306e
comment.block.xml#3030306e
comment.line.double-slash.c#3030306e
comment.line.double-slash.cpp#3030306e
comment.line.double-slash.java#3030306e
comment.line.double-slash.js#3030306e
comment.line.number-sign.makefile#3030306e
comment.line.number-sign.python#3030306e
comment.line.number-sign.yaml#3030306e
comment.line.percentage.erlang#3030306e
comment.line.powershell#3030306e
comment.source.cmake#3030306e
comment.source.cmakecache#3030306e
constant.character#2B462Bde
constant.character.character-class.regexp#434B12de
constant.character.escape#444B19de
constant.character.set.regexp#1A352Dde
constant.language#603933de
constant.numeric#8A0953de
constant.numeric.dec.python#2B340Ade
constant.other.caps.python#542018de
constant.other.character-class.regexp#263A26de
constant.other.character-class.set.regexp#0F372Cde
constant.other.color.rgb-value#673451de
constant.other.placeholder#42462Bde
constant.other.rgb-value#284028de
constant.regexp#442B25de
constant.sha.git-rebase#105310de
emphasis#063827de
entity.name.class#05382Ade
entity.name.function#132C69de
entity.name.function.preprocessor#434B17de
entity.name.function.python#4A3467de
entity.name.label#673451de
entity.name.namespace#372B46de
entity.name.operator#125312de
entity.name.operator.custom-literal#165216de
entity.name.scope-resolution#2D3405de
entity.name.tag#4D2521de
entity.name.tag.css#165216de
entity.name.type#0F372Cdebold
entity.name.variable#283043de
entity.other.attribute#284028de
entity.other.attribute-name#593731de
entity.other.attribute-name.class.css#60334Dde
entity.other.attribute-name.class.mixin.css#24304Cde
entity.other.attribute-name.id#2D3405de
entity.other.attribute-name.id.css#1A371Ade
entity.other.attribute-name.parent-selector.css#16503Fde
entity.other.attribute-name.pseudo-class.css#283045de
entity.other.attribute-name.pseudo-element.css#60334Dde
entity.other.attribute-name.scss#3C018Fde
entity.other.document.begin.yaml#3030306e
entity.other.inherited-class#3A2D4Cde
header#444B19de
invalid#42462Bde
keyword#462B3Adebold
keyword.codetag.notation.python#401774debold
keyword.control#53342Fdebold
keyword.control.anchor.regexp#8A0953debold
keyword.control.import.python#23342Fdebold
keyword.operator#2D364Cdebold
keyword.operator.alignas#13503Fdebold
keyword.operator.alignof#53342Fdebold
keyword.operator.cast#334060debold
keyword.operator.delete#165216debold
keyword.operator.documentation.powershell#3030306ebold
keyword.operator.expression#462924debold
keyword.operator.instanceof#434B14debold
keyword.operator.logical.python#472639debold
keyword.operator.minus.exponent#434B16debold
keyword.operator.negation.regexp#05382Adebold
keyword.operator.new#60073Bdebold
keyword.operator.noexcept#1A352Ddebold
keyword.operator.or.regexp#60334Ddebold
keyword.operator.plus.exponent#263A34debold
keyword.operator.quantifier.regexp#2D3405debold
keyword.operator.sizeof#462B3Adebold
keyword.operator.typeid#621205debold
keyword.operator.wordlike#4D2521debold
keyword.other.operator#3C018Fdebold
keyword.other.package.java#3C245Cdebold
keyword.other.unit#2D3402debold
keyword.other.using#402B27debold
markup.bold#3F1F65de
markup.changed#8B1A05de
markup.deleted#8A1B09de
markup.fenced_code.block.markdown#105310de
markup.heading#213521de
markup.inline.raw#1A371Ade
markup.inserted#36466Ede
markup.italic#373A26de
markup.raw.block.markdown#284028de
markup.strikethrough#444B19de
markup.underline#402B27de
meta.block.c#3C245Cde
meta.block.c#60073Bde
meta.class.java#402B27de
meta.definition.variable.name#053905de
meta.diff.header#3F0B84de
meta.embedded#105310de
meta.embedded.assembly#24304Cde
meta.function-call.arguments.python#313D59de
meta.function-call.python#472639de
meta.member.access.python#0F380Fde
meta.method.java#434B12de
meta.object-literal.key#492439de
meta.paragraph.markdown#3C018Fde
meta.preprocessor#401774de
meta.preprocessor.numeric#323423de
meta.preprocessor.string#4D2139de
meta.scope.prerequisites.makefile#673451de
meta.structure.dictionary.json.comments#3030306e
meta.structure.dictionary.key.python#3D4028de
meta.structure.dictionary.value.json.comments#3030306e
meta.template.expression#155215de
meta.type.cast.expr#165216debold
meta.type.new.expr#105310debold
parameter#57173Cde
punctuation.character.set.begin.regexp#42462Bde
punctuation.character.set.end.regexp#3A2D4Cde
punctuation.definition.array.begin.json#3D4028de
punctuation.definition.character-class.regexp#24304Cde
punctuation.definition.comment#3030306e
punctuation.definition.comment.json.comments#3030306e
punctuation.definition.comment.python#3030306e
punctuation.definition.dictionary.begin.json#155215de
punctuation.definition.dictionary.end.json#1A352Dde
punctuation.definition.group.assertion.regexp#53342Fde
punctuation.definition.group.regexp#621205de
punctuation.definition.list.begin.json#1A371Ade
punctuation.definition.list.begin.markdown#444B19de
punctuation.definition.list.begin.python#3C245Cde
punctuation.definition.list.end.json#313D59de
punctuation.definition.list.end.markdown#4D2139de
punctuation.definition.list.end.python#0F372Cde
punctuation.definition.parameters.begin.python#593731de
punctuation.definition.parameters.end.bracket.round.java#155215de
punctuation.definition.quote.begin.markdown#434B10de
punctuation.definition.tag#2D3402de
punctuation.definition.template-expression.begin#283045de
punctuation.definition.template-expression.end#2F321Cde
punctuation.section.class.begin.bracket.curly.java#442B25de
punctuation.section.embedded#60334Dde
punctuation.section.embedded.begin.php#2F3953de
punctuation.section.embedded.end.php#2D364Cde
punctuation.terminator.java#4A3467de
source.cmake#4D2521de
source.coffee.embedded#60073Bde
source.cpp#11513Fde
source.css.less#053905de
source.groovy.embedded#283043de
source.java#2D4C43de
source.java-properties#401774de
source.json.comments#3030306e
source.makefile#423159de
source.powershell#4A3467de
source.powershell.variable.other.member#673451de
source.python#13503Fde
storage#60073Bde
storage.modifier#462924de
storage.modifier.import.java#3D4028de
storage.modifier.package.java#212F54de
storage.type#053905debold
storage.type.annotation.groovy#313D59debold
storage.type.annotation.java#283045debold
storage.type.boolean.go#11513Fdebold
storage.type.byte.go#2D4C2Ddebold
storage.type.cs#4D2521debold
storage.type.error.go#3C245Cdebold
storage.type.generic.cs#2D4C2Ddebold
storage.type.generic.groovy#1A352Ddebold
storage.type.generic.java#452839debold
storage.type.groovy#434B12debold
storage.type.java#334060debold
storage.type.modifier.cs#2D4C43debold
storage.type.numeric.go#402B27debold
storage.type.object.array.groovy#452839debold
storage.type.object.array.java#434B17debold
storage.type.parameters.groovy#1A352Ddebold
storage.type.primitive.array.groovy#442B25debold
storage.type.primitive.array.java#3A2D4Cdebold
storage.type.primitive.groovy#15503Fdebold
storage.type.primitive.java#42462Bdebold
storage.type.rune.go#521D3Bdebold
storage.type.string.go#2D3405debold
storage.type.token.java#053905debold
storage.type.uintptr.go#60073Bdebold
storage.type.variable.cs#16503Fdebold
string#23342Fde
string.quoted.docstring.multi.python#3030306e
string.regexp#05382Ade
string.tag#23342Fde
string.value#3C245Cde
strong#2D364Cde
support.class#183718de
support.constant.color#382A4Ade
support.constant.dom#4E366Ede
support.constant.font-name#323423de
support.constant.handlebars#434B17de
support.constant.json#3B2752de
support.constant.math#263A34de
support.constant.media#3C018Fde
support.constant.media-type#2F3953debold
support.constant.property-value#213521de
support.function#313D59de
support.function.git-rebase#402B27de
support.other.parenthesis.regexp#2D4C2Dde
support.type#521D3Bdebold
support.type.property-name#673451debold
support.type.vendored.property-name#4A3467debold
support.variable#4D2521de
token.debug-token#24304Cde
token.error-token#542018de
token.info-token#434B10de
token.warn-token#3F1F65de
variable#462B3Ade
variable.css#053905de
variable.language#4D2521de
variable.language.wildcard.java#1A371Ade
variable.other.constant#344367de
variable.other.definition.java#593731de
variable.other.enummember#2D3402de
variable.other.less#24304Cde
variable.other.object.java#2D3405de
variable.other.object.property.java#1A352Dde
variable.parameter.c#3B2752de
variable.parameter.function.language.python#05382Ade
variable.parameter.java#53342Fde
variable.scss#24304Cde
viiv by B.W - VS Code Theme