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#7B1A1Afe
  • activityBar.activeFocusBorder#46888800
  • activityBar.background#F2F2F2fe
  • activityBar.border#81814600
  • activityBar.dropBorder#840303fe
  • activityBar.foreground#7B1A1Afe
  • activityBar.inactiveForeground#4D4D4D65
  • activityBarBadge.background#9C4545fe
  • activityBarBadge.foreground#F2F2F2fe
  • badge.background#944545fe
  • badge.foreground#F2F2F2fe
  • banner.background#E0E0E0fe
  • banner.foreground#383838ce
  • banner.iconForeground#393919fe
  • breadcrumb.activeSelectionForeground#043F37ca
  • breadcrumb.background#EDEDEDfe
  • breadcrumb.focusForeground#7E4242fe
  • breadcrumb.foreground#383838ae
  • breadcrumbPicker.background#E0E0E0fe
  • button.background#A8A8A8ae
  • button.border#F6F5F700
  • button.foreground#383838ce
  • button.hoverBackground#9292926e
  • button.secondaryBackground#E0E0E0fe
  • button.secondaryForeground#383838ce
  • button.secondaryHoverBackground#E0E0E0fe
  • button.separator#F7F5F500
  • charts.blue#1b1bfffe
  • charts.foreground#383838ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067c0
  • 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#D2CDD78b
  • commandCenter.activeBorder#F6F6F6fe
  • commandCenter.activeForeground#B44646fe
  • commandCenter.background#E0E0E0fe
  • commandCenter.border#F6F6F6fe
  • commandCenter.foreground#383838ce
  • commandCenter.inactiveBorder#CECECE9e
  • commandCenter.inactiveForeground#3F3F3F65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F5F6F700
  • contrastBorder#F5F7F700
  • debugConsole.errorForeground#920092ce
  • debugConsole.infoForeground#383838ce
  • debugConsole.sourceForeground#383838ce
  • debugConsole.warningForeground#604F00ce
  • debugConsoleInputIcon.foreground#393918fe
  • debugExceptionWidget.background#FFB9FF9f
  • debugExceptionWidget.border#F6F6F6fe
  • debugIcon.breakpointCurrentStackframeForeground#443058fe
  • debugIcon.breakpointDisabledForeground#40404065
  • debugIcon.breakpointForeground#3E334Afe
  • debugIcon.breakpointStackframeForeground#6B0E46fe
  • debugIcon.breakpointUnverifiedForeground#383838fe
  • debugIcon.continueForeground#662110fe
  • debugIcon.disconnectForeground#530F85fe
  • debugIcon.pauseForeground#383838fe
  • debugIcon.restartForeground#313E3Bfe
  • debugIcon.startForeground#662110fe
  • debugIcon.stepBackForeground#4D009Afe
  • debugIcon.stepIntoForeground#522A45fe
  • debugIcon.stepOutForeground#562B26fe
  • debugIcon.stepOverForeground#452E59fe
  • debugIcon.stopForeground#393923fe
  • debugTokenExpression.boolean#1C1716ca
  • debugTokenExpression.error#161C1Cca
  • debugTokenExpression.name#181316ca
  • debugTokenExpression.number#21211Aca
  • debugTokenExpression.value#1D1817ca
  • debugToolBar.background#FFB9FFb2
  • debugToolBar.border#F6F6F6fe
  • debugView.exceptionLabelBackground#CFCFC3ca
  • debugView.exceptionLabelForeground#183D3Dca
  • debugView.stateLabelBackground#D5CDCAca
  • debugView.stateLabelForeground#383838ca
  • debugView.valueChangedHighlight#161318ca
  • descriptionForeground#383838ce
  • diffEditor.border#FAFAFA00
  • diffEditor.diagonalFill#000000f5
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#ACDBAEfb
  • diffEditor.insertedTextBorder#F7F5F500
  • diffEditor.move.border#FAFAFA00
  • diffEditor.moveActive.border#F7F5F600
  • 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#44444465
  • dropdown.background#F6F6F6fe
  • dropdown.border#F6F6F6fe
  • dropdown.foreground#383838ce
  • dropdown.listBackground#F6F6F6fe
  • editor.background#E0E0E0fe
  • editor.findMatchBackground#AEB4BFab
  • editor.findMatchBorder#F6F6F6fe
  • editor.findMatchHighlightBackground#A5B7B4a1
  • editor.findMatchHighlightBorder#F6F6F6fe
  • editor.findRangeHighlightBackground#929292a1
  • editor.findRangeHighlightBorder#F6F6F6fe
  • editor.focusedStackFrameHighlightBackground#B09F9B8b
  • editor.foldBackground#515151a1
  • editor.foreground#383838ce
  • editor.hoverHighlightBackground#B0B09Ba1
  • editor.inactiveSelectionBackground#CBCBCB9b
  • editor.inlineValuesBackground#E0E0E0fe
  • editor.inlineValuesForeground#383838ce
  • editor.lineHighlightBackground#C6C6C6b2
  • editor.lineHighlightBorder#F7F5F500
  • editor.linkedEditingBackground#E0E0E0fe
  • editor.rangeHighlightBackground#96ACA8a4
  • editor.rangeHighlightBorder#F6F6F6fe
  • editor.selectionBackground#CECEC1ad
  • editor.selectionForeground#652012ca
  • editor.selectionHighlightBackground#9D9D8482
  • editor.selectionHighlightBorder#F6F6F6fe
  • editor.snippetFinalTabstopHighlightBackground#9299A8a9
  • editor.snippetFinalTabstopHighlightBorder#F6F6F6fe
  • editor.snippetTabstopHighlightBackground#AEBFBCa2
  • editor.snippetTabstopHighlightBorder#F6F6F6fe
  • editor.stackFrameHighlightBackground#8D95A4ae
  • editor.symbolHighlightBackground#96ACA8a2
  • editor.symbolHighlightBorder#F6F6F6fe
  • editor.wordHighlightBackground#A5ABB7a4
  • editor.wordHighlightBorder#FAFAFA00
  • editor.wordHighlightStrongBackground#ACACACa3
  • editor.wordHighlightStrongBorder#F5F6F700
  • editor.wordHighlightTextBackground#96ACA8a5
  • editor.wordHighlightTextBorder#F7F5F600
  • editorBracketHighlight.foreground1#0B0B0Bce
  • editorBracketHighlight.foreground2#0B0B0Bce
  • editorBracketHighlight.foreground3#0B0B0Bce
  • editorBracketHighlight.foreground4#0B0B0Bce
  • editorBracketHighlight.foreground5#0B0B0Bce
  • editorBracketHighlight.foreground6#0B0B0Bce
  • editorBracketHighlight.unexpectedBracket.foreground#383838ce
  • editorBracketMatch.background#3D5079a5
  • editorBracketMatch.border#F6F6F6fe
  • editorBracketPairGuide.activeBackground1#43516F89
  • editorBracketPairGuide.activeBackground2#3156508b
  • editorBracketPairGuide.activeBackground3#3350898a
  • editorBracketPairGuide.activeBackground4#803E3181
  • editorBracketPairGuide.activeBackground5#62438281
  • editorBracketPairGuide.activeBackground6#52523089
  • editorBracketPairGuide.background1#D7CECCfe
  • editorBracketPairGuide.background2#D7CECCfe
  • editorBracketPairGuide.background3#C4D1CFfe
  • editorBracketPairGuide.background4#D6CDCBfe
  • editorBracketPairGuide.background5#CBCED5fe
  • editorBracketPairGuide.background6#C5D1CEfe
  • editorCodeLens.foreground#5151516e
  • editorCommentsWidget.rangeActiveBackground#515151fe
  • editorCommentsWidget.rangeBackground#E0E0E0fe
  • editorCommentsWidget.resolvedBorder#F6F6F6fe
  • editorCommentsWidget.unresolvedBorder#FFBEBEcb
  • editorCursor.background#E0E0E0fe
  • editorCursor.foreground#AC4646fe
  • editorError.background#F6F5F700
  • editorError.border#F7F5F600
  • editorError.foreground#920092ce
  • editorGhostText.background#E0E0E0fe
  • editorGhostText.border#F5F7F700
  • 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#F5F7F700
  • editorGroupHeader.noTabsBackground#F2F2F2ae
  • editorGroupHeader.tabsBackground#DCDCDCa1
  • editorGroupHeader.tabsBorder#F6F5F700
  • 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#F7F5F500
  • editorHint.foreground#3F02FEce
  • editorHoverWidget.background#F6F6F6fe
  • editorHoverWidget.border#F6F6F6fe
  • editorHoverWidget.foreground#383838ce
  • editorHoverWidget.highlightForeground#661F10ca
  • editorHoverWidget.statusBarBackground#E0E0E0fe
  • editorIndentGuide.activeBackground1#801212fe
  • editorIndentGuide.activeBackground2#742222fe
  • editorIndentGuide.activeBackground3#623131fe
  • editorIndentGuide.activeBackground4#840303fe
  • editorIndentGuide.activeBackground5#583636fe
  • editorIndentGuide.activeBackground6#672E2Efe
  • editorIndentGuide.background1#475A5735
  • editorIndentGuide.background2#51404B35
  • editorIndentGuide.background3#35394235
  • editorIndentGuide.background4#5F5F4B35
  • editorIndentGuide.background5#44555235
  • editorIndentGuide.background6#6D5A5635
  • editorInfo.background#F5F6F700
  • editorInfo.border#F5F7F700
  • 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#854343fe
  • editorLineNumber.dimmedForeground#5151516e
  • editorLineNumber.foreground#5151516e
  • editorLink.activeForeground#764141fe
  • editorMarkerNavigation.background#F6F6F6fe
  • editorMarkerNavigationError.background#FFB9FFb7
  • editorMarkerNavigationError.headerBackground#FFB9FFc2
  • editorMarkerNavigationInfo.background#CACAFFfe
  • editorMarkerNavigationInfo.headerBackground#CACAFFfe
  • editorMarkerNavigationWarning.background#F6CB00fe
  • editorMarkerNavigationWarning.headerBackground#F6CB00fe
  • editorOverviewRuler.addedForeground#1F5C22cb
  • editorOverviewRuler.background#E0E0E0fe
  • editorOverviewRuler.border#CECECEfe
  • editorOverviewRuler.bracketMatchForeground#383838ce
  • editorOverviewRuler.commentForeground#5151516e
  • editorOverviewRuler.commentUnresolvedForeground#1F5C22cb
  • editorOverviewRuler.commonContentForeground#383838ce
  • editorOverviewRuler.currentContentForeground#515151be
  • editorOverviewRuler.deletedForeground#A50000cb
  • editorOverviewRuler.errorForeground#920092ce
  • editorOverviewRuler.findMatchForeground#005B5Bce
  • editorOverviewRuler.incomingContentForeground#1F5C22cb
  • editorOverviewRuler.infoForeground#3F02FEce
  • editorOverviewRuler.modifiedForeground#604F00ce
  • editorOverviewRuler.rangeHighlightForeground#1F3760ca
  • editorOverviewRuler.selectionHighlightForeground#3F02FEce
  • editorOverviewRuler.warningForeground#604F00ce
  • editorOverviewRuler.wordHighlightForeground#173E36ca
  • editorOverviewRuler.wordHighlightStrongForeground#383838ce
  • editorOverviewRuler.wordHighlightTextForeground#383838ce
  • editorPane.background#E0E0E0fe
  • editorRuler.foreground#5050503b
  • editorStickyScroll.background#E0E0E0fe
  • editorStickyScrollHover.background#CECECE6e
  • editorSuggestWidget.background#F6F6F6fe
  • editorSuggestWidget.border#F7F5F500
  • editorSuggestWidget.focusHighlightForeground#414124fe
  • editorSuggestWidget.foreground#0D3F34fe
  • editorSuggestWidget.highlightForeground#69104Bca
  • editorSuggestWidget.selectedBackground#AC96A589
  • editorSuggestWidget.selectedForeground#183D3Dca
  • editorSuggestWidget.selectedIconForeground#1F3760ca
  • editorSuggestWidgetStatus.foreground#073184fe
  • editorUnicodeHighlight.background#969EACae
  • editorUnicodeHighlight.border#F6F6F6fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F7F5F600
  • editorWarning.border#F6F5F700
  • editorWarning.foreground#604F00ce
  • editorWhitespace.foreground#383838ce
  • editorWidget.background#F6F6F6fe
  • editorWidget.border#F6F6F6fe
  • editorWidget.foreground#383838ce
  • editorWidget.resizeBorder#F6F6F6fe
  • errorForeground#920092ce
  • extensionBadge.remoteBackground#854343fe
  • extensionBadge.remoteForeground#F2F2F2fe
  • extensionButton.background#CECECEae
  • extensionButton.foreground#383838ce
  • extensionButton.hoverBackground#CFCFCF6e
  • extensionButton.prominentBackground#E0E0E0fe
  • extensionButton.prominentForeground#383838ce
  • extensionButton.prominentHoverBackground#E0E0E0fe
  • extensionButton.separator#F7F5F500
  • extensionIcon.preReleaseForeground#2A3B38fe
  • extensionIcon.sponsorForeground#482179fe
  • extensionIcon.starForeground#39391Bfe
  • extensionIcon.verifiedForeground#530F85fe
  • focusBorder#F6F5F700
  • 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#CBCFD6ca
  • inlineChat.border#D7CCD4ca
  • inlineChat.regionHighlight#181413ca
  • inlineChat.shadow#1E1A21ca
  • inlineChatDiff.inserted#17191Dca
  • inlineChatDiff.removed#1E1A21ca
  • inlineChatInput.background#1E1A21ca
  • inlineChatInput.border#C6D2D0ca
  • inlineChatInput.focusBorder#F5F6F700
  • inlineChatInput.placeholderForeground#183D3Dca
  • input.background#F6F6F6fe
  • input.border#F6F6F6fe
  • input.foreground#383838ce
  • input.placeholderForeground#44444465
  • inputOption.activeBackground#F6F6F6fe
  • inputOption.activeBorder#F6F6F6fe
  • inputOption.activeForeground#944545fe
  • inputOption.hoverBackground#F6F6F6fe
  • inputValidation.errorBackground#670067cb
  • inputValidation.errorBorder#FFB9FFc4
  • 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#CECECE9b
  • keybindingLabel.background#E0E0E0fe
  • keybindingLabel.border#F6F6F6fe
  • keybindingLabel.bottomBorder#F6F6F6fe
  • keybindingLabel.foreground#383838ce
  • keybindingTable.headerBackground#E0E0E0fe
  • keybindingTable.rowsBackground#E0E0E0fe
  • list.activeSelectionBackground#BBA9B581
  • list.activeSelectionForeground#662110ca
  • list.activeSelectionIconForeground#0C3572ca
  • list.deemphasizedForeground#383838ce
  • list.dropBackground#E0E0E0fe
  • list.errorForeground#920092ce
  • list.filterMatchBackground#E0E0E0fe
  • list.filterMatchBorder#F6F6F6fe
  • list.focusAndSelectionOutline#F6F5F700
  • list.focusBackground#CFCFCF97
  • list.focusForeground#AC4646fe
  • list.focusHighlightForeground#1C4640fe
  • list.focusOutline#F5F7F700
  • list.highlightForeground#393919ca
  • list.hoverBackground#CFCFC3a7
  • list.hoverForeground#854343fe
  • list.inactiveFocusBackground#CBCBCB95
  • list.inactiveFocusOutline#F7F5F500
  • list.inactiveSelectionBackground#F2F2F2ae
  • list.inactiveSelectionForeground#44444465
  • list.inactiveSelectionIconForeground#44444465
  • list.invalidItemForeground#383838ce
  • list.warningForeground#604F00ce
  • listFilterWidget.background#E0E0E0fe
  • listFilterWidget.noMatchesOutline#F6F5F700
  • listFilterWidget.outline#F5F6F700
  • listFilterWidget.shadow#FAFAFA00
  • menu.background#F2F2F2fe
  • menu.border#F5F7F700
  • menu.foreground#383838ae
  • menu.selectionBackground#C2C2B3a4
  • menu.selectionBorder#F5F7F700
  • menu.selectionForeground#9C4545fe
  • menu.separatorBackground#CFCFCF65
  • menubar.selectionBackground#D1D1C6ad
  • menubar.selectionBorder#F5F7F700
  • menubar.selectionForeground#AC4646fe
  • 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#D7D7D73a
  • mergeEditor.conflict.input1.background#F6F6F6fe
  • mergeEditor.conflict.input2.background#F6F6F6fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067a6
  • mergeEditor.conflict.unhandledFocused.border#F6F6F6fe
  • mergeEditor.conflict.unhandledUnfocused.border#D7D7D73d
  • 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#858585fe
  • minimapSlider.background#B9B9B9ae
  • minimapSlider.hoverBackground#9F9F9F6e
  • notebook.cellBorderColor#F6F6F6fe
  • notebook.cellEditorBackground#E0E0E0fe
  • notebook.cellHoverBackground#E0E0E0fe
  • notebook.cellInsertionIndicator#1E1A21ca
  • notebook.cellStatusBarItemHoverBackground#E0E0E0fe
  • notebook.cellToolbarSeparator#19161Cca
  • notebook.editorBackground#E0E0E0fe
  • notebook.focusedCellBackground#E0E0E0fe
  • notebook.focusedCellBorder#7E4242fe
  • 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#858585fe
  • notebookScrollbarSlider.background#A8A8A8ae
  • notebookScrollbarSlider.hoverBackground#A3A3A36e
  • notebookStatusErrorIcon.foreground#920092ce
  • notebookStatusRunningIcon.foreground#1D3D38fe
  • 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#383838fe
  • 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#F7F5F500
  • panelTitle.activeForeground#672E2Efe
  • panelTitle.inactiveForeground#3F3F3F65
  • peekView.border#5C3434fe
  • peekViewEditor.background#F6F6F6fe
  • peekViewEditor.matchHighlightBackground#AC9A9687
  • peekViewEditor.matchHighlightBorder#FAFAFA00
  • peekViewEditorGutter.background#F6F6F6fe
  • peekViewEditorStickyScroll.background#E0E0E0fe
  • peekViewResult.background#F2F2F2fe
  • peekViewResult.fileForeground#383838ce
  • peekViewResult.lineForeground#383838ce
  • peekViewResult.matchHighlightBackground#BBACA98e
  • peekViewResult.selectionBackground#A5B7B48c
  • peekViewResult.selectionForeground#622318ca
  • peekViewTitle.background#F2F2F2fe
  • peekViewTitleDescription.foreground#383838ce
  • peekViewTitleLabel.foreground#383838ce
  • pickerGroup.border#F6F6F6fe
  • pickerGroup.foreground#383838ce
  • ports.iconRunningProcessForeground#3E334Afe
  • problemsErrorIcon.foreground#920092ce
  • problemsInfoIcon.foreground#3F02FEce
  • problemsWarningIcon.foreground#604F00ce
  • profileBadge.background#854343fe
  • profileBadge.foreground#F2F2F2fe
  • progressBar.background#E0E0E0fe
  • quickInput.background#F2F2F2fe
  • quickInput.foreground#383838ae
  • quickInputList.focusBackground#9BA2B0a6
  • quickInputList.focusForeground#A34646fe
  • quickInputList.focusIconForeground#8C4444fe
  • quickInputTitle.background#F6F6F6fe
  • sash.hoverBorder#F6F6F6fe
  • scrollbar.shadow#F7F7F500
  • scrollbarSlider.activeBackground#818181fe
  • scrollbarSlider.background#B1B1B1ae
  • scrollbarSlider.hoverBackground#9B9B9B6e
  • search.resultsInfoForeground#383838ce
  • searchEditor.findMatchBackground#8D95A4a9
  • 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#A9BBB886
  • 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#6F4040fe
  • settings.textInputBackground#F6F6F6fe
  • settings.textInputBorder#F6F6F6fe
  • settings.textInputForeground#383838ce
  • sideBar.background#E0E0E0fe
  • sideBar.border#F6F6F6fe
  • sideBar.dropBackground#E0E0E0fe
  • sideBar.foreground#515151ae
  • sideBarSectionHeader.background#F5F7F700
  • 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#FFB9FFb8
  • statusBar.debuggingBorder#F6F6F6fe
  • statusBar.debuggingForeground#383838ce
  • statusBar.focusBorder#F7F7F500
  • statusBar.foreground#5151516e
  • statusBar.noFolderBackground#F2F2F2fe
  • statusBar.noFolderBorder#F6F6F6fe
  • statusBar.noFolderForeground#383838ce
  • statusBarItem.activeBackground#F2F2F2fe
  • statusBarItem.compactHoverBackground#F2F2F2fe
  • statusBarItem.errorBackground#FFB9FFc8
  • statusBarItem.errorForeground#920092ce
  • statusBarItem.errorHoverBackground#FFB9FFbc
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#FAFAFA00
  • statusBarItem.hoverBackground#F2F2F2fe
  • statusBarItem.hoverForeground#7E4242fe
  • statusBarItem.offlineBackground#F2F2F2fe
  • statusBarItem.offlineForeground#383838ce
  • statusBarItem.offlineHoverBackground#F2F2F2fe
  • statusBarItem.offlineHoverForeground#AC4646fe
  • statusBarItem.prominentBackground#F2F2F2fe
  • statusBarItem.prominentForeground#383838ce
  • statusBarItem.prominentHoverBackground#F2F2F2fe
  • statusBarItem.prominentHoverForeground#A34646fe
  • statusBarItem.remoteBackground#B44646fe
  • statusBarItem.remoteForeground#F2F2F2fe
  • statusBarItem.remoteHoverBackground#F2F2F2fe
  • statusBarItem.remoteHoverForeground#764141fe
  • statusBarItem.warningBackground#F6CB00fe
  • statusBarItem.warningForeground#604F00ce
  • statusBarItem.warningHoverBackground#F6CB00fe
  • statusBarItem.warningHoverForeground#967C00ce
  • symbolIcon.arrayForeground#3E3E31fe
  • symbolIcon.booleanForeground#005B5Bce
  • symbolIcon.classForeground#043F37fe
  • symbolIcon.colorForeground#3E334Afe
  • symbolIcon.constantForeground#383838fe
  • symbolIcon.constructorForeground#433432fe
  • symbolIcon.enumeratorForeground#512E2Afe
  • symbolIcon.enumeratorMemberForeground#4D009Afe
  • symbolIcon.eventForeground#383838fe
  • symbolIcon.fieldForeground#4D2D44fe
  • symbolIcon.fileForeground#463330fe
  • symbolIcon.folderForeground#163E39fe
  • symbolIcon.functionForeground#163E39fe
  • symbolIcon.interfaceForeground#383838fe
  • symbolIcon.keyForeground#45323Efe
  • symbolIcon.keywordForeground#183D3Dfe
  • symbolIcon.methodForeground#522A45fe
  • symbolIcon.moduleForeground#40314Ffe
  • symbolIcon.namespaceForeground#3E334Afe
  • symbolIcon.nullForeground#183D3Dfe
  • symbolIcon.numberForeground#093181fe
  • symbolIcon.objectForeground#383838fe
  • symbolIcon.operatorForeground#2A3852fe
  • symbolIcon.packageForeground#622318fe
  • symbolIcon.propertyForeground#483040fe
  • symbolIcon.referenceForeground#043F37fe
  • symbolIcon.snippetForeground#183D3Dfe
  • symbolIcon.stringForeground#323845fe
  • symbolIcon.structForeground#45323Efe
  • symbolIcon.textForeground#4D009Afe
  • symbolIcon.typeParameterForeground#4D1882fe
  • symbolIcon.unitForeground#512E2Afe
  • symbolIcon.variableForeground#323845fe
  • tab.activeBackground#EDEDEDfe
  • tab.activeBorder#F5F6F700
  • tab.activeBorderTop#583636fe
  • tab.activeForeground#573737fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F7F5F600
  • tab.hoverBackground#525234a6
  • tab.hoverBorder#F6F6F6fe
  • tab.hoverForeground#A34646fe
  • tab.inactiveBackground#CECECE94
  • tab.inactiveForeground#49494965
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F6F6F6fe
  • tab.unfocusedActiveBackground#D3D3D331
  • tab.unfocusedActiveBorder#F7F5F500
  • tab.unfocusedActiveBorderTop#CECECE65
  • tab.unfocusedActiveForeground#49494965
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#5050502b
  • tab.unfocusedHoverBorder#D3D3D32d
  • tab.unfocusedHoverForeground#49494965
  • tab.unfocusedInactiveBackground#C2C2C29e
  • tab.unfocusedInactiveForeground#44444465
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333b8
  • 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#670067b0
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececea2
  • 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#C6C6C69d
  • terminal.selectionBackground#969EAC8e
  • terminal.selectionForeground#661F10ca
  • terminal.tab.activeBorder#801212fe
  • terminalCommandDecoration.defaultBackground#3A5081a4
  • terminalCommandDecoration.errorBackground#A50000cb
  • terminalCommandDecoration.successBackground#1F5C22cb
  • terminalCursor.background#E0E0E0fe
  • terminalCursor.foreground#8C4444fe
  • terminalOverviewRuler.cursorForeground#383838ce
  • terminalOverviewRuler.findMatchForeground#005B5Bce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0b6
  • testing.iconUnset#808080c2
  • testing.message.error.decorationForeground#A01717fe
  • testing.message.error.lineBackground#FFB9FF9a
  • testing.message.info.decorationForeground#A01717fe
  • 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#AC4646fe
  • textLink.foreground#3F02FEce
  • textPreformat.foreground#383838ce
  • textSeparator.foreground#383838ce
  • titleBar.activeBackground#F2F2F2fe
  • titleBar.activeForeground#3F3F3Fae
  • titleBar.border#F5F6F700
  • titleBar.inactiveBackground#D7D7D7d2
  • titleBar.inactiveForeground#49494965
  • toolbar.activeBackground#D6CDCB84
  • toolbar.hoverBackground#E0E0E0fe
  • toolbar.hoverOutline#F7F5F600
  • tree.inactiveIndentGuidesStroke#3C414C35
  • tree.indentGuidesStroke#9F1A1Afe
  • 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#F7F7F500
  • window.activeBorder#F6F6F6fe
  • window.inactiveBorder#CECECE92

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#344934de
constant.character.character-class.regexp#4B1F4Bde
constant.character.escape#073907de
constant.character.set.regexp#492727de
constant.language#1B521Bde
constant.numeric#073907de
constant.numeric.dec.python#2F2F45de
constant.other.caps.python#2F2F45de
constant.other.character-class.regexp#3E3E69de
constant.other.character-class.set.regexp#3D2A3Dde
constant.other.color.rgb-value#5B3B3Bde
constant.other.placeholder#2F3D2Fde
constant.other.rgb-value#103810de
constant.regexp#0101ABde
constant.sha.git-rebase#073907de
emphasis#155215de
entity.name.class#175217de
entity.name.function#1111A0de
entity.name.function.preprocessor#073907de
entity.name.function.python#7E0F7Ede
entity.name.label#5B3B5Bde
entity.name.namespace#36364Fde
entity.name.operator#433243de
entity.name.operator.custom-literal#155215de
entity.name.scope-resolution#135213de
entity.name.tag#581C1Cde
entity.name.tag.css#581C1Cde
entity.name.type#502222debold
entity.name.variable#660606de
entity.other.attribute#433232de
entity.other.attribute-name#433232de
entity.other.attribute-name.class.css#1111A0de
entity.other.attribute-name.class.mixin.css#5B3B5Bde
entity.other.attribute-name.id#492727de
entity.other.attribute-name.id.css#3E3E69de
entity.other.attribute-name.parent-selector.css#0101ABde
entity.other.attribute-name.pseudo-class.css#623C3Cde
entity.other.attribute-name.pseudo-element.css#3C3C62de
entity.other.attribute-name.scss#433232de
entity.other.document.begin.yaml#3030306e
entity.other.inherited-class#502222de
header#324332de
invalid#155215de
keyword#1B521Bdebold
keyword.codetag.notation.python#2F2F3Ddebold
keyword.control#324332debold
keyword.control.anchor.regexp#3D2F2Fdebold
keyword.control.import.python#3B3B5Bdebold
keyword.operator#1111A0debold
keyword.operator.alignas#623C3Cdebold
keyword.operator.alignof#195219debold
keyword.operator.cast#155215debold
keyword.operator.delete#003A00debold
keyword.operator.documentation.powershell#3030306ebold
keyword.operator.expression#553939debold
keyword.operator.instanceof#553939debold
keyword.operator.logical.python#1D361Ddebold
keyword.operator.minus.exponent#412741debold
keyword.operator.negation.regexp#910808debold
keyword.operator.new#3E3E69debold
keyword.operator.noexcept#0101ABdebold
keyword.operator.or.regexp#2B2B5Adebold
keyword.operator.plus.exponent#0C0CA3debold
keyword.operator.quantifier.regexp#502222debold
keyword.operator.sizeof#553939debold
keyword.operator.typeid#422B2Bdebold
keyword.operator.wordlike#0101ABdebold
keyword.other.operator#1D361Ddebold
keyword.other.package.java#073907debold
keyword.other.unit#910808debold
keyword.other.using#155215debold
markup.bold#502222de
markup.changed#433243de
markup.deleted#073907de
markup.fenced_code.block.markdown#493449de
markup.heading#2B2B5Ade
markup.inline.raw#660606de
markup.inserted#344934de
markup.italic#553939de
markup.raw.block.markdown#344934de
markup.strikethrough#623C3Cde
markup.underline#003A00de
meta.block.c#103810de
meta.block.c#3D2F3Dde
meta.class.java#343449de
meta.definition.variable.name#155215de
meta.diff.header#283328de
meta.embedded#2F2F45de
meta.embedded.assembly#623C3Cde
meta.function-call.arguments.python#073907de
meta.function-call.python#0101ABde
meta.member.access.python#7E0F7Ede
meta.method.java#3D2F2Fde
meta.object-literal.key#283328de
meta.paragraph.markdown#343449de
meta.preprocessor#343449de
meta.preprocessor.numeric#3E3E69de
meta.preprocessor.string#393955de
meta.scope.prerequisites.makefile#1D361Dde
meta.structure.dictionary.json.comments#3030306e
meta.structure.dictionary.key.python#580A58de
meta.structure.dictionary.value.json.comments#3030306e
meta.template.expression#422B2Bde
meta.type.cast.expr#623C3Cdebold
meta.type.new.expr#7F0C7Fdebold
parameter#175217de
punctuation.character.set.begin.regexp#3B2D2Dde
punctuation.character.set.end.regexp#3B3B5Bde
punctuation.definition.array.begin.json#3D2F3Dde
punctuation.definition.character-class.regexp#482348de
punctuation.definition.comment#3030306e
punctuation.definition.comment.json.comments#3030306e
punctuation.definition.comment.python#3030306e
punctuation.definition.dictionary.begin.json#2B2B5Ade
punctuation.definition.dictionary.end.json#1D361Dde
punctuation.definition.group.assertion.regexp#492727de
punctuation.definition.group.regexp#623C3Cde
punctuation.definition.list.begin.json#2F2F45de
punctuation.definition.list.begin.markdown#493434de
punctuation.definition.list.begin.python#283328de
punctuation.definition.list.end.json#581C1Cde
punctuation.definition.list.end.markdown#2F2F45de
punctuation.definition.list.end.python#393955de
punctuation.definition.parameters.begin.python#155215de
punctuation.definition.parameters.end.bracket.round.java#1C1C8Ede
punctuation.definition.quote.begin.markdown#323243de
punctuation.definition.tag#4F3636de
punctuation.definition.template-expression.begin#422B2Bde
punctuation.definition.template-expression.end#343449de
punctuation.section.class.begin.bracket.curly.java#502222de
punctuation.section.embedded#553939de
punctuation.section.embedded.begin.php#323243de
punctuation.section.embedded.end.php#393955de
punctuation.terminator.java#073907de
source.cmake#0101ABde
source.coffee.embedded#553955de
source.cpp#492727de
source.css.less#3C3C62de
source.groovy.embedded#323243de
source.java#0101ABde
source.java-properties#580A58de
source.json.comments#3030306e
source.makefile#195219de
source.powershell#073907de
source.powershell.variable.other.member#2E2E47de
source.python#344934de
storage#195219de
storage.modifier#7F0C7Fde
storage.modifier.import.java#0C0CA3de
storage.modifier.package.java#4B1F4Bde
storage.type#5B3B5Bdebold
storage.type.annotation.groovy#493434debold
storage.type.annotation.java#155215debold
storage.type.boolean.go#2B2B5Adebold
storage.type.byte.go#3D2F3Ddebold
storage.type.cs#1111A0debold
storage.type.error.go#2E2E47debold
storage.type.generic.cs#003A00debold
storage.type.generic.groovy#0C0CA3debold
storage.type.generic.java#412741debold
storage.type.groovy#103810debold
storage.type.java#344934debold
storage.type.modifier.cs#1D361Ddebold
storage.type.numeric.go#1D361Ddebold
storage.type.object.array.groovy#344934debold
storage.type.object.array.java#5B005Bdebold
storage.type.parameters.groovy#3B2D2Ddebold
storage.type.primitive.array.groovy#393955debold
storage.type.primitive.array.java#5B3B3Bdebold
storage.type.primitive.groovy#5B3B3Bdebold
storage.type.primitive.java#195219debold
storage.type.rune.go#581C1Cdebold
storage.type.string.go#7E0F7Edebold
storage.type.token.java#1B521Bdebold
storage.type.uintptr.go#0C0CA3debold
storage.type.variable.cs#1C1C8Edebold
string#482348de
string.quoted.docstring.multi.python#3030306e
string.regexp#2F2F3Dde
string.tag#910808de
string.value#2F2F45de
strong#493449de
support.class#3C3C62de
support.constant.color#910808de
support.constant.dom#2B2B5Ade
support.constant.font-name#135213de
support.constant.handlebars#3E3E69de
support.constant.json#175217de
support.constant.math#323243de
support.constant.media#493449de
support.constant.media-type#344934debold
support.constant.property-value#493434de
support.function#3E3E69de
support.function.git-rebase#393955de
support.other.parenthesis.regexp#433243de
support.type#135213debold
support.type.property-name#5B3B5Bdebold
support.type.vendored.property-name#3D2F2Fdebold
support.variable#3B2D2Dde
token.debug-token#344934de
token.error-token#393955de
token.info-token#103810de
token.warn-token#3D2F2Fde
variable#323243de
variable.css#3B3B5Bde
variable.language#3D2A3Dde
variable.language.wildcard.java#155215de
variable.other.constant#324332de
variable.other.definition.java#195219de
variable.other.enummember#5B3B3Bde
variable.other.less#660606de
variable.other.object.java#2F3D2Fde
variable.other.object.property.java#1D361Dde
variable.parameter.c#36364Fde
variable.parameter.function.language.python#073907de
variable.parameter.java#502222de
variable.scss#910808de
viiv by B.W - VS Code Theme