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#9C8727fe
  • activityBar.activeFocusBorder#369C3600
  • activityBar.background#F2F2F2fe
  • activityBar.border#86868600
  • activityBar.dropBorder#9C8727fe
  • activityBar.foreground#998626fe
  • activityBar.inactiveForeground#87878765
  • activityBarBadge.background#7F6F24fe
  • activityBarBadge.foreground#F2F2F2fe
  • badge.background#A18608fe
  • badge.foreground#F2F2F2fe
  • banner.background#E0E0E0fe
  • banner.foreground#585858ce
  • banner.iconForeground#4552A3fe
  • breadcrumb.activeSelectionForeground#3D4DB9ca
  • breadcrumb.background#EDEDEDfe
  • breadcrumb.focusForeground#A08607fe
  • breadcrumb.foreground#575757ae
  • breadcrumbPicker.background#E0E0E0fe
  • button.background#B9B9B9ae
  • button.border#F7F5F600
  • button.foreground#585858ce
  • button.hoverBackground#CBCBCB6e
  • button.secondaryBackground#E0E0E0fe
  • button.secondaryForeground#585858ce
  • button.secondaryHoverBackground#E0E0E0fe
  • button.separator#FBFAFA00
  • charts.blue#1b1bfffe
  • charts.foreground#585858ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067c5
  • 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#F2C2D684
  • commandCenter.activeBorder#F6F6F6fe
  • commandCenter.activeForeground#A08607fe
  • commandCenter.background#E0E0E0fe
  • commandCenter.border#F6F6F6fe
  • commandCenter.foreground#585858ce
  • commandCenter.inactiveBorder#CECECE97
  • commandCenter.inactiveForeground#88888865
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F7F5F600
  • contrastBorder#F6F5F700
  • debugConsole.errorForeground#9E009Ece
  • debugConsole.infoForeground#585858ce
  • debugConsole.sourceForeground#585858ce
  • debugConsole.warningForeground#6A5700ce
  • debugConsoleInputIcon.foreground#7B4B37fe
  • debugExceptionWidget.background#FEC1FEbc
  • debugExceptionWidget.border#F6F6F6fe
  • debugIcon.breakpointCurrentStackframeForeground#734298fe
  • debugIcon.breakpointDisabledForeground#41414165
  • debugIcon.breakpointForeground#8F3B65fe
  • debugIcon.breakpointStackframeForeground#89405Cfe
  • debugIcon.breakpointUnverifiedForeground#724491fe
  • debugIcon.continueForeground#8B3C5Ffe
  • debugIcon.disconnectForeground#326132fe
  • debugIcon.pauseForeground#8C3E5Ffe
  • debugIcon.restartForeground#7A4C3Dfe
  • debugIcon.startForeground#763EA3fe
  • debugIcon.stepBackForeground#575757fe
  • debugIcon.stepIntoForeground#864262fe
  • debugIcon.stepOutForeground#89405Cfe
  • debugIcon.stepOverForeground#3C4FAFfe
  • debugIcon.stopForeground#505D31fe
  • debugTokenExpression.boolean#261D21ca
  • debugTokenExpression.error#17141Aca
  • debugTokenExpression.name#161D16ca
  • debugTokenExpression.number#17141Aca
  • debugTokenExpression.value#1D1816ca
  • debugToolBar.background#FEC1FEc4
  • debugToolBar.border#F6F6F6fe
  • debugView.exceptionLabelBackground#C5CFFBca
  • debugView.exceptionLabelForeground#3F52A8ca
  • debugView.stateLabelBackground#CECECEca
  • debugView.stateLabelForeground#356335ca
  • debugView.valueChangedHighlight#1B1D16ca
  • descriptionForeground#585858ce
  • diffEditor.border#FBFAFA00
  • diffEditor.diagonalFill#000000f6
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#74E67Afb
  • diffEditor.insertedTextBorder#F7F5F600
  • diffEditor.move.border#FAFAFA00
  • diffEditor.moveActive.border#F7F5F600
  • diffEditor.removedLineBackground#FEBFBF31
  • diffEditor.removedTextBackground#FEC1C1fb
  • diffEditor.removedTextBorder#FAFBFA00
  • diffEditor.unchangedCodeBackground#E0E0E0fe
  • diffEditor.unchangedRegionBackground#E0E0E0fe
  • diffEditor.unchangedRegionForeground#585858ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#4E4E4E65
  • dropdown.background#F6F6F6fe
  • dropdown.border#F6F6F6fe
  • dropdown.foreground#585858ce
  • dropdown.listBackground#F6F6F6fe
  • editor.background#E0E0E0fe
  • editor.findMatchBackground#AB9EB5a4
  • editor.findMatchBorder#F6F6F6fe
  • editor.findMatchHighlightBackground#A4A4A4a8
  • editor.findMatchHighlightBorder#F6F6F6fe
  • editor.findRangeHighlightBackground#B9A9A3a8
  • editor.findRangeHighlightBorder#F6F6F6fe
  • editor.focusedStackFrameHighlightBackground#9F818E86
  • editor.foldBackground#811EC8a9
  • editor.foreground#585858ce
  • editor.hoverHighlightBackground#8AA68Aa8
  • editor.inactiveSelectionBackground#CBCBCB99
  • editor.inlineValuesBackground#E0E0E0fe
  • editor.inlineValuesForeground#585858ce
  • editor.lineHighlightBackground#BEBEBEb2
  • editor.lineHighlightBorder#F6F5F700
  • editor.linkedEditingBackground#E0E0E0fe
  • editor.rangeHighlightBackground#9F818Ea8
  • editor.rangeHighlightBorder#F6F6F6fe
  • editor.selectionBackground#9EA68Aae
  • editor.selectionForeground#585858ca
  • editor.selectionHighlightBackground#BCADA784
  • editor.selectionHighlightBorder#F6F6F6fe
  • editor.snippetFinalTabstopHighlightBackground#AB9EB5a3
  • editor.snippetFinalTabstopHighlightBorder#F6F6F6fe
  • editor.snippetTabstopHighlightBackground#ACC0ACa1
  • editor.snippetTabstopHighlightBorder#F6F6F6fe
  • editor.stackFrameHighlightBackground#AA8F9Ba4
  • editor.symbolHighlightBackground#B6BCA7a3
  • editor.symbolHighlightBorder#F6F6F6fe
  • editor.wordHighlightBackground#999CB1a3
  • editor.wordHighlightBorder#F7F5F600
  • editor.wordHighlightStrongBackground#A0A0A0ae
  • editor.wordHighlightStrongBorder#FAFBFA00
  • editor.wordHighlightTextBackground#B1A099a9
  • editor.wordHighlightTextBorder#F7F5F600
  • editorBracketHighlight.foreground1#0A0A0Ace
  • editorBracketHighlight.foreground2#0A0A0Ace
  • editorBracketHighlight.foreground3#0A0A0Ace
  • editorBracketHighlight.foreground4#0A0A0Ace
  • editorBracketHighlight.foreground5#0A0A0Ace
  • editorBracketHighlight.foreground6#0A0A0Ace
  • editorBracketHighlight.unexpectedBracket.foreground#585858ce
  • editorBracketMatch.background#4E5F23ac
  • editorBracketMatch.border#F6F6F6fe
  • editorBracketPairGuide.activeBackground1#90401F8e
  • editorBracketPairGuide.activeBackground2#811BCB87
  • editorBracketPairGuide.activeBackground3#7E20CB81
  • editorBracketPairGuide.activeBackground4#8E412184
  • editorBracketPairGuide.activeBackground5#7E20CB87
  • editorBracketPairGuide.activeBackground6#4D5F1F8a
  • editorBracketPairGuide.background1#BADB6Afe
  • editorBracketPairGuide.background2#C6CEFBfe
  • editorBracketPairGuide.background3#B8DC61fe
  • editorBracketPairGuide.background4#B5DD66fe
  • editorBracketPairGuide.background5#BCDA6Bfe
  • editorBracketPairGuide.background6#BADB6Afe
  • editorCodeLens.foreground#5858586e
  • editorCommentsWidget.rangeActiveBackground#575757fe
  • editorCommentsWidget.rangeBackground#E0E0E0fe
  • editorCommentsWidget.resolvedBorder#F6F6F6fe
  • editorCommentsWidget.unresolvedBorder#FEC1C1cb
  • editorCursor.background#E0E0E0fe
  • editorCursor.foreground#9F8508fe
  • editorError.background#F7F5F600
  • editorError.border#F6F5F700
  • editorError.foreground#9E009Ece
  • editorGhostText.background#E0E0E0fe
  • editorGhostText.border#F7F5F600
  • 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#FBFAFA00
  • editorGroupHeader.noTabsBackground#F2F2F2ae
  • editorGroupHeader.tabsBackground#E0E0E0a1
  • editorGroupHeader.tabsBorder#FBFAFA00
  • 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#FAFBFA00
  • editorHint.foreground#511AFFce
  • editorHoverWidget.background#F6F6F6fe
  • editorHoverWidget.border#F6F6F6fe
  • editorHoverWidget.foreground#585858ce
  • editorHoverWidget.highlightForeground#3F4DB9ca
  • editorHoverWidget.statusBarBackground#E0E0E0fe
  • editorIndentGuide.activeBackground1#585858fe
  • editorIndentGuide.activeBackground2#585858fe
  • editorIndentGuide.activeBackground3#575757fe
  • editorIndentGuide.activeBackground4#585858fe
  • editorIndentGuide.activeBackground5#585858fe
  • editorIndentGuide.activeBackground6#575757fe
  • editorIndentGuide.background1#45485B35
  • editorIndentGuide.background2#555B4535
  • editorIndentGuide.background3#3E523E35
  • editorIndentGuide.background4#493E5235
  • editorIndentGuide.background5#54586F35
  • editorIndentGuide.background6#575B7335
  • editorInfo.background#FBFAFA00
  • editorInfo.border#FAFAFA00
  • 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#A08506fe
  • editorLineNumber.dimmedForeground#5252526e
  • editorLineNumber.foreground#5858586e
  • editorLink.activeForeground#877525fe
  • editorMarkerNavigation.background#F6F6F6fe
  • editorMarkerNavigationError.background#FEC1FEbc
  • editorMarkerNavigationError.headerBackground#FEC1FEac
  • 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#5858586e
  • editorOverviewRuler.commentUnresolvedForeground#17661Bcb
  • editorOverviewRuler.commonContentForeground#585858ce
  • editorOverviewRuler.currentContentForeground#585858c1
  • editorOverviewRuler.deletedForeground#B40000cb
  • editorOverviewRuler.errorForeground#9E009Ece
  • editorOverviewRuler.findMatchForeground#006262ce
  • editorOverviewRuler.incomingContentForeground#17661Bcb
  • editorOverviewRuler.infoForeground#511AFFce
  • editorOverviewRuler.modifiedForeground#6A5700ce
  • editorOverviewRuler.rangeHighlightForeground#336133ca
  • editorOverviewRuler.selectionHighlightForeground#511AFFce
  • editorOverviewRuler.warningForeground#6A5700ce
  • editorOverviewRuler.wordHighlightForeground#733CABca
  • editorOverviewRuler.wordHighlightStrongForeground#585858ce
  • editorOverviewRuler.wordHighlightTextForeground#585858ce
  • editorPane.background#E0E0E0fe
  • editorRuler.foreground#58585833
  • editorStickyScroll.background#E0E0E0fe
  • editorStickyScroll.shadow#FAFAFB00
  • editorStickyScrollHover.background#CECECE6e
  • editorSuggestWidget.background#F6F6F6fe
  • editorSuggestWidget.border#FAFBFA00
  • editorSuggestWidget.focusHighlightForeground#AB6BDFfe
  • editorSuggestWidget.foreground#4251A4fe
  • editorSuggestWidget.highlightForeground#326132ca
  • editorSuggestWidget.selectedBackground#B1A09987
  • editorSuggestWidget.selectedForeground#575757ca
  • editorSuggestWidget.selectedIconForeground#575757ca
  • editorSuggestWidgetStatus.foreground#4752A0fe
  • editorUnicodeHighlight.background#B9A9A3a7
  • editorUnicodeHighlight.border#F6F6F6fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F6F5F700
  • editorWarning.border#F7F5F600
  • editorWarning.foreground#6A5700ce
  • editorWhitespace.foreground#585858ce
  • editorWidget.background#F6F6F6fe
  • editorWidget.border#F6F6F6fe
  • editorWidget.foreground#585858ce
  • editorWidget.resizeBorder#F6F6F6fe
  • errorForeground#9E009Ece
  • extensionBadge.remoteBackground#A08607fe
  • extensionBadge.remoteForeground#F2F2F2fe
  • extensionButton.background#CECECEae
  • extensionButton.foreground#585858ce
  • extensionButton.hoverBackground#CECECE6e
  • extensionButton.prominentBackground#E0E0E0fe
  • extensionButton.prominentForeground#585858ce
  • extensionButton.prominentHoverBackground#E0E0E0fe
  • extensionButton.separator#F7F5F600
  • extensionIcon.preReleaseForeground#4351A3fe
  • extensionIcon.sponsorForeground#3F52A8fe
  • extensionIcon.starForeground#8F3B65fe
  • extensionIcon.verifiedForeground#525D32fe
  • focusBorder#F7F5F600
  • 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#F8C5B3ca
  • inlineChat.border#FABECFca
  • inlineChat.regionHighlight#1E1E1Eca
  • inlineChat.shadow#1D1618ca
  • inlineChatDiff.inserted#221D26ca
  • inlineChatDiff.removed#202B20ca
  • inlineChatInput.background#211B19ca
  • inlineChatInput.border#C5CFFBca
  • inlineChatInput.focusBorder#FAFAFB00
  • inlineChatInput.placeholderForeground#8F3A52ca
  • input.background#F6F6F6fe
  • input.border#F6F6F6fe
  • input.foreground#585858ce
  • input.placeholderForeground#4E4E4E65
  • inputOption.activeBackground#F6F6F6fe
  • inputOption.activeBorder#F6F6F6fe
  • inputOption.activeForeground#A08506fe
  • inputOption.hoverBackground#F6F6F6fe
  • inputValidation.errorBackground#670067a7
  • inputValidation.errorBorder#FEC1FEb4
  • 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#CECECE93
  • keybindingLabel.background#E0E0E0fe
  • keybindingLabel.border#F6F6F6fe
  • keybindingLabel.bottomBorder#F6F6F6fe
  • keybindingLabel.foreground#585858ce
  • keybindingTable.headerBackground#E0E0E0fe
  • keybindingTable.rowsBackground#E0E0E0fe
  • list.activeSelectionBackground#B1A09989
  • list.activeSelectionForeground#356335ca
  • list.activeSelectionIconForeground#326132ca
  • list.deemphasizedForeground#585858ce
  • list.dropBackground#E0E0E0fe
  • list.errorForeground#9E009Ece
  • list.filterMatchBackground#E0E0E0fe
  • list.filterMatchBorder#F6F6F6fe
  • list.focusAndSelectionOutline#F6F5F700
  • list.focusBackground#CFCFCF96
  • list.focusForeground#A18608fe
  • list.focusHighlightForeground#6F80DFfe
  • list.focusOutline#F7F5F600
  • list.highlightForeground#4F5E31ca
  • list.hoverBackground#CECECE6e
  • list.hoverForeground#7F6F24fe
  • list.inactiveFocusBackground#CFCFCF99
  • list.inactiveFocusOutline#FAFBFA00
  • list.inactiveSelectionBackground#F2F2F2ae
  • list.inactiveSelectionForeground#49494965
  • list.inactiveSelectionIconForeground#57575765
  • list.invalidItemForeground#585858ce
  • list.warningForeground#6A5700ce
  • listFilterWidget.background#E0E0E0fe
  • listFilterWidget.noMatchesOutline#FBFAFA00
  • listFilterWidget.outline#F7F5F600
  • listFilterWidget.shadow#FAFBFA00
  • menu.background#F2F2F2fe
  • menu.border#FAFBFA00
  • menu.foreground#575757ae
  • menu.selectionBackground#A6AE94a3
  • menu.selectionBorder#FAFAFB00
  • menu.selectionForeground#7F6F24fe
  • menu.separatorBackground#CFCFCF65
  • menubar.selectionBackground#AA978Fa7
  • menubar.selectionBorder#F7F5F600
  • menubar.selectionForeground#A08506fe
  • 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#D3D3D331
  • mergeEditor.conflict.input1.background#F6F6F6fe
  • mergeEditor.conflict.input2.background#F6F6F6fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067b6
  • mergeEditor.conflict.unhandledFocused.border#F6F6F6fe
  • mergeEditor.conflict.unhandledUnfocused.border#D3D3D327
  • 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#868686fe
  • minimapSlider.background#A8A8A8ae
  • minimapSlider.hoverBackground#BEBEBE6e
  • notebook.cellBorderColor#F6F6F6fe
  • notebook.cellEditorBackground#E0E0E0fe
  • notebook.cellHoverBackground#E0E0E0fe
  • notebook.cellInsertionIndicator#202B20ca
  • notebook.cellStatusBarItemHoverBackground#E0E0E0fe
  • notebook.cellToolbarSeparator#1A1A1Aca
  • notebook.editorBackground#E0E0E0fe
  • notebook.focusedCellBackground#E0E0E0fe
  • notebook.focusedCellBorder#9F8508fe
  • notebook.focusedEditorBorder#F6F6F6fe
  • notebook.inactiveFocusedCellBorder#8E8E8E8e
  • notebook.inactiveSelectedCellBorder#7D7D7D8e
  • notebook.outputContainerBackgroundColor#E0E0E0fe
  • notebook.outputContainerBorderColor#F6F6F6fe
  • notebook.selectedCellBackground#E0E0E0fe
  • notebook.selectedCellBorder#F6F6F6fe
  • notebook.symbolHighlightBackground#E0E0E0fe
  • notebookEditorOverviewRuler.runningCellForeground#585858ce
  • notebookScrollbarSlider.activeBackground#7D7D7Dfe
  • notebookScrollbarSlider.background#B5B5B5ae
  • notebookScrollbarSlider.hoverBackground#C2C2C26e
  • notebookStatusErrorIcon.foreground#9E009Ece
  • notebookStatusRunningIcon.foreground#525C38fe
  • 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#585858fe
  • 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#F6F5F700
  • panelTitle.activeForeground#988427fe
  • panelTitle.inactiveForeground#87878765
  • peekView.border#9C8727fe
  • peekViewEditor.background#F6F6F6fe
  • peekViewEditor.matchHighlightBackground#B5A49E86
  • peekViewEditor.matchHighlightBorder#F7F5F600
  • peekViewEditorGutter.background#F6F6F6fe
  • peekViewEditorStickyScroll.background#E0E0E0fe
  • peekViewResult.background#F2F2F2fe
  • peekViewResult.fileForeground#585858ce
  • peekViewResult.lineForeground#585858ce
  • peekViewResult.matchHighlightBackground#AB9EB583
  • peekViewResult.selectionBackground#86A38687
  • peekViewResult.selectionForeground#763EA3ca
  • peekViewTitle.background#F2F2F2fe
  • peekViewTitleDescription.foreground#585858ce
  • peekViewTitleLabel.foreground#585858ce
  • pickerGroup.border#F6F6F6fe
  • pickerGroup.foreground#585858ce
  • ports.iconRunningProcessForeground#4051A4fe
  • problemsErrorIcon.foreground#9E009Ece
  • problemsInfoIcon.foreground#511AFFce
  • problemsWarningIcon.foreground#6A5700ce
  • profileBadge.background#A18608fe
  • profileBadge.foreground#F2F2F2fe
  • progressBar.background#E0E0E0fe
  • quickInput.background#F2F2F2fe
  • quickInput.foreground#575757ae
  • quickInputList.focusBackground#94AE94a2
  • quickInputList.focusForeground#7F6F24fe
  • quickInputList.focusIconForeground#A08506fe
  • quickInputTitle.background#F6F6F6fe
  • sash.hoverBorder#F6F6F6fe
  • scrollbar.shadow#FAFBFA00
  • scrollbarSlider.activeBackground#868686fe
  • scrollbarSlider.background#B5B5B5ae
  • scrollbarSlider.hoverBackground#BEBEBE6e
  • search.resultsInfoForeground#585858ce
  • searchEditor.findMatchBackground#8F93AAa2
  • 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#B199A38b
  • 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#968327fe
  • settings.textInputBackground#F6F6F6fe
  • settings.textInputBorder#F6F6F6fe
  • settings.textInputForeground#585858ce
  • sideBar.background#E0E0E0fe
  • sideBar.border#F6F6F6fe
  • sideBar.dropBackground#E0E0E0fe
  • sideBar.foreground#585858ae
  • sideBarSectionHeader.background#FAFBFA00
  • 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#FEC1FEb1
  • statusBar.debuggingBorder#F6F6F6fe
  • statusBar.debuggingForeground#585858ce
  • statusBar.focusBorder#FAFAFA00
  • statusBar.foreground#5858586e
  • statusBar.noFolderBackground#F2F2F2fe
  • statusBar.noFolderBorder#F6F6F6fe
  • statusBar.noFolderForeground#585858ce
  • statusBarItem.activeBackground#F2F2F2fe
  • statusBarItem.compactHoverBackground#F2F2F2fe
  • statusBarItem.errorBackground#FEC1FEb6
  • statusBarItem.errorForeground#9E009Ece
  • statusBarItem.errorHoverBackground#FEC1FE9b
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#FAFBFA00
  • statusBarItem.hoverBackground#F2F2F2fe
  • statusBarItem.hoverForeground#A08506fe
  • statusBarItem.offlineBackground#F2F2F2fe
  • statusBarItem.offlineForeground#585858ce
  • statusBarItem.offlineHoverBackground#F2F2F2fe
  • statusBarItem.offlineHoverForeground#A08607fe
  • statusBarItem.prominentBackground#F2F2F2fe
  • statusBarItem.prominentForeground#585858ce
  • statusBarItem.prominentHoverBackground#F2F2F2fe
  • statusBarItem.prominentHoverForeground#7F6F24fe
  • statusBarItem.remoteBackground#A08507fe
  • statusBarItem.remoteForeground#F2F2F2fe
  • statusBarItem.remoteHoverBackground#F2F2F2fe
  • statusBarItem.remoteHoverForeground#7F6F24fe
  • statusBarItem.warningBackground#F6CB00fe
  • statusBarItem.warningForeground#6A5700ce
  • statusBarItem.warningHoverBackground#F6CB00fe
  • statusBarItem.warningHoverForeground#A08400ce
  • symbolIcon.arrayForeground#336133fe
  • symbolIcon.booleanForeground#006262ce
  • symbolIcon.classForeground#4351A3fe
  • symbolIcon.colorForeground#8C3C60fe
  • symbolIcon.constantForeground#3E4333fe
  • symbolIcon.constructorForeground#733EA0fe
  • symbolIcon.enumeratorForeground#346234fe
  • symbolIcon.enumeratorMemberForeground#3F4DB9fe
  • symbolIcon.eventForeground#505D31fe
  • symbolIcon.fieldForeground#356335fe
  • symbolIcon.fileForeground#3C4FAFfe
  • symbolIcon.folderForeground#356335fe
  • symbolIcon.functionForeground#395F39fe
  • symbolIcon.interfaceForeground#8C3E5Ffe
  • symbolIcon.keyForeground#4351A3fe
  • symbolIcon.keywordForeground#525B39fe
  • symbolIcon.methodForeground#764F42fe
  • symbolIcon.moduleForeground#575757fe
  • symbolIcon.namespaceForeground#4552A3fe
  • symbolIcon.nullForeground#3D4DB9fe
  • symbolIcon.numberForeground#326132fe
  • symbolIcon.objectForeground#763EA3fe
  • symbolIcon.operatorForeground#3D603Dfe
  • symbolIcon.packageForeground#386238fe
  • symbolIcon.propertyForeground#7F4A3Afe
  • symbolIcon.referenceForeground#8C3E5Ffe
  • symbolIcon.snippetForeground#8C3C60fe
  • symbolIcon.stringForeground#8F3B65fe
  • symbolIcon.structForeground#894160fe
  • symbolIcon.textForeground#585858fe
  • symbolIcon.typeParameterForeground#72419Cfe
  • symbolIcon.unitForeground#754E40fe
  • symbolIcon.variableForeground#326132fe
  • tab.activeBackground#EDEDEDfe
  • tab.activeBorder#FAFAFA00
  • tab.activeBorderTop#9C8727fe
  • tab.activeForeground#9C8727fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F7F5F600
  • tab.hoverBackground#5757576e
  • tab.hoverBorder#F6F6F6fe
  • tab.hoverForeground#877525fe
  • tab.inactiveBackground#CECECE96
  • tab.inactiveForeground#49494965
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F6F6F6fe
  • tab.unfocusedActiveBackground#D3D3D33e
  • tab.unfocusedActiveBorder#FAFAFA00
  • tab.unfocusedActiveBorderTop#CECECE65
  • tab.unfocusedActiveForeground#87878765
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#5757576e
  • tab.unfocusedHoverBorder#D3D3D332
  • tab.unfocusedHoverForeground#4E4E4E65
  • tab.unfocusedInactiveBackground#BEBEBE9b
  • tab.unfocusedInactiveForeground#88888865
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333bc
  • 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#670067b7
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cecececb
  • 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#BEBEBE9a
  • terminal.selectionBackground#B6BCA785
  • terminal.selectionForeground#356335ca
  • terminal.tab.activeBorder#9E8727fe
  • terminalCommandDecoration.defaultBackground#585858a2
  • terminalCommandDecoration.errorBackground#B40000cb
  • terminalCommandDecoration.successBackground#17661Bcb
  • terminalCursor.background#E0E0E0fe
  • terminalCursor.foreground#968327fe
  • terminalOverviewRuler.cursorForeground#585858ce
  • terminalOverviewRuler.findMatchForeground#006262ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0a5
  • testing.iconUnset#808080b0
  • testing.message.error.decorationForeground#685708fe
  • testing.message.error.lineBackground#FEC1FE9f
  • testing.message.info.decorationForeground#67570Afe
  • 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#A08506fe
  • textLink.foreground#511AFFce
  • textPreformat.foreground#585858ce
  • textSeparator.foreground#585858ce
  • titleBar.activeBackground#F2F2F2fe
  • titleBar.activeForeground#888888ae
  • titleBar.border#FAFAFA00
  • titleBar.inactiveBackground#D8D8D8d8
  • titleBar.inactiveForeground#4E4E4E65
  • toolbar.activeBackground#F4C1D686
  • toolbar.hoverBackground#E0E0E0fe
  • toolbar.hoverOutline#FBFAFA00
  • tree.inactiveIndentGuidesStroke#5A4C6535
  • tree.indentGuidesStroke#675609fe
  • 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#FAFBFA00
  • window.activeBorder#F6F6F6fe
  • window.inactiveBorder#CECECE9a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#4D4D4D6e
comment.block.html#4D4D4D6e
comment.block.java#4D4D4D6e
comment.block.javadoc.java#4D4D4D6e
comment.block.powershell#4D4D4D6e
comment.block.xml#4D4D4D6e
comment.line.double-slash.c#4D4D4D6e
comment.line.double-slash.cpp#4D4D4D6e
comment.line.double-slash.java#4E4E4E6e
comment.line.double-slash.js#4D4D4D6e
comment.line.number-sign.makefile#4D4D4D6e
comment.line.number-sign.python#4D4D4D6e
comment.line.number-sign.yaml#4E4E4E6e
comment.line.percentage.erlang#4D4D4D6e
comment.line.powershell#4C4C4C6e
comment.source.cmake#4C4C4C6e
comment.source.cmakecache#4C4C4C6e
constant.character#4829AEde
constant.character.character-class.regexp#454545de
constant.character.escape#0A5B35de
constant.character.set.regexp#4A29B7de
constant.language#095A35de
constant.numeric#4E4E4Ede
constant.numeric.dec.python#5C4D08de
constant.other.caps.python#4E4E4Ede
constant.other.character-class.regexp#5D4D05de
constant.other.character-class.set.regexp#1F4661de
constant.other.color.rgb-value#215A09de
constant.other.placeholder#0A4875de
constant.other.rgb-value#3F268Ede
constant.regexp#095B34de
constant.sha.git-rebase#4D29BFde
emphasis#8F0A7Fde
entity.name.class#215A09de
entity.name.function#4E4E4Ede
entity.name.function.preprocessor#4F29CDde
entity.name.function.python#5D4D07de
entity.name.label#1D593Dde
entity.name.namespace#4D4D4Dde
entity.name.operator#900A80de
entity.name.operator.custom-literal#1F5B06de
entity.name.scope-resolution#5C4E09de
entity.name.tag#215171de
entity.name.tag.css#4E4E4Ede
entity.name.type#682160debold
entity.name.variable#86247Bde
entity.other.attribute#3C2587de
entity.other.attribute-name#095A34de
entity.other.attribute-name.class.css#611F59de
entity.other.attribute-name.class.mixin.css#900A80de
entity.other.attribute-name.id#095A34de
entity.other.attribute-name.id.css#454545de
entity.other.attribute-name.parent-selector.css#095934de
entity.other.attribute-name.pseudo-class.css#5029CDde
entity.other.attribute-name.pseudo-element.css#0A5833de
entity.other.attribute-name.scss#5029CDde
entity.other.document.begin.yaml#4E4E4E6e
entity.other.inherited-class#215A09de
header#5D4E06de
invalid#5D4D07de
keyword#86247Bdebold
keyword.codetag.notation.python#0A4B7Adebold
keyword.control#1D593Ddebold
keyword.control.anchor.regexp#900980debold
keyword.control.import.python#0A4B7Adebold
keyword.operator#4829AEdebold
keyword.operator.alignas#083E63debold
keyword.operator.alignof#0A4670debold
keyword.operator.cast#5C4D08debold
keyword.operator.delete#4D4D4Ddebold
keyword.operator.documentation.powershell#4D4D4D6ebold
keyword.operator.expression#5C4D0Adebold
keyword.operator.instanceof#095A34debold
keyword.operator.logical.python#215909debold
keyword.operator.minus.exponent#3B01F9debold
keyword.operator.negation.regexp#4E4E4Edebold
keyword.operator.new#4D4D4Ddebold
keyword.operator.noexcept#095B34debold
keyword.operator.or.regexp#094D7Cdebold
keyword.operator.plus.exponent#1D593Ddebold
keyword.operator.quantifier.regexp#0A5284debold
keyword.operator.sizeof#0A5B35debold
keyword.operator.typeid#095B35debold
keyword.operator.wordlike#294C1Bdebold
keyword.other.operator#8F0A7Fdebold
keyword.other.package.java#5029CDdebold
keyword.other.unit#900980debold
keyword.other.using#910480debold
markup.bold#2C531Cde
markup.changed#2C531Cde
markup.deleted#494949de
markup.fenced_code.block.markdown#4E4E4Ede
markup.heading#5C4E09de
markup.inline.raw#4E4E4Ede
markup.inserted#094D7Cde
markup.italic#4628A6de
markup.raw.block.markdown#4F29CBde
markup.strikethrough#235374de
markup.underline#21590Ade
meta.block.c#4E4E4Ede
meta.block.c#09446Dde
meta.class.java#0A5B35de
meta.definition.variable.name#4C431Bde
meta.diff.header#4D4D4Dde
meta.embedded#084729de
meta.embedded.assembly#4F29CFde
meta.function-call.arguments.python#5D4D04de
meta.function-call.python#5C4E0Ade
meta.member.access.python#494949de
meta.method.java#215A09de
meta.object-literal.key#3C2587de
meta.paragraph.markdown#404040de
meta.preprocessor#85257Ade
meta.preprocessor.numeric#21590Ade
meta.preprocessor.string#494949de
meta.scope.prerequisites.makefile#4E4E4Ede
meta.structure.dictionary.json.comments#4E4E4E6e
meta.structure.dictionary.key.python#5D4D04de
meta.structure.dictionary.value.json.comments#4D4D4D6e
meta.template.expression#5D4E09de
meta.type.cast.expr#083E63debold
meta.type.new.expr#09446Ddebold
parameter#494949de
punctuation.character.set.begin.regexp#4E4E4Ede
punctuation.character.set.end.regexp#4C431Bde
punctuation.definition.array.begin.json#702267de
punctuation.definition.character-class.regexp#093E64de
punctuation.definition.comment#4C4C4C6e
punctuation.definition.comment.json.comments#4E4E4E6e
punctuation.definition.comment.python#4D4D4D6e
punctuation.definition.dictionary.begin.json#215A09de
punctuation.definition.dictionary.end.json#1D593Dde
punctuation.definition.group.assertion.regexp#5129CEde
punctuation.definition.group.regexp#3D03F6de
punctuation.definition.list.begin.json#225375de
punctuation.definition.list.begin.markdown#910780de
punctuation.definition.list.begin.python#5029CDde
punctuation.definition.list.end.json#095B34de
punctuation.definition.list.end.markdown#225172de
punctuation.definition.list.end.python#0A4875de
punctuation.definition.parameters.begin.python#4D4D4Dde
punctuation.definition.parameters.end.bracket.round.java#5029CDde
punctuation.definition.quote.begin.markdown#095B34de
punctuation.definition.tag#0A5934de
punctuation.definition.template-expression.begin#2E551Cde
punctuation.definition.template-expression.end#5C4E0Ade
punctuation.section.class.begin.bracket.curly.java#702267de
punctuation.section.embedded#454545de
punctuation.section.embedded.begin.php#77236Dde
punctuation.section.embedded.end.php#074327de
punctuation.terminator.java#5C4E09de
source.cmake#1D593Dde
source.coffee.embedded#1B4C35de
source.cpp#4F29CDde
source.css.less#225172de
source.groovy.embedded#205A08de
source.java#412796de
source.java-properties#4E4E4Ede
source.json.comments#4C4C4C6e
source.makefile#095B34de
source.powershell#412796de
source.powershell.variable.other.member#1F4661de
source.python#1C3C53de
storage#215A09de
storage.modifier#5C4E09de
storage.modifier.import.java#77236Dde
storage.modifier.package.java#1E415Ade
storage.type#4829AEdebold
storage.type.annotation.groovy#910780debold
storage.type.annotation.java#4C431Bdebold
storage.type.boolean.go#842479debold
storage.type.byte.go#900880debold
storage.type.cs#3F268Edebold
storage.type.error.go#5029CDdebold
storage.type.generic.cs#900680debold
storage.type.generic.groovy#494949debold
storage.type.generic.java#4A29B7debold
storage.type.groovy#1F4661debold
storage.type.java#3C3C3Cdebold
storage.type.modifier.cs#215909debold
storage.type.numeric.go#0A5A34debold
storage.type.object.array.groovy#4E4E4Edebold
storage.type.object.array.java#5D4D05debold
storage.type.parameters.groovy#4E4E4Edebold
storage.type.primitive.array.groovy#594F1Ddebold
storage.type.primitive.array.java#4E4E4Edebold
storage.type.primitive.groovy#4D4D4Ddebold
storage.type.primitive.java#494949debold
storage.type.rune.go#5C4E0Adebold
storage.type.string.go#910980debold
storage.type.token.java#5C4D08debold
storage.type.uintptr.go#0A4B7Adebold
storage.type.variable.cs#86247Bdebold
string#095B34de
string.quoted.docstring.multi.python#4D4D4D6e
string.regexp#3F268Ede
string.tag#920581de
string.value#5C4E09de
strong#5029CCde
support.class#4E4E4Ede
support.constant.color#08426Cde
support.constant.dom#2E551Cde
support.constant.font-name#5D4E06de
support.constant.handlebars#0A5A34de
support.constant.json#3B01F9de
support.constant.math#8F0A80de
support.constant.media#4E4E4Ede
support.constant.media-type#074C2Bdebold
support.constant.property-value#2C531Cde
support.function#0A5B35de
support.function.git-rebase#095A34de
support.other.parenthesis.regexp#86257Ade
support.type#900680debold
support.type.property-name#205A08debold
support.type.vendored.property-name#205B07debold
support.variable#095A34de
token.debug-token#910780de
token.error-token#4E4E4Ede
token.info-token#08522Fde
token.warn-token#910881de
variable#5029CCde
variable.css#0A4B7Ade
variable.language#0A5B35de
variable.language.wildcard.java#3C2587de
variable.other.constant#5D4E06de
variable.other.definition.java#095A34de
variable.other.enummember#4F29CDde
variable.other.less#4E4E4Ede
variable.other.object.java#900A80de
variable.other.object.property.java#205B07de
variable.parameter.c#4F29CFde
variable.parameter.function.language.python#3C2587de
variable.parameter.java#094D7Cde
variable.scss#5029CFde
viiv by B.W - VS Code Theme