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#3F3F3Ffe
  • activityBar.activeFocusBorder#7F7F7F00
  • activityBar.background#F2F2F2fe
  • activityBar.border#7F7F7F00
  • activityBar.dropBorder#3F3F3Ffe
  • activityBar.foreground#3F3F3Ffe
  • activityBar.inactiveForeground#3F3F3F65
  • activityBarBadge.background#4C4C4Cfe
  • activityBarBadge.foreground#F2F2F2fe
  • badge.background#6B6B6Bfe
  • badge.foreground#F2F2F2fe
  • banner.background#E0E0E0fe
  • banner.foreground#383838ce
  • banner.iconForeground#3D363Bfe
  • breadcrumb.activeSelectionForeground#213E2Fca
  • breadcrumb.background#EDEDEDfe
  • breadcrumb.focusForeground#505050fe
  • breadcrumb.foreground#383838ae
  • breadcrumbPicker.background#E0E0E0fe
  • button.background#B5B5B5ae
  • button.border#FAFAFA00
  • button.foreground#383838ce
  • button.hoverBackground#9797976e
  • button.secondaryBackground#E0E0E0fe
  • button.secondaryForeground#383838ce
  • button.secondaryHoverBackground#E0E0E0fe
  • button.separator#FAFAFA00
  • charts.blue#1b1bfffe
  • charts.foreground#383838ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067ba
  • 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#CCCED28c
  • commandCenter.activeBorder#F6F6F6fe
  • commandCenter.activeForeground#595959fe
  • commandCenter.background#E0E0E0fe
  • commandCenter.border#F6F6F6fe
  • commandCenter.foreground#383838ce
  • commandCenter.inactiveBorder#CECECE93
  • commandCenter.inactiveForeground#3F3F3F65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#FAFAFA00
  • contrastBorder#FAFAFA00
  • debugConsole.errorForeground#920092ce
  • debugConsole.infoForeground#383838ce
  • debugConsole.sourceForeground#383838ce
  • debugConsole.warningForeground#604F00ce
  • debugConsoleInputIcon.foreground#383838fe
  • debugExceptionWidget.background#FFB9FFc8
  • debugExceptionWidget.border#F6F6F6fe
  • debugIcon.breakpointCurrentStackframeForeground#3D3636fe
  • debugIcon.breakpointDisabledForeground#41414165
  • debugIcon.breakpointForeground#3D363Bfe
  • debugIcon.breakpointStackframeForeground#4D2E41fe
  • debugIcon.breakpointUnverifiedForeground#383838fe
  • debugIcon.continueForeground#2E3A36fe
  • debugIcon.disconnectForeground#423434fe
  • debugIcon.pauseForeground#582A2Afe
  • debugIcon.restartForeground#174017fe
  • debugIcon.startForeground#631D40fe
  • debugIcon.stepBackForeground#073183fe
  • debugIcon.stepIntoForeground#3C3350fe
  • debugIcon.stepOutForeground#423434fe
  • debugIcon.stepOverForeground#3C3350fe
  • debugIcon.stopForeground#3C3350fe
  • debugTokenExpression.boolean#1E1F22ca
  • debugTokenExpression.error#1E1E1Eca
  • debugTokenExpression.name#1F1E22ca
  • debugTokenExpression.number#161918ca
  • debugTokenExpression.value#232226ca
  • debugToolBar.background#FFB9FFae
  • debugToolBar.border#F6F6F6fe
  • debugView.exceptionLabelBackground#CCCED3ca
  • debugView.exceptionLabelForeground#054205ca
  • debugView.stateLabelBackground#C9D1CEca
  • debugView.stateLabelForeground#054205ca
  • debugView.valueChangedHighlight#1E221Eca
  • descriptionForeground#383838ce
  • diffEditor.border#FAFAFA00
  • diffEditor.diagonalFill#000000f4
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#ACDBAEfb
  • diffEditor.insertedTextBorder#FAFAFA00
  • diffEditor.move.border#FAFAFA00
  • diffEditor.moveActive.border#FAFAFA00
  • diffEditor.removedLineBackground#FFBEBE31
  • diffEditor.removedTextBackground#FFBEBEfb
  • diffEditor.removedTextBorder#FAFAFA00
  • diffEditor.unchangedCodeBackground#E0E0E0fe
  • diffEditor.unchangedRegionBackground#E0E0E0fe
  • diffEditor.unchangedRegionForeground#383838ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#3C3C3C65
  • dropdown.background#F6F6F6fe
  • dropdown.border#F6F6F6fe
  • dropdown.foreground#383838ce
  • dropdown.listBackground#F6F6F6fe
  • editor.background#E0E0E0fe
  • editor.findMatchBackground#9A8C8Ca5
  • editor.findMatchBorder#F6F6F6fe
  • editor.findMatchHighlightBackground#A69A9Aa3
  • editor.findMatchHighlightBorder#F6F6F6fe
  • editor.findRangeHighlightBackground#96A296a5
  • editor.findRangeHighlightBorder#F6F6F6fe
  • editor.focusedStackFrameHighlightBackground#B6BEB68b
  • editor.foldBackground#764242aa
  • editor.foreground#383838ce
  • editor.hoverHighlightBackground#A3AEABa2
  • editor.inactiveSelectionBackground#CBCBCB9a
  • editor.inlineValuesBackground#E0E0E0fe
  • editor.inlineValuesForeground#383838ce
  • editor.lineHighlightBackground#BEBEBEb1
  • editor.lineHighlightBorder#FAFAFA00
  • editor.linkedEditingBackground#E0E0E0fe
  • editor.rangeHighlightBackground#A8B2AFac
  • editor.rangeHighlightBorder#F6F6F6fe
  • editor.selectionBackground#C6BFBFa3
  • editor.selectionForeground#054205ca
  • editor.selectionHighlightBackground#B4B1BA84
  • editor.selectionHighlightBorder#F6F6F6fe
  • editor.snippetFinalTabstopHighlightBackground#B6BEB6a5
  • editor.snippetFinalTabstopHighlightBorder#F6F6F6fe
  • editor.snippetTabstopHighlightBackground#B5B5B5ad
  • editor.snippetTabstopHighlightBorder#F6F6F6fe
  • editor.stackFrameHighlightBackground#B1BAB1a9
  • editor.symbolHighlightBackground#96A296ac
  • editor.symbolHighlightBorder#F6F6F6fe
  • editor.wordHighlightBackground#9FAA9Fae
  • editor.wordHighlightBorder#FAFAFA00
  • editor.wordHighlightStrongBackground#A7A3AEa9
  • editor.wordHighlightStrongBorder#FAFAFA00
  • editor.wordHighlightTextBackground#A2969Eae
  • editor.wordHighlightTextBorder#FAFAFA00
  • editorBracketHighlight.foreground1#0B0B0Bce
  • editorBracketHighlight.foreground2#0B0B0Bce
  • editorBracketHighlight.foreground3#0B0B0Bce
  • editorBracketHighlight.foreground4#0B0B0Bce
  • editorBracketHighlight.foreground5#0B0B0Bce
  • editorBracketHighlight.foreground6#0B0B0Bce
  • editorBracketHighlight.unexpectedBracket.foreground#383838ce
  • editorBracketMatch.background#31584Aaa
  • editorBracketMatch.border#F6F6F6fe
  • editorBracketPairGuide.activeBackground1#63495B8c
  • editorBracketPairGuide.activeBackground2#4853488d
  • editorBracketPairGuide.activeBackground3#5F38AB84
  • editorBracketPairGuide.activeBackground4#7E376881
  • editorBracketPairGuide.activeBackground5#5C429185
  • editorBracketPairGuide.activeBackground6#86383886
  • editorBracketPairGuide.background1#CCCED2fe
  • editorBracketPairGuide.background2#CCD1CCfe
  • editorBracketPairGuide.background3#CDCFD3fe
  • editorBracketPairGuide.background4#CFCED3fe
  • editorBracketPairGuide.background5#CFCFCFfe
  • editorBracketPairGuide.background6#CCCED2fe
  • editorCodeLens.foreground#5151516e
  • editorCommentsWidget.rangeActiveBackground#515151fe
  • editorCommentsWidget.rangeBackground#E0E0E0fe
  • editorCommentsWidget.resolvedBorder#F6F6F6fe
  • editorCommentsWidget.unresolvedBorder#FFBEBEcb
  • editorCursor.background#E0E0E0fe
  • editorCursor.foreground#676767fe
  • editorError.background#FAFAFA00
  • editorError.border#FAFAFA00
  • 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#FAFAFA00
  • 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#3005B0ca
  • editorHoverWidget.statusBarBackground#E0E0E0fe
  • editorIndentGuide.activeBackground1#3F3F3Ffe
  • editorIndentGuide.activeBackground2#3F3F3Ffe
  • editorIndentGuide.activeBackground3#3F3F3Ffe
  • editorIndentGuide.activeBackground4#3F3F3Ffe
  • editorIndentGuide.activeBackground5#3F3F3Ffe
  • editorIndentGuide.activeBackground6#3F3F3Ffe
  • editorIndentGuide.background1#3E404635
  • editorIndentGuide.background2#403E4635
  • editorIndentGuide.background3#403E4635
  • editorIndentGuide.background4#42454B35
  • editorIndentGuide.background5#665A6235
  • editorIndentGuide.background6#463E4335
  • editorInfo.background#FAFAFA00
  • editorInfo.border#FAFAFA00
  • 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#5E5E5Efe
  • editorLineNumber.dimmedForeground#5151516e
  • editorLineNumber.foreground#5151516e
  • editorLink.activeForeground#707070fe
  • editorMarkerNavigation.background#F6F6F6fe
  • editorMarkerNavigationError.background#FFB9FF9b
  • editorMarkerNavigationError.headerBackground#FFB9FFb2
  • editorMarkerNavigationInfo.background#CACAFFfe
  • editorMarkerNavigationInfo.headerBackground#CACAFFfe
  • editorMarkerNavigationWarning.background#F6CB00fe
  • editorMarkerNavigationWarning.headerBackground#F6CB00fe
  • editorOverviewRuler.addedForeground#1F5C22cb
  • editorOverviewRuler.background#E0E0E0fe
  • editorOverviewRuler.border#CFCFCFfe
  • editorOverviewRuler.bracketMatchForeground#383838ce
  • editorOverviewRuler.commentForeground#5151516e
  • editorOverviewRuler.commentUnresolvedForeground#1F5C22cb
  • editorOverviewRuler.commonContentForeground#383838ce
  • editorOverviewRuler.currentContentForeground#515151b4
  • editorOverviewRuler.deletedForeground#A50000cb
  • editorOverviewRuler.errorForeground#920092ce
  • editorOverviewRuler.findMatchForeground#005B5Bce
  • editorOverviewRuler.incomingContentForeground#1F5C22cb
  • editorOverviewRuler.infoForeground#3F02FEce
  • editorOverviewRuler.modifiedForeground#604F00ce
  • editorOverviewRuler.rangeHighlightForeground#193E32ca
  • editorOverviewRuler.selectionHighlightForeground#3F02FEce
  • editorOverviewRuler.warningForeground#604F00ce
  • editorOverviewRuler.wordHighlightForeground#3714A0ca
  • editorOverviewRuler.wordHighlightStrongForeground#383838ce
  • editorOverviewRuler.wordHighlightTextForeground#383838ce
  • editorPane.background#E0E0E0fe
  • editorRuler.foreground#51515132
  • editorStickyScroll.background#E0E0E0fe
  • editorStickyScrollHover.background#CECECE6e
  • editorSuggestWidget.background#F6F6F6fe
  • editorSuggestWidget.border#FAFAFA00
  • editorSuggestWidget.focusHighlightForeground#3F3F3Ffe
  • editorSuggestWidget.foreground#3E3257fe
  • editorSuggestWidget.highlightForeground#213E21ca
  • editorSuggestWidget.selectedBackground#A8ABB287
  • editorSuggestWidget.selectedForeground#691C1Cca
  • editorSuggestWidget.selectedIconForeground#6F1313ca
  • editorSuggestWidgetStatus.foreground#174017fe
  • editorUnicodeHighlight.background#9A8C8Ca6
  • editorUnicodeHighlight.border#F6F6F6fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#FAFAFA00
  • editorWarning.border#FAFAFA00
  • editorWarning.foreground#604F00ce
  • editorWhitespace.foreground#383838ce
  • editorWidget.background#F6F6F6fe
  • editorWidget.border#F6F6F6fe
  • editorWidget.foreground#383838ce
  • editorWidget.resizeBorder#F6F6F6fe
  • errorForeground#920092ce
  • extensionBadge.remoteBackground#4C4C4Cfe
  • extensionBadge.remoteForeground#F2F2F2fe
  • extensionButton.background#CECECEae
  • extensionButton.foreground#383838ce
  • extensionButton.hoverBackground#CECECE6e
  • extensionButton.prominentBackground#E0E0E0fe
  • extensionButton.prominentForeground#383838ce
  • extensionButton.prominentHoverBackground#E0E0E0fe
  • extensionButton.separator#FAFAFA00
  • extensionIcon.preReleaseForeground#193E2Ffe
  • extensionIcon.sponsorForeground#383838fe
  • extensionIcon.starForeground#69104Bfe
  • extensionIcon.verifiedForeground#383838fe
  • focusBorder#FAFAFA00
  • 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#CCD1CCca
  • inlineChat.border#D3CECEca
  • inlineChat.regionHighlight#222326ca
  • inlineChat.shadow#1A1A1Aca
  • inlineChatDiff.inserted#222222ca
  • inlineChatDiff.removed#222622ca
  • inlineChatInput.background#1E2220ca
  • inlineChatInput.border#D3CDCDca
  • inlineChatInput.focusBorder#FAFAFA00
  • inlineChatInput.placeholderForeground#054205ca
  • input.background#F6F6F6fe
  • input.border#F6F6F6fe
  • input.foreground#383838ce
  • input.placeholderForeground#4E4E4E65
  • inputOption.activeBackground#F6F6F6fe
  • inputOption.activeBorder#F6F6F6fe
  • inputOption.activeForeground#5E5E5Efe
  • inputOption.hoverBackground#F6F6F6fe
  • inputValidation.errorBackground#670067b2
  • inputValidation.errorBorder#FFB9FFaf
  • 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#CFCFCF99
  • keybindingLabel.background#E0E0E0fe
  • keybindingLabel.border#F6F6F6fe
  • keybindingLabel.bottomBorder#F6F6F6fe
  • keybindingLabel.foreground#383838ce
  • keybindingTable.headerBackground#E0E0E0fe
  • keybindingTable.rowsBackground#E0E0E0fe
  • list.activeSelectionBackground#9A8C8C8e
  • list.activeSelectionForeground#193E32ca
  • list.activeSelectionIconForeground#3E3353ca
  • list.deemphasizedForeground#383838ce
  • list.dropBackground#E0E0E0fe
  • list.errorForeground#920092ce
  • list.filterMatchBackground#E0E0E0fe
  • list.filterMatchBorder#F6F6F6fe
  • list.focusAndSelectionOutline#FAFAFA00
  • list.focusBackground#CBCBCB97
  • list.focusForeground#707070fe
  • list.focusHighlightForeground#1B4839fe
  • list.focusOutline#FAFAFA00
  • list.highlightForeground#173E31ca
  • list.hoverBackground#D2CDCDae
  • list.hoverForeground#5E5E5Efe
  • list.inactiveFocusBackground#C2C2C29b
  • list.inactiveFocusOutline#FAFAFA00
  • list.inactiveSelectionBackground#F2F2F2ae
  • list.inactiveSelectionForeground#41414165
  • list.inactiveSelectionIconForeground#49494965
  • list.invalidItemForeground#383838ce
  • list.warningForeground#604F00ce
  • listFilterWidget.background#E0E0E0fe
  • listFilterWidget.noMatchesOutline#FAFAFA00
  • listFilterWidget.outline#FAFAFA00
  • listFilterWidget.shadow#FAFAFA00
  • menu.background#F2F2F2fe
  • menu.border#FAFAFA00
  • menu.foreground#383838ae
  • menu.selectionBackground#C6BFBFaa
  • menu.selectionBorder#FAFAFA00
  • menu.selectionForeground#6B6B6Bfe
  • menu.separatorBackground#CFCFCF65
  • menubar.selectionBackground#D2CCCCa6
  • menubar.selectionBorder#FAFAFA00
  • menubar.selectionForeground#6B6B6Bfe
  • 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#D8D8D82e
  • mergeEditor.conflict.input1.background#F6F6F6fe
  • mergeEditor.conflict.input2.background#F6F6F6fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067a3
  • mergeEditor.conflict.unhandledFocused.border#F6F6F6fe
  • mergeEditor.conflict.unhandledUnfocused.border#D8D8D82f
  • 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#8E8E8Efe
  • minimapSlider.background#B5B5B5ae
  • minimapSlider.hoverBackground#A4A4A46e
  • notebook.cellBorderColor#F6F6F6fe
  • notebook.cellEditorBackground#E0E0E0fe
  • notebook.cellHoverBackground#E0E0E0fe
  • notebook.cellInsertionIndicator#161719ca
  • notebook.cellStatusBarItemHoverBackground#E0E0E0fe
  • notebook.cellToolbarSeparator#1E1E1Eca
  • notebook.editorBackground#E0E0E0fe
  • notebook.focusedCellBackground#E0E0E0fe
  • notebook.focusedCellBorder#484848fe
  • notebook.focusedEditorBorder#F6F6F6fe
  • notebook.inactiveFocusedCellBorder#8E8E8E8e
  • notebook.inactiveSelectedCellBorder#8181818e
  • notebook.outputContainerBackgroundColor#E0E0E0fe
  • notebook.outputContainerBorderColor#F6F6F6fe
  • notebook.selectedCellBackground#E0E0E0fe
  • notebook.selectedCellBorder#F6F6F6fe
  • notebook.symbolHighlightBackground#E0E0E0fe
  • notebookEditorOverviewRuler.runningCellForeground#383838ce
  • notebookScrollbarSlider.activeBackground#8A8A8Afe
  • notebookScrollbarSlider.background#A8A8A8ae
  • notebookScrollbarSlider.hoverBackground#A0A0A06e
  • notebookStatusErrorIcon.foreground#920092ce
  • notebookStatusRunningIcon.foreground#69104Bfe
  • 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#37228Cfe
  • 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#FAFAFA00
  • panelTitle.activeForeground#3F3F3Ffe
  • panelTitle.inactiveForeground#49494965
  • peekView.border#3F3F3Ffe
  • peekViewEditor.background#F6F6F6fe
  • peekViewEditor.matchHighlightBackground#9A9EA683
  • peekViewEditor.matchHighlightBorder#FAFAFA00
  • peekViewEditorGutter.background#F6F6F6fe
  • peekViewEditorStickyScroll.background#E0E0E0fe
  • peekViewResult.background#F2F2F2fe
  • peekViewResult.fileForeground#383838ce
  • peekViewResult.lineForeground#383838ce
  • peekViewResult.matchHighlightBackground#AA9FA68b
  • peekViewResult.selectionBackground#9FAAA687
  • peekViewResult.selectionForeground#720C0Cca
  • peekViewTitle.background#F2F2F2fe
  • peekViewTitleDescription.foreground#383838ce
  • peekViewTitleLabel.foreground#383838ce
  • pickerGroup.border#F6F6F6fe
  • pickerGroup.foreground#383838ce
  • ports.iconRunningProcessForeground#423434fe
  • problemsErrorIcon.foreground#920092ce
  • problemsInfoIcon.foreground#3F02FEce
  • problemsWarningIcon.foreground#604F00ce
  • profileBadge.background#6B6B6Bfe
  • profileBadge.foreground#F2F2F2fe
  • progressBar.background#E0E0E0fe
  • quickInput.background#F2F2F2fe
  • quickInput.foreground#383838ae
  • quickInputList.focusBackground#919E9Aae
  • quickInputList.focusForeground#5E5E5Efe
  • quickInputList.focusIconForeground#505050fe
  • quickInputTitle.background#F6F6F6fe
  • sash.hoverBorder#F6F6F6fe
  • scrollbar.shadow#FAFAFA00
  • scrollbarSlider.activeBackground#868686fe
  • scrollbarSlider.background#B5B5B5ae
  • scrollbarSlider.hoverBackground#A0A0A06e
  • search.resultsInfoForeground#383838ce
  • searchEditor.findMatchBackground#B1B1B1a5
  • 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#A3AEA38b
  • 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#626262fe
  • 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#FFB9FFa5
  • statusBar.debuggingBorder#F6F6F6fe
  • statusBar.debuggingForeground#383838ce
  • statusBar.focusBorder#FAFAFA00
  • statusBar.foreground#5151516e
  • statusBar.noFolderBackground#F2F2F2fe
  • statusBar.noFolderBorder#F6F6F6fe
  • statusBar.noFolderForeground#383838ce
  • statusBarItem.activeBackground#F2F2F2fe
  • statusBarItem.compactHoverBackground#F2F2F2fe
  • statusBarItem.errorBackground#FFB9FFcb
  • statusBarItem.errorForeground#920092ce
  • statusBarItem.errorHoverBackground#FFB9FF9d
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#FAFAFA00
  • statusBarItem.hoverBackground#F2F2F2fe
  • statusBarItem.hoverForeground#4C4C4Cfe
  • statusBarItem.offlineBackground#F2F2F2fe
  • statusBarItem.offlineForeground#383838ce
  • statusBarItem.offlineHoverBackground#F2F2F2fe
  • statusBarItem.offlineHoverForeground#505050fe
  • statusBarItem.prominentBackground#F2F2F2fe
  • statusBarItem.prominentForeground#383838ce
  • statusBarItem.prominentHoverBackground#F2F2F2fe
  • statusBarItem.prominentHoverForeground#595959fe
  • statusBarItem.remoteBackground#5E5E5Efe
  • statusBarItem.remoteForeground#F2F2F2fe
  • statusBarItem.remoteHoverBackground#F2F2F2fe
  • statusBarItem.remoteHoverForeground#707070fe
  • statusBarItem.warningBackground#F6CB00fe
  • statusBarItem.warningForeground#604F00ce
  • statusBarItem.warningHoverBackground#F6CB00fe
  • statusBarItem.warningHoverForeground#967C00ce
  • symbolIcon.arrayForeground#313845fe
  • symbolIcon.booleanForeground#005B5Bce
  • symbolIcon.classForeground#063186fe
  • symbolIcon.colorForeground#103379fe
  • symbolIcon.constantForeground#213E21fe
  • symbolIcon.constructorForeground#3714A0fe
  • symbolIcon.enumeratorForeground#3E3353fe
  • symbolIcon.enumeratorMemberForeground#4D2E41fe
  • symbolIcon.eventForeground#074032fe
  • symbolIcon.fieldForeground#3714A0fe
  • symbolIcon.fileForeground#37228Cfe
  • symbolIcon.folderForeground#631D40fe
  • symbolIcon.functionForeground#383838fe
  • symbolIcon.interfaceForeground#054205fe
  • symbolIcon.keyForeground#383838fe
  • symbolIcon.keywordForeground#193E2Ffe
  • symbolIcon.methodForeground#1C3E33fe
  • symbolIcon.moduleForeground#3E3353fe
  • symbolIcon.namespaceForeground#343840fe
  • symbolIcon.nullForeground#383838fe
  • symbolIcon.numberForeground#103F2Cfe
  • symbolIcon.objectForeground#363D3Bfe
  • symbolIcon.operatorForeground#103F2Cfe
  • symbolIcon.packageForeground#063186fe
  • symbolIcon.propertyForeground#612323fe
  • symbolIcon.referenceForeground#40343Cfe
  • symbolIcon.snippetForeground#66154Bfe
  • symbolIcon.stringForeground#293563fe
  • symbolIcon.structForeground#174017fe
  • symbolIcon.textForeground#383838fe
  • symbolIcon.typeParameterForeground#532A43fe
  • symbolIcon.unitForeground#363D36fe
  • symbolIcon.variableForeground#3D363Bfe
  • tab.activeBackground#EDEDEDfe
  • tab.activeBorder#FAFAFA00
  • tab.activeBorderTop#3F3F3Ffe
  • tab.activeForeground#3F3F3Ffe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#FAFAFA00
  • tab.hoverBackground#813B3Ba2
  • tab.hoverBorder#F6F6F6fe
  • tab.hoverForeground#626262fe
  • tab.inactiveBackground#CFCFCF99
  • tab.inactiveForeground#49494965
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F6F6F6fe
  • tab.unfocusedActiveBackground#D8D8D836
  • tab.unfocusedActiveBorder#FAFAFA00
  • tab.unfocusedActiveBorderTop#CFCFCF65
  • tab.unfocusedActiveForeground#3F3F3F65
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#5151512b
  • tab.unfocusedHoverBorder#D3D3D326
  • tab.unfocusedHoverForeground#41414165
  • tab.unfocusedInactiveBackground#C2C2C29e
  • tab.unfocusedInactiveForeground#3F3F3F65
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333ad
  • terminal.ansiBrightBlue#8e6affce
  • terminal.ansiBrightCyan#00a5a5ce
  • terminal.ansiBrightGreen#8acd8dcb
  • terminal.ansiBrightMagenta#b400b4ce
  • terminal.ansiBrightRed#ff6a6acb
  • terminal.ansiBrightWhite#f4f4f4be
  • terminal.ansiBrightYellow#ffd611ce
  • terminal.ansiCyan#008b8bfe
  • terminal.ansiGreen#39853dfb
  • terminal.ansiMagenta#670067a6
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececeb9
  • 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#BEBEBE9c
  • terminal.selectionBackground#BAB1B189
  • terminal.selectionForeground#1C3F1Cca
  • terminal.tab.activeBorder#3F3F3Ffe
  • terminalCommandDecoration.defaultBackground#6D4460a4
  • terminalCommandDecoration.errorBackground#A50000cb
  • terminalCommandDecoration.successBackground#1F5C22cb
  • terminalCursor.background#E0E0E0fe
  • terminalCursor.foreground#555555fe
  • terminalOverviewRuler.cursorForeground#383838ce
  • terminalOverviewRuler.findMatchForeground#005B5Bce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0a6
  • testing.iconUnset#808080bc
  • testing.message.error.decorationForeground#515151fe
  • testing.message.error.lineBackground#FFB9FFba
  • testing.message.info.decorationForeground#515151fe
  • 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#555555fe
  • textLink.foreground#3F02FEce
  • textPreformat.foreground#383838ce
  • textSeparator.foreground#383838ce
  • titleBar.activeBackground#F2F2F2fe
  • titleBar.activeForeground#3F3F3Fae
  • titleBar.border#FAFAFA00
  • titleBar.inactiveBackground#D8D8D8dd
  • titleBar.inactiveForeground#49494965
  • toolbar.activeBackground#D3CDCD87
  • toolbar.hoverBackground#E0E0E0fe
  • toolbar.hoverOutline#FAFAFA00
  • tree.inactiveIndentGuidesStroke#5A666235
  • tree.indentGuidesStroke#4C4C4Cfe
  • 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#FAFAFA00
  • window.activeBorder#F6F6F6fe
  • window.inactiveBorder#CECECE91

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#163628de
constant.character.character-class.regexp#303030de
constant.character.escape#1D5210de
constant.character.set.regexp#1A3713de
constant.language#213A2Ede
constant.numeric#183343de
constant.numeric.dec.python#312959de
constant.other.caps.python#303030de
constant.other.character-class.regexp#373013de
constant.other.character-class.set.regexp#3A3521de
constant.other.color.rgb-value#434343de
constant.other.placeholder#183628de
constant.other.rgb-value#0E5230de
constant.regexp#2C4726de
constant.sha.git-rebase#5A0952de
emphasis#15334Bde
entity.name.class#2F4D28de
entity.name.function#2A4354de
entity.name.function.preprocessor#3A3004de
entity.name.function.python#5B2C56de
entity.name.label#163727de
entity.name.namespace#501B49de
entity.name.operator#352C5Bde
entity.name.operator.custom-literal#183343de
entity.name.scope-resolution#55134Fde
entity.name.tag#52174Ede
entity.name.tag.css#283E4Dde
entity.name.type#234132debold
entity.name.variable#2A0B9Bde
entity.other.attribute#183628de
entity.other.attribute-name#322566de
entity.other.attribute-name.class.css#1D352Ade
entity.other.attribute-name.class.mixin.css#303030de
entity.other.attribute-name.id#303030de
entity.other.attribute-name.id.css#4D4628de
entity.other.attribute-name.parent-selector.css#413B23de
entity.other.attribute-name.pseudo-class.css#3A3521de
entity.other.attribute-name.pseudo-element.css#342B54de
entity.other.attribute-name.scss#322A58de
entity.other.document.begin.yaml#3030306e
entity.other.inherited-class#501B49de
header#1D3616de
invalid#04391Fde
keyword#233541debold
keyword.codetag.notation.python#21351Ddebold
keyword.control#434343debold
keyword.control.anchor.regexp#1F3618debold
keyword.control.import.python#1A3713debold
keyword.operator#363636debold
keyword.operator.alignas#1D352Adebold
keyword.operator.alignof#682F63debold
keyword.operator.cast#383000debold
keyword.operator.delete#303030debold
keyword.operator.documentation.powershell#3030306ebold
keyword.operator.expression#303030debold
keyword.operator.instanceof#303030debold
keyword.operator.logical.python#133724debold
keyword.operator.minus.exponent#303030debold
keyword.operator.negation.regexp#303030debold
keyword.operator.new#303030debold
keyword.operator.noexcept#303030debold
keyword.operator.or.regexp#1D352Adebold
keyword.operator.plus.exponent#313131debold
keyword.operator.quantifier.regexp#3F3F3Fdebold
keyword.operator.sizeof#352C5Bdebold
keyword.operator.typeid#492245debold
keyword.operator.wordlike#0F3904debold
keyword.other.operator#382D61debold
keyword.other.package.java#1C3341debold
keyword.other.unit#474026debold
keyword.other.using#413B23debold
markup.bold#163628de
markup.changed#35301Dde
markup.deleted#363016de
markup.fenced_code.block.markdown#373013de
markup.heading#322A54de
markup.inline.raw#52174Ede
markup.inserted#233541de
markup.italic#163628de
markup.raw.block.markdown#303030de
markup.strikethrough#1D5210de
markup.underline#1E3616de
meta.block.c#383016de
meta.block.c#393008de
meta.class.java#125132de
meta.definition.variable.name#153347de
meta.diff.header#303030de
meta.embedded#303030de
meta.embedded.assembly#284D3Bde
meta.function-call.arguments.python#363016de
meta.function-call.python#234132de
meta.member.access.python#612D5Cde
meta.method.java#264736de
meta.object-literal.key#303030de
meta.paragraph.markdown#1D3616de
meta.preprocessor#4C1F47de
meta.preprocessor.numeric#1D3616de
meta.preprocessor.string#472344de
meta.scope.prerequisites.makefile#21333Fde
meta.structure.dictionary.json.comments#3030306e
meta.structure.dictionary.key.python#04391Fde
meta.structure.dictionary.value.json.comments#3030306e
meta.template.expression#183628de
meta.type.cast.expr#303030debold
meta.type.new.expr#3F3F3Fdebold
parameter#153347de
punctuation.character.set.begin.regexp#342B54de
punctuation.character.set.end.regexp#434343de
punctuation.definition.array.begin.json#2F4D28de
punctuation.definition.character-class.regexp#5B2C56de
punctuation.definition.comment#3030306e
punctuation.definition.comment.json.comments#3030306e
punctuation.definition.comment.python#3030306e
punctuation.definition.dictionary.begin.json#434343de
punctuation.definition.dictionary.end.json#303030de
punctuation.definition.group.assertion.regexp#123809de
punctuation.definition.group.regexp#284D3Bde
punctuation.definition.list.begin.json#283E4Dde
punctuation.definition.list.begin.markdown#322A54de
punctuation.definition.list.begin.python#492245de
punctuation.definition.list.end.json#363016de
punctuation.definition.list.end.markdown#322A58de
punctuation.definition.list.end.python#472344de
punctuation.definition.parameters.begin.python#612D5Cde
punctuation.definition.parameters.end.bracket.round.java#55460Dde
punctuation.definition.quote.begin.markdown#303030de
punctuation.definition.tag#55134Fde
punctuation.definition.template-expression.begin#301A82de
punctuation.definition.template-expression.end#2A4354de
punctuation.section.class.begin.bracket.curly.java#3A3004de
punctuation.section.embedded#0E5230de
punctuation.section.embedded.begin.php#472644de
punctuation.section.embedded.end.php#183343de
punctuation.terminator.java#5A0952de
source.cmake#125132de
source.coffee.embedded#472644de
source.cpp#342B54de
source.css.less#3A3521de
source.groovy.embedded#363636de
source.java#4D284Ade
source.java-properties#093821de
source.json.comments#3030306e
source.makefile#264736de
source.powershell#233541de
source.powershell.variable.other.member#682F63de
source.python#1E3616de
storage#21333Fde
storage.modifier#0B4A75de
storage.modifier.import.java#1E3616de
storage.modifier.package.java#2F4D28de
storage.type#383016debold
storage.type.annotation.groovy#2F4D28debold
storage.type.annotation.java#413B23debold
storage.type.boolean.go#524614debold
storage.type.byte.go#303030debold
storage.type.cs#264736debold
storage.type.error.go#3A3521debold
storage.type.generic.cs#524612debold
storage.type.generic.groovy#0E5230debold
storage.type.generic.java#55460Ddebold
storage.type.groovy#363016debold
storage.type.java#303030debold
storage.type.modifier.cs#2C485Bdebold
storage.type.numeric.go#2F4D28debold
storage.type.object.array.groovy#205114debold
storage.type.object.array.java#524612debold
storage.type.parameters.groovy#1A3713debold
storage.type.primitive.array.groovy#332A55debold
storage.type.primitive.array.java#303030debold
storage.type.primitive.groovy#123809debold
storage.type.primitive.java#3A3004debold
storage.type.rune.go#163628debold
storage.type.string.go#554610debold
storage.type.token.java#612D5Cdebold
storage.type.uintptr.go#3A3A3Adebold
storage.type.variable.cs#094B74debold
string#163628de
string.quoted.docstring.multi.python#3030306e
string.regexp#0B4A75de
string.tag#2F4D28de
string.value#3A3A3Ade
strong#363016de
support.class#383016de
support.constant.color#55460Dde
support.constant.dom#153347de
support.constant.font-name#294123de
support.constant.handlebars#3A3A3Ade
support.constant.json#413B23de
support.constant.math#284D3Bde
support.constant.media#363636de
support.constant.media-type#472344debold
support.constant.property-value#5C0454de
support.function#264736de
support.function.git-rebase#342B54de
support.other.parenthesis.regexp#2C485Bde
support.type#373013debold
support.type.property-name#352C5Bdebold
support.type.vendored.property-name#094B74debold
support.variable#284D3Bde
token.debug-token#2C4726de
token.error-token#303030de
token.info-token#554610de
token.warn-token#5C0454de
variable#301A82de
variable.css#1A3713de
variable.language#303030de
variable.language.wildcard.java#205114de
variable.other.constant#363636de
variable.other.definition.java#5A0952de
variable.other.enummember#312173de
variable.other.less#352C5Bde
variable.other.object.java#280F95de
variable.other.object.property.java#2F4D28de
variable.parameter.c#303030de
variable.parameter.function.language.python#263A47de
variable.parameter.java#1D5210de
variable.scss#094B74de
viiv by B.W - VS Code Theme