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#BB60E7fe
  • activityBar.activeFocusBorder#89893400
  • activityBar.background#F2F2F2fe
  • activityBar.border#369C3600
  • activityBar.dropBorder#B85FE8fe
  • activityBar.foreground#BE5EE7fe
  • activityBar.inactiveForeground#87878765
  • activityBarBadge.background#6E2A8Dfe
  • activityBarBadge.foreground#F2F2F2fe
  • badge.background#852CADfe
  • badge.foreground#F2F2F2fe
  • banner.background#E0E0E0fe
  • banner.foreground#585858ce
  • banner.iconForeground#445D37fe
  • breadcrumb.activeSelectionForeground#375D50ca
  • breadcrumb.background#EDEDEDfe
  • breadcrumb.focusForeground#792B9Dfe
  • breadcrumb.foreground#565656ae
  • breadcrumbPicker.background#E0E0E0fe
  • button.background#ACACACae
  • button.border#FAFAFA00
  • button.foreground#585858ce
  • button.hoverBackground#B1B1B1fe
  • button.secondaryBackground#E0E0E0fe
  • button.secondaryForeground#585858ce
  • button.secondaryHoverBackground#E0E0E0fe
  • button.separator#FAFAFB00
  • charts.blue#1b1bfffe
  • charts.foreground#585858ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067a8
  • 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#D1D1B083
  • commandCenter.activeBorder#F6F6F6fe
  • commandCenter.activeForeground#6E2A8Dfe
  • commandCenter.background#E0E0E0fe
  • commandCenter.border#F6F6F6fe
  • commandCenter.foreground#585858ce
  • commandCenter.inactiveBorder#CFCFCF95
  • commandCenter.inactiveForeground#87878765
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#FAFAFB00
  • contrastBorder#FAFAFB00
  • debugConsole.errorForeground#9E009Ece
  • debugConsole.infoForeground#585858ce
  • debugConsole.sourceForeground#585858ce
  • debugConsole.warningForeground#6A5700ce
  • debugConsoleInputIcon.foreground#69459Ffe
  • debugExceptionWidget.background#FEC1FEa6
  • debugExceptionWidget.border#F6F6F6fe
  • debugIcon.breakpointCurrentStackframeForeground#5A5A35fe
  • debugIcon.breakpointDisabledForeground#4D4D4D65
  • debugIcon.breakpointForeground#5A5A38fe
  • debugIcon.breakpointStackframeForeground#585858fe
  • debugIcon.breakpointUnverifiedForeground#585858fe
  • debugIcon.continueForeground#3E5B63fe
  • debugIcon.disconnectForeground#3E5E53fe
  • debugIcon.pauseForeground#7F3E7Ffe
  • debugIcon.restartForeground#585839fe
  • debugIcon.startForeground#6642ADfe
  • debugIcon.stepBackForeground#445C66fe
  • debugIcon.stepIntoForeground#425B68fe
  • debugIcon.stepOutForeground#6F449Afe
  • debugIcon.stepOverForeground#495C3Cfe
  • debugIcon.stopForeground#4A5E40fe
  • debugTokenExpression.boolean#222024ca
  • debugTokenExpression.error#161918ca
  • debugTokenExpression.name#242024ca
  • debugTokenExpression.number#20201Cca
  • debugTokenExpression.value#191619ca
  • debugToolBar.background#FEC1FEb2
  • debugToolBar.border#F6F6F6fe
  • debugView.exceptionLabelBackground#A8DF72ca
  • debugView.exceptionLabelForeground#375D54ca
  • debugView.stateLabelBackground#DBC6FBca
  • debugView.stateLabelForeground#395C6Dca
  • debugView.valueChangedHighlight#242927ca
  • descriptionForeground#585858ce
  • diffEditor.border#FAFAFB00
  • diffEditor.diagonalFill#000000fc
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#74E67Afb
  • diffEditor.insertedTextBorder#FBFAFB00
  • diffEditor.move.border#FAFBFA00
  • diffEditor.moveActive.border#FAFAFB00
  • 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#4D4D4D65
  • dropdown.background#F6F6F6fe
  • dropdown.border#F6F6F6fe
  • dropdown.foreground#585858ce
  • dropdown.listBackground#F6F6F6fe
  • editor.background#E0E0E0fe
  • editor.findMatchBackground#9F939Fac
  • editor.findMatchBorder#F6F6F6fe
  • editor.findMatchHighlightBackground#A1A7ABae
  • editor.findMatchHighlightBorder#F6F6F6fe
  • editor.findRangeHighlightBackground#989FA3a3
  • editor.findRangeHighlightBorder#F6F6F6fe
  • editor.focusedStackFrameHighlightBackground#979F9383
  • editor.foldBackground#952295ac
  • editor.foreground#585858ce
  • editor.hoverHighlightBackground#A79CA7a7
  • editor.inactiveSelectionBackground#CFCFCF98
  • editor.inlineValuesBackground#E0E0E0fe
  • editor.inlineValuesForeground#585858ce
  • editor.lineHighlightBackground#C2C2C2b1
  • editor.lineHighlightBorder#FAFBFA00
  • editor.linkedEditingBackground#E0E0E0fe
  • editor.rangeHighlightBackground#B7B7AEa9
  • editor.rangeHighlightBorder#F6F6F6fe
  • editor.selectionBackground#979797a1
  • editor.selectionForeground#6641AFca
  • editor.selectionHighlightBackground#98A39F86
  • editor.selectionHighlightBorder#F6F6F6fe
  • editor.snippetFinalTabstopHighlightBackground#A1ABA7ae
  • editor.snippetFinalTabstopHighlightBorder#F6F6F6fe
  • editor.snippetTabstopHighlightBackground#B7BFBCa9
  • editor.snippetTabstopHighlightBorder#F6F6F6fe
  • editor.stackFrameHighlightBackground#ABA1ABa2
  • editor.symbolHighlightBackground#A1ABA7a9
  • editor.symbolHighlightBorder#F6F6F6fe
  • editor.wordHighlightBackground#A0A79Cac
  • editor.wordHighlightBorder#FAFBFA00
  • editor.wordHighlightStrongBackground#B1B1B1ad
  • editor.wordHighlightStrongBorder#FBFAFB00
  • editor.wordHighlightTextBackground#A8A5AFa2
  • editor.wordHighlightTextBorder#FBFAFB00
  • editorBracketHighlight.foreground1#0A0A0Ace
  • editorBracketHighlight.foreground2#0A0A0Ace
  • editorBracketHighlight.foreground3#0A0A0Ace
  • editorBracketHighlight.foreground4#0A0A0Ace
  • editorBracketHighlight.foreground5#0A0A0Ace
  • editorBracketHighlight.foreground6#0A0A0Ace
  • editorBracketHighlight.unexpectedBracket.foreground#585858ce
  • editorBracketMatch.background#386322a2
  • editorBracketMatch.border#F6F6F6fe
  • editorBracketPairGuide.activeBackground1#6025EA86
  • editorBracketPairGuide.activeBackground2#3A602789
  • editorBracketPairGuide.activeBackground3#59592689
  • editorBracketPairGuide.activeBackground4#24597481
  • editorBracketPairGuide.activeBackground5#5B5B278b
  • editorBracketPairGuide.activeBackground6#295D7781
  • editorBracketPairGuide.background1#99E274fe
  • editorBracketPairGuide.background2#D8C7FBfe
  • editorBracketPairGuide.background3#D9C8FBfe
  • editorBracketPairGuide.background4#96D9EFfe
  • editorBracketPairGuide.background5#CECECEfe
  • editorBracketPairGuide.background6#D9C8FBfe
  • editorCodeLens.foreground#5151516e
  • editorCommentsWidget.rangeActiveBackground#575757fe
  • editorCommentsWidget.rangeBackground#E0E0E0fe
  • editorCommentsWidget.resolvedBorder#F6F6F6fe
  • editorCommentsWidget.unresolvedBorder#FEC1C1cb
  • editorCursor.background#E0E0E0fe
  • editorCursor.foreground#732A95fe
  • editorError.background#FBFAFB00
  • editorError.border#FBFAFB00
  • editorError.foreground#9E009Ece
  • editorGhostText.background#E0E0E0fe
  • editorGhostText.border#FAFAFB00
  • 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#FAFAFB00
  • editorGroupHeader.noTabsBackground#F2F2F2ae
  • editorGroupHeader.tabsBackground#E0E0E0a1
  • editorGroupHeader.tabsBorder#FAFBFA00
  • 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#FBFBFA00
  • editorHint.foreground#511AFFce
  • editorHoverWidget.background#F6F6F6fe
  • editorHoverWidget.border#F6F6F6fe
  • editorHoverWidget.foreground#585858ce
  • editorHoverWidget.highlightForeground#3A5D68ca
  • editorHoverWidget.statusBarBackground#E0E0E0fe
  • editorIndentGuide.activeBackground1#585858fe
  • editorIndentGuide.activeBackground2#575757fe
  • editorIndentGuide.activeBackground3#575757fe
  • editorIndentGuide.activeBackground4#585858fe
  • editorIndentGuide.activeBackground5#585858fe
  • editorIndentGuide.activeBackground6#585858fe
  • editorIndentGuide.background1#685C6835
  • editorIndentGuide.background2#63635835
  • editorIndentGuide.background3#5C686435
  • editorIndentGuide.background4#54505A35
  • editorIndentGuide.background5#443C4435
  • editorIndentGuide.background6#43404835
  • editorInfo.background#FAFAFB00
  • editorInfo.border#FAFAFB00
  • 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#8A2DB5fe
  • editorLineNumber.dimmedForeground#5555556e
  • editorLineNumber.foreground#5151516e
  • editorLink.activeForeground#BD5FE7fe
  • editorMarkerNavigation.background#F6F6F6fe
  • editorMarkerNavigationError.background#FEC1FEae
  • editorMarkerNavigationError.headerBackground#FEC1FEc6
  • 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#585858c7
  • editorOverviewRuler.deletedForeground#B40000cb
  • editorOverviewRuler.errorForeground#9E009Ece
  • editorOverviewRuler.findMatchForeground#006262ce
  • editorOverviewRuler.incomingContentForeground#17661Bcb
  • editorOverviewRuler.infoForeground#511AFFce
  • editorOverviewRuler.modifiedForeground#6A5700ce
  • editorOverviewRuler.rangeHighlightForeground#5A5A35ca
  • editorOverviewRuler.selectionHighlightForeground#511AFFce
  • editorOverviewRuler.warningForeground#6A5700ce
  • editorOverviewRuler.wordHighlightForeground#575757ca
  • editorOverviewRuler.wordHighlightStrongForeground#585858ce
  • editorOverviewRuler.wordHighlightTextForeground#585858ce
  • editorPane.background#E0E0E0fe
  • editorRuler.foreground#58585827
  • editorStickyScroll.background#E0E0E0fe
  • editorStickyScroll.shadow#FBFAFB00
  • editorStickyScrollHover.background#CFCFCFfe
  • editorSuggestWidget.background#F6F6F6fe
  • editorSuggestWidget.border#FBFBFA00
  • editorSuggestWidget.focusHighlightForeground#438FB6fe
  • editorSuggestWidget.foreground#375D50fe
  • editorSuggestWidget.highlightForeground#5A5A36ca
  • editorSuggestWidget.selectedBackground#BFB7BF8d
  • editorSuggestWidget.selectedForeground#575757ca
  • editorSuggestWidget.selectedIconForeground#375D50ca
  • editorSuggestWidgetStatus.foreground#435E36fe
  • editorUnicodeHighlight.background#B5B2BBa1
  • editorUnicodeHighlight.border#F6F6F6fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#FAFBFA00
  • editorWarning.border#FBFBFA00
  • editorWarning.foreground#6A5700ce
  • editorWhitespace.foreground#585858ce
  • editorWidget.background#F6F6F6fe
  • editorWidget.border#F6F6F6fe
  • editorWidget.foreground#585858ce
  • editorWidget.resizeBorder#F6F6F6fe
  • errorForeground#9E009Ece
  • extensionBadge.remoteBackground#BC5FE7fe
  • extensionBadge.remoteForeground#F2F2F2fe
  • extensionButton.background#CECECEae
  • extensionButton.foreground#585858ce
  • extensionButton.hoverBackground#CECECEfe
  • extensionButton.prominentBackground#E0E0E0fe
  • extensionButton.prominentForeground#585858ce
  • extensionButton.prominentHoverBackground#E0E0E0fe
  • extensionButton.separator#FAFBFA00
  • extensionIcon.preReleaseForeground#415D55fe
  • extensionIcon.sponsorForeground#4D5B42fe
  • extensionIcon.starForeground#575757fe
  • extensionIcon.verifiedForeground#7C447Cfe
  • focusBorder#FAFAFB00
  • 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#99E274ca
  • inlineChat.border#75E2C7ca
  • inlineChat.regionHighlight#202324ca
  • inlineChat.shadow#171619ca
  • inlineChatDiff.inserted#191B1Cca
  • inlineChatDiff.removed#202324ca
  • inlineChatInput.background#292924ca
  • inlineChatInput.border#98E173ca
  • inlineChatInput.focusBorder#FBFBFA00
  • inlineChatInput.placeholderForeground#3A5D68ca
  • input.background#F6F6F6fe
  • input.border#F6F6F6fe
  • input.foreground#585858ce
  • input.placeholderForeground#49494965
  • inputOption.activeBackground#F6F6F6fe
  • inputOption.activeBorder#F6F6F6fe
  • inputOption.activeForeground#682985fe
  • inputOption.hoverBackground#F6F6F6fe
  • inputValidation.errorBackground#670067b3
  • inputValidation.errorBorder#FEC1FEc1
  • 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#CECECE9a
  • keybindingLabel.background#E0E0E0fe
  • keybindingLabel.border#F6F6F6fe
  • keybindingLabel.bottomBorder#F6F6F6fe
  • keybindingLabel.foreground#585858ce
  • keybindingTable.headerBackground#E0E0E0fe
  • keybindingTable.rowsBackground#E0E0E0fe
  • list.activeSelectionBackground#BAB7BF85
  • list.activeSelectionForeground#6641AFca
  • list.activeSelectionIconForeground#395C6Dca
  • list.deemphasizedForeground#585858ce
  • list.dropBackground#E0E0E0fe
  • list.errorForeground#9E009Ece
  • list.filterMatchBackground#E0E0E0fe
  • list.filterMatchBorder#F6F6F6fe
  • list.focusAndSelectionOutline#FBFAFB00
  • list.focusBackground#CBCBCB96
  • list.focusForeground#7F2CA5fe
  • list.focusHighlightForeground#498FBDfe
  • list.focusOutline#FAFAFB00
  • list.highlightForeground#5A5A35ca
  • list.hoverBackground#CECECEfe
  • list.hoverForeground#BD5FE7fe
  • list.inactiveFocusBackground#C6C6C699
  • list.inactiveFocusOutline#FAFBFA00
  • list.inactiveSelectionBackground#F2F2F2ae
  • list.inactiveSelectionForeground#40404065
  • list.inactiveSelectionIconForeground#4D4D4D65
  • list.invalidItemForeground#585858ce
  • list.warningForeground#6A5700ce
  • listFilterWidget.background#E0E0E0fe
  • listFilterWidget.noMatchesOutline#FBFBFA00
  • listFilterWidget.outline#FAFAFB00
  • listFilterWidget.shadow#FBFBFA00
  • menu.background#F2F2F2fe
  • menu.border#FAFBFA00
  • menu.foreground#565656ae
  • menu.selectionBackground#818181a7
  • menu.selectionBorder#FAFBFA00
  • menu.selectionForeground#732A95fe
  • menu.separatorBackground#CECECE65
  • menubar.selectionBackground#9F9F9Faa
  • menubar.selectionBorder#FAFAFA00
  • menubar.selectionForeground#8A2DB5fe
  • 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#D7D7D731
  • mergeEditor.conflict.input1.background#F6F6F6fe
  • mergeEditor.conflict.input2.background#F6F6F6fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067b3
  • mergeEditor.conflict.unhandledFocused.border#F6F6F6fe
  • mergeEditor.conflict.unhandledUnfocused.border#D3D3D322
  • mergeEditor.conflictingLines.background#E0E0E0fe
  • minimap.background#E0E0E0fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0A0A0Ace
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#0E5C12fb
  • minimapGutter.deletedBackground#B50000fb
  • minimapGutter.modifiedBackground#6A5700ce
  • minimapSlider.activeBackground#818181fe
  • minimapSlider.background#B9B9B9ae
  • minimapSlider.hoverBackground#9B9B9Bfe
  • notebook.cellBorderColor#F6F6F6fe
  • notebook.cellEditorBackground#E0E0E0fe
  • notebook.cellHoverBackground#E0E0E0fe
  • notebook.cellInsertionIndicator#1C201Fca
  • notebook.cellStatusBarItemHoverBackground#E0E0E0fe
  • notebook.cellToolbarSeparator#222024ca
  • notebook.editorBackground#E0E0E0fe
  • notebook.focusedCellBackground#E0E0E0fe
  • notebook.focusedCellBorder#792B9Dfe
  • notebook.focusedEditorBorder#F6F6F6fe
  • notebook.inactiveFocusedCellBorder#8585858e
  • notebook.inactiveSelectedCellBorder#7D7D7D8e
  • notebook.outputContainerBackgroundColor#E0E0E0fe
  • notebook.outputContainerBorderColor#F6F6F6fe
  • notebook.selectedCellBackground#E0E0E0fe
  • notebook.selectedCellBorder#F6F6F6fe
  • notebook.symbolHighlightBackground#E0E0E0fe
  • notebookEditorOverviewRuler.runningCellForeground#585858ce
  • notebookScrollbarSlider.activeBackground#858585fe
  • notebookScrollbarSlider.background#ACACACae
  • notebookScrollbarSlider.hoverBackground#B5B5B5fe
  • notebookStatusErrorIcon.foreground#9E009Ece
  • notebookStatusRunningIcon.foreground#3C5D68fe
  • 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#6F449Afe
  • 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#FBFBFA00
  • panelTitle.activeForeground#BB60E7fe
  • panelTitle.inactiveForeground#87878765
  • peekView.border#BB60E7fe
  • peekViewEditor.background#F6F6F6fe
  • peekViewEditor.matchHighlightBackground#BFB7BF85
  • peekViewEditor.matchHighlightBorder#FBFBFA00
  • peekViewEditorGutter.background#F6F6F6fe
  • peekViewEditorStickyScroll.background#E0E0E0fe
  • peekViewResult.background#F2F2F2fe
  • peekViewResult.fileForeground#585858ce
  • peekViewResult.lineForeground#585858ce
  • peekViewResult.matchHighlightBackground#A8A5AF89
  • peekViewResult.selectionBackground#B7BCBF8c
  • peekViewResult.selectionForeground#395C6Dca
  • peekViewTitle.background#F2F2F2fe
  • peekViewTitleDescription.foreground#585858ce
  • peekViewTitleLabel.foreground#585858ce
  • pickerGroup.border#F6F6F6fe
  • pickerGroup.foreground#585858ce
  • ports.iconRunningProcessForeground#5A5A40fe
  • problemsErrorIcon.foreground#9E009Ece
  • problemsInfoIcon.foreground#511AFFce
  • problemsWarningIcon.foreground#6A5700ce
  • profileBadge.background#902DBDfe
  • profileBadge.foreground#F2F2F2fe
  • progressBar.background#E0E0E0fe
  • quickInput.background#F2F2F2fe
  • quickInput.foreground#585858ae
  • quickInputList.focusBackground#9B9B8Fac
  • quickInputList.focusForeground#7F2CA5fe
  • quickInputList.focusIconForeground#902DBDfe
  • quickInputTitle.background#F6F6F6fe
  • sash.hoverBorder#F6F6F6fe
  • scrollbar.shadow#FAFAFA00
  • scrollbarSlider.activeBackground#818181fe
  • scrollbarSlider.background#B1B1B1ae
  • scrollbarSlider.hoverBackground#B5B5B5fe
  • search.resultsInfoForeground#585858ce
  • searchEditor.findMatchBackground#A3A398ae
  • 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#BABFB78b
  • 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#852CADfe
  • settings.textInputBackground#F6F6F6fe
  • settings.textInputBorder#F6F6F6fe
  • settings.textInputForeground#585858ce
  • sideBar.background#E0E0E0fe
  • sideBar.border#F6F6F6fe
  • sideBar.dropBackground#E0E0E0fe
  • sideBar.foreground#585858ae
  • sideBarSectionHeader.background#FBFAFB00
  • 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#FEC1FEaa
  • statusBar.debuggingBorder#F6F6F6fe
  • statusBar.debuggingForeground#585858ce
  • statusBar.focusBorder#FAFAFB00
  • statusBar.foreground#5151516e
  • statusBar.noFolderBackground#F2F2F2fe
  • statusBar.noFolderBorder#F6F6F6fe
  • statusBar.noFolderForeground#585858ce
  • statusBarItem.activeBackground#F2F2F2fe
  • statusBarItem.compactHoverBackground#F2F2F2fe
  • statusBarItem.errorBackground#FEC1FEc8
  • statusBarItem.errorForeground#9E009Ece
  • statusBarItem.errorHoverBackground#FEC1FEbd
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#FBFBFA00
  • statusBarItem.hoverBackground#F2F2F2fe
  • statusBarItem.hoverForeground#BC5FE7fe
  • statusBarItem.offlineBackground#F2F2F2fe
  • statusBarItem.offlineForeground#585858ce
  • statusBarItem.offlineHoverBackground#F2F2F2fe
  • statusBarItem.offlineHoverForeground#902DBDfe
  • statusBarItem.prominentBackground#F2F2F2fe
  • statusBarItem.prominentForeground#585858ce
  • statusBarItem.prominentHoverBackground#F2F2F2fe
  • statusBarItem.prominentHoverForeground#7F2CA5fe
  • statusBarItem.remoteBackground#BD5FE7fe
  • statusBarItem.remoteForeground#F2F2F2fe
  • statusBarItem.remoteHoverBackground#F2F2F2fe
  • statusBarItem.remoteHoverForeground#902DBDfe
  • statusBarItem.warningBackground#F6CB00fe
  • statusBarItem.warningForeground#6A5700ce
  • statusBarItem.warningHoverBackground#F6CB00fe
  • statusBarItem.warningHoverForeground#A08400ce
  • symbolIcon.arrayForeground#425B68fe
  • symbolIcon.booleanForeground#006262ce
  • symbolIcon.classForeground#585839fe
  • symbolIcon.colorForeground#7F427Ffe
  • symbolIcon.constantForeground#395C6Dfe
  • symbolIcon.constructorForeground#575757fe
  • symbolIcon.enumeratorForeground#58583Efe
  • symbolIcon.enumeratorMemberForeground#71429Ffe
  • symbolIcon.eventForeground#425B68fe
  • symbolIcon.fieldForeground#5A5A3Dfe
  • symbolIcon.fileForeground#803D80fe
  • symbolIcon.folderForeground#684A8Ffe
  • symbolIcon.functionForeground#375D50fe
  • symbolIcon.interfaceForeground#485E3Efe
  • symbolIcon.keyForeground#415D55fe
  • symbolIcon.keywordForeground#3E5B63fe
  • symbolIcon.methodForeground#495C3Cfe
  • symbolIcon.moduleForeground#3C5D68fe
  • symbolIcon.namespaceForeground#7E407Efe
  • symbolIcon.nullForeground#59593Bfe
  • symbolIcon.numberForeground#7B437Bfe
  • symbolIcon.objectForeground#375D50fe
  • symbolIcon.operatorForeground#395E55fe
  • symbolIcon.packageForeground#575757fe
  • symbolIcon.propertyForeground#774777fe
  • symbolIcon.referenceForeground#3D5F58fe
  • symbolIcon.snippetForeground#495F3Bfe
  • symbolIcon.stringForeground#7F427Ffe
  • symbolIcon.structForeground#575757fe
  • symbolIcon.textForeground#71429Ffe
  • symbolIcon.typeParameterForeground#3E5E53fe
  • symbolIcon.unitForeground#395C6Dfe
  • symbolIcon.variableForeground#585858fe
  • tab.activeBackground#EDEDEDfe
  • tab.activeBorder#FAFBFA00
  • tab.activeBorderTop#BD5FE8fe
  • tab.activeForeground#BE5EE7fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#FAFAFB00
  • tab.hoverBackground#575757fe
  • tab.hoverBorder#F6F6F6fe
  • tab.hoverForeground#6E2A8Dfe
  • tab.inactiveBackground#CFCFCF92
  • tab.inactiveForeground#49494965
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F6F6F6fe
  • tab.unfocusedActiveBackground#D3D3D335
  • tab.unfocusedActiveBorder#FAFBFA00
  • tab.unfocusedActiveBorderTop#CECECE65
  • tab.unfocusedActiveForeground#88888865
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#585858fe
  • tab.unfocusedHoverBorder#D3D3D333
  • tab.unfocusedHoverForeground#87878765
  • tab.unfocusedInactiveBackground#CBCBCB9d
  • tab.unfocusedInactiveForeground#4D4D4D65
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333ac
  • 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#670067a0
  • 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#585858ae
  • terminal.hoverHighlightBackground#E0E0E0fe
  • terminal.inactiveSelectionBackground#C2C2C291
  • terminal.selectionBackground#A1A7AB82
  • terminal.selectionForeground#6F449Aca
  • terminal.tab.activeBorder#BB60E7fe
  • terminalCommandDecoration.defaultBackground#922592aa
  • terminalCommandDecoration.errorBackground#B40000cb
  • terminalCommandDecoration.successBackground#17661Bcb
  • terminalCursor.background#E0E0E0fe
  • terminalCursor.foreground#902DBDfe
  • terminalOverviewRuler.cursorForeground#585858ce
  • terminalOverviewRuler.findMatchForeground#006262ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0a3
  • testing.iconUnset#808080c3
  • testing.message.error.decorationForeground#7F2CA5fe
  • testing.message.error.lineBackground#FEC1FEac
  • testing.message.info.decorationForeground#682985fe
  • 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#682985fe
  • textLink.foreground#511AFFce
  • textPreformat.foreground#585858ce
  • textSeparator.foreground#585858ce
  • titleBar.activeBackground#F2F2F2fe
  • titleBar.activeForeground#878787ae
  • titleBar.border#FAFBFA00
  • titleBar.inactiveBackground#D3D3D3d1
  • titleBar.inactiveForeground#49494965
  • toolbar.activeBackground#F0BFF086
  • toolbar.hoverBackground#E0E0E0fe
  • toolbar.hoverOutline#FBFBFA00
  • tree.inactiveIndentGuidesStroke#605C6835
  • tree.indentGuidesStroke#8B03C9fe
  • 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#FBFBFA00
  • window.activeBorder#F6F6F6fe
  • window.inactiveBorder#CECECE94

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#4D4D4D6e
comment.block.html#4D4D4D6e
comment.block.java#4E4E4E6e
comment.block.javadoc.java#4C4C4C6e
comment.block.powershell#4D4D4D6e
comment.block.xml#4E4E4E6e
comment.line.double-slash.c#4D4D4D6e
comment.line.double-slash.cpp#4D4D4D6e
comment.line.double-slash.java#4E4E4E6e
comment.line.double-slash.js#4E4E4E6e
comment.line.number-sign.makefile#4E4E4E6e
comment.line.number-sign.python#4C4C4C6e
comment.line.number-sign.yaml#4D4D4D6e
comment.line.percentage.erlang#4E4E4E6e
comment.line.powershell#4E4E4E6e
comment.source.cmake#4E4E4E6e
comment.source.cmakecache#4D4D4D6e
constant.character#1C451Ede
constant.character.character-class.regexp#074D4Dde
constant.character.escape#095858de
constant.character.set.regexp#734326de
constant.language#84380Ade
constant.numeric#42521Fde
constant.numeric.dec.python#0B5858de
constant.other.caps.python#2D3EC0de
constant.other.character-class.regexp#0A5858de
constant.other.character-class.set.regexp#0B5858de
constant.other.color.rgb-value#0A5B0Fde
constant.other.placeholder#0B5858de
constant.other.rgb-value#3D550Ade
constant.regexp#0B5C0Fde
constant.sha.git-rebase#60233Ede
emphasis#3D5507de
entity.name.class#2D3DC0de
entity.name.function#0A5757de
entity.name.function.preprocessor#0A5858de
entity.name.function.python#852951de
entity.name.label#091EB4de
entity.name.namespace#724226de
entity.name.operator#205656de
entity.name.operator.custom-literal#205656de
entity.name.scope-resolution#84380Bde
entity.name.tag#3E5606de
entity.name.tag.css#6E2A8Dde
entity.name.type#2D3EBFdebold
entity.name.variable#84380Ade
entity.other.attribute#9E0447de
entity.other.attribute-name#205656de
entity.other.attribute-name.class.css#084B4Bde
entity.other.attribute-name.class.mixin.css#0A5858de
entity.other.attribute-name.id#435220de
entity.other.attribute-name.id.css#0A5B0Fde
entity.other.attribute-name.parent-selector.css#0A5B0Fde
entity.other.attribute-name.pseudo-class.css#742A95de
entity.other.attribute-name.pseudo-element.css#8A2A55de
entity.other.attribute-name.scss#0A1EACde
entity.other.document.begin.yaml#4C4C4C6e
entity.other.inherited-class#091EBBdebold
header#83380Bde
invalid#2C3FBAde
keyword#744226debold
keyword.codetag.notation.python#215923debold
keyword.control#603A23debold
keyword.control.anchor.regexp#08540Cdebold
keyword.control.import.python#7C03B4debold
keyword.operator#7D05B2debold
keyword.operator.alignas#0A5757debold
keyword.operator.alignof#2A368Ddebold
keyword.operator.cast#0A5B0Fdebold
keyword.operator.delete#734326debold
keyword.operator.documentation.powershell#4C4C4C6ebold
keyword.operator.expression#3D4C1Edebold
keyword.operator.instanceof#0A5757debold
keyword.operator.logical.python#7D07B3debold
keyword.operator.minus.exponent#0A590Edebold
keyword.operator.negation.regexp#3E5606debold
keyword.operator.new#0A590Edebold
keyword.operator.noexcept#9D0749debold
keyword.operator.or.regexp#215824debold
keyword.operator.plus.exponent#704125debold
keyword.operator.quantifier.regexp#3E560Bdebold
keyword.operator.sizeof#2C3FBAdebold
keyword.operator.typeid#0B5858debold
keyword.operator.wordlike#2D3FBDdebold
keyword.other.operator#3E5608debold
keyword.other.package.java#843709debold
keyword.other.unit#762749debold
keyword.other.using#1F5223debold
markup.bold#6F4125de
markup.changed#215925de
markup.deleted#085454de
markup.fenced_code.block.markdown#0A5B0Fde
markup.heading#7C06B2de
markup.inline.raw#2D3EC0de
markup.inserted#873505de
markup.italic#0A5757de
markup.raw.block.markdown#84380Ade
markup.strikethrough#2D3FBDde
markup.underline#762A99de
meta.block.c#2C3FBAde
meta.block.c#0B5B10de
meta.class.java#0A5757de
meta.definition.variable.name#0A5C0Fde
meta.diff.header#0A5B0Fde
meta.embedded#0A5656de
meta.embedded.assembly#9C0949de
meta.function-call.arguments.python#0B5B10de
meta.function-call.python#1E4C20de
meta.member.access.python#724226de
meta.method.java#42521Fde
meta.object-literal.key#2D3EC0de
meta.paragraph.markdown#1C451Ede
meta.preprocessor#0A5B0Fde
meta.preprocessor.numeric#0A5B0Fde
meta.preprocessor.string#7D04B5de
meta.scope.prerequisites.makefile#2A368Dde
meta.structure.dictionary.json.comments#4D4D4D6e
meta.structure.dictionary.key.python#084B0Bde
meta.structure.dictionary.value.json.comments#4E4E4E6e
meta.template.expression#2D3DC0de
meta.type.cast.expr#2D3EBCde
meta.type.new.expr#2C3BA5de
parameter#0A5B10de
punctuation.character.set.begin.regexp#6E2A8Dde
punctuation.character.set.end.regexp#084B0Bde
punctuation.definition.array.begin.json#762A99de
punctuation.definition.character-class.regexp#744226de
punctuation.definition.comment#4E4E4E6e
punctuation.definition.comment.json.comments#4D4D4D6e
punctuation.definition.comment.python#4D4D4D6e
punctuation.definition.dictionary.begin.json#853708de
punctuation.definition.dictionary.end.json#091EBBde
punctuation.definition.group.assertion.regexp#28327Ede
punctuation.definition.group.regexp#2A368Dde
punctuation.definition.list.begin.json#0A5757de
punctuation.definition.list.begin.markdown#2A3895de
punctuation.definition.list.begin.python#762A99de
punctuation.definition.list.end.json#0A5757de
punctuation.definition.list.end.markdown#892953de
punctuation.definition.list.end.python#1F5252de
punctuation.definition.parameters.begin.python#8B2955de
punctuation.definition.parameters.end.bracket.round.java#58256Fde
punctuation.definition.quote.begin.markdown#0A590Ede
punctuation.definition.tag#7D09B2de
punctuation.definition.template-expression.begin#0B5B10de
punctuation.definition.template-expression.end#3D550Ade
punctuation.section.class.begin.bracket.curly.java#7D07B3de
punctuation.section.embedded#63287Ede
punctuation.section.embedded.begin.php#215824de
punctuation.section.embedded.end.php#593621de
punctuation.terminator.java#8A2A55de
source.cmake#3E560Ade
source.coffee.embedded#205656de
source.cpp#843709de
source.css.less#0A5A0Fde
source.groovy.embedded#09590Ede
source.java#84380Bde
source.java-properties#0A5858de
source.json.comments#4E4E4E6e
source.makefile#333E1Ade
source.powershell#84380Ade
source.powershell.variable.other.member#0A5757de
source.python#0A5B0Fde
storage#603A23de
storage.modifier#2A368Dde
storage.modifier.import.java#094C4Cde
storage.modifier.package.java#853608de
storage.type#28327Edebold
storage.type.annotation.groovy#0A5B0Fdebold
storage.type.annotation.java#84380Adebold
storage.type.boolean.go#682442debold
storage.type.byte.go#843709debold
storage.type.cs#0A4848debold
storage.type.error.go#0A5B0Fdebold
storage.type.generic.cs#852951debold
storage.type.generic.groovy#0A4848debold
storage.type.generic.java#205656debold
storage.type.groovy#3D550Adebold
storage.type.java#9B0A49debold
storage.type.modifier.cs#873505debold
storage.type.numeric.go#091EB4debold
storage.type.object.array.groovy#2A3895debold
storage.type.object.array.java#732A95debold
storage.type.parameters.groovy#1F5223debold
storage.type.primitive.array.groovy#7D04B5debold
storage.type.primitive.array.java#3E5609debold
storage.type.primitive.groovy#0A5B0Fdebold
storage.type.primitive.java#215925debold
storage.type.rune.go#0A5858debold
storage.type.string.go#333E1Adebold
storage.type.token.java#2D3EBCdebold
storage.type.uintptr.go#8C2954debold
storage.type.variable.cs#2D3EBCdebold
string#2C3FBAde
string.quoted.docstring.multi.python#4C4C4C6e
string.regexp#52321Fde
string.tag#52321Fde
string.value#7C08B1de
strong#085454de
support.class#744226de
support.constant.color#7D07B3de
support.constant.dom#2A3895de
support.constant.font-name#2D3FBDde
support.constant.handlebars#09590Ede
support.constant.json#9B0A49de
support.constant.math#682985de
support.constant.media#732B94de
support.constant.media-type#333E1Ade
support.constant.property-value#2D3DC0de
support.function#9B0A4Ade
support.function.git-rebase#7D04B5de
support.other.parenthesis.regexp#0B5858de
support.type#2D3DC0debold
support.type.property-name#752A96debold
support.type.vendored.property-name#0A5B0Fdebold
support.variable#83380Bde
token.debug-token#9B0A4Ade
token.error-token#7E284Dde
token.info-token#752A96de
token.warn-token#0B5B10de
variable#0A5757de
variable.css#7D09B2de
variable.language#0A5858de
variable.language.wildcard.java#63287Ede
variable.other.constant#091EB4de
variable.other.definition.java#8B2955de
variable.other.enummember#0A5C0Fde
variable.other.less#3D540Ade
variable.other.object.java#83380Ade
variable.other.object.property.java#091EBBde
variable.parameter.c#7E284Dde
variable.parameter.function.language.python#215824de
variable.parameter.java#1A3E3Ede
variable.scss#0A5A0Fde
viiv by B.W - VS Code Theme