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#DADFDFfe
  • activityBar.activeBackground#DADFDFfe
  • activityBar.activeBorder#7E0731fe
  • activityBar.activeFocusBorder#7878B600
  • activityBar.background#ECEFEFfe
  • activityBar.border#A1727200
  • activityBar.dropBorder#77153Dfe
  • activityBar.foreground#7D0738fe
  • activityBar.inactiveForeground#3C454565
  • activityBarBadge.background#7F274Bfe
  • activityBarBadge.foreground#ECEFEFfe
  • badge.background#782648fe
  • badge.foreground#ECEFEFfe
  • banner.background#DADFDFfe
  • banner.foreground#153C3Cce
  • banner.iconForeground#1B3B3Bfe
  • breadcrumb.activeSelectionForeground#69103Cca
  • breadcrumb.background#E8EBEBfe
  • breadcrumb.focusForeground#BF2C68fe
  • breadcrumb.foreground#143C3Cae
  • breadcrumbPicker.background#DADFDFfe
  • button.background#9FACACae
  • button.border#FAFBFA00
  • button.foreground#153C3Cce
  • button.hoverBackground#96A5A56e
  • button.secondaryBackground#DADFDFfe
  • button.secondaryForeground#153C3Cce
  • button.secondaryHoverBackground#DADFDFfe
  • button.separator#FAFAFB00
  • charts.blue#1b1bfffe
  • charts.foreground#153C3Cce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067ae
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F1F3F3fe
  • chat.slashCommandBackground#DADFDFfe
  • chat.slashCommandForeground#153C3Cce
  • checkbox.background#F1F3F3fe
  • checkbox.border#F1F3F3fe
  • checkbox.foreground#153C3Cce
  • checkbox.selectBackground#F1F3F3fe
  • checkbox.selectBorder#F1F3F3fe
  • commandCenter.activeBackground#D7D2D389
  • commandCenter.activeBorder#F1F3F3fe
  • commandCenter.activeForeground#9E2A5Afe
  • commandCenter.background#DADFDFfe
  • commandCenter.border#F1F3F3fe
  • commandCenter.foreground#153C3Cce
  • commandCenter.inactiveBorder#CED5D593
  • commandCenter.inactiveForeground#47535365
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F5F7F700
  • contrastBorder#F5F7F700
  • debugConsole.errorForeground#900090ce
  • debugConsole.infoForeground#153C3Cce
  • debugConsole.sourceForeground#153C3Cce
  • debugConsole.warningForeground#5E4E00ce
  • debugConsoleInputIcon.foreground#4B3117fe
  • debugExceptionWidget.background#FEC1FEb8
  • debugExceptionWidget.border#F1F3F3fe
  • debugIcon.breakpointCurrentStackframeForeground#3D3F38fe
  • debugIcon.breakpointDisabledForeground#404A4A65
  • debugIcon.breakpointForeground#343C3Cfe
  • debugIcon.breakpointStackframeForeground#343453fe
  • debugIcon.breakpointUnverifiedForeground#463037fe
  • debugIcon.continueForeground#2E3B08fe
  • debugIcon.disconnectForeground#5C213Ffe
  • debugIcon.pauseForeground#3D383Ffe
  • debugIcon.restartForeground#56186Afe
  • debugIcon.startForeground#3B3734fe
  • debugIcon.stepBackForeground#482C4Ffe
  • debugIcon.stepIntoForeground#3B3734fe
  • debugIcon.stepOutForeground#492760fe
  • debugIcon.stepOverForeground#34344Afe
  • debugIcon.stopForeground#631A3Efe
  • debugTokenExpression.boolean#232024ca
  • debugTokenExpression.error#202626ca
  • debugTokenExpression.name#272924ca
  • debugTokenExpression.number#202626ca
  • debugTokenExpression.value#272429ca
  • debugToolBar.background#FEC1FEb5
  • debugToolBar.border#F1F3F3fe
  • debugView.exceptionLabelBackground#D4D4D9ca
  • debugView.exceptionLabelForeground#560D7Bca
  • debugView.stateLabelBackground#D0D4D0ca
  • debugView.stateLabelForeground#4B3117ca
  • debugView.valueChangedHighlight#191d1dca
  • descriptionForeground#153C3Cce
  • diffEditor.border#FAFBFA00
  • diffEditor.diagonalFill#000000f5
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#B2DEB5fb
  • diffEditor.insertedTextBorder#F5F7F700
  • diffEditor.move.border#FBFAFA00
  • diffEditor.moveActive.border#FAFBFA00
  • diffEditor.removedLineBackground#FFC5C531
  • diffEditor.removedTextBackground#FFC6C6fb
  • diffEditor.removedTextBorder#FAFBFA00
  • diffEditor.unchangedCodeBackground#DADFDFfe
  • diffEditor.unchangedRegionBackground#DADFDFfe
  • diffEditor.unchangedRegionForeground#153C3Cce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#3C454565
  • dropdown.background#F1F3F3fe
  • dropdown.border#F1F3F3fe
  • dropdown.foreground#153C3Cce
  • dropdown.listBackground#F1F3F3fe
  • editor.background#DADFDFfe
  • editor.findMatchBackground#9CA79Ca1
  • editor.findMatchBorder#F1F3F3fe
  • editor.findMatchHighlightBackground#B8B2BBac
  • editor.findMatchHighlightBorder#F1F3F3fe
  • editor.findRangeHighlightBackground#A3A79Ca6
  • editor.findRangeHighlightBorder#F1F3F3fe
  • editor.focusedStackFrameHighlightBackground#ABAFA586
  • editor.foldBackground#2F2FDFa3
  • editor.foreground#153C3Cce
  • editor.hoverHighlightBackground#B7B7BFa8
  • editor.inactiveSelectionBackground#C4CCCC92
  • editor.inlineValuesBackground#DADFDFfe
  • editor.inlineValuesForeground#153C3Cce
  • editor.lineHighlightBackground#BFC8C8b1
  • editor.lineHighlightBorder#F5F7F700
  • editor.linkedEditingBackground#DADFDFfe
  • editor.rangeHighlightBackground#8F8F9Bae
  • editor.rangeHighlightBorder#F1F3F3fe
  • editor.selectionBackground#C9CFC9aa
  • editor.selectionForeground#4B0096ca
  • editor.selectionHighlightBackground#8F9B8F8d
  • editor.selectionHighlightBorder#F1F3F3fe
  • editor.snippetFinalTabstopHighlightBackground#BFB7BAad
  • editor.snippetFinalTabstopHighlightBorder#F1F3F3fe
  • editor.snippetTabstopHighlightBackground#B3AAADab
  • editor.snippetTabstopHighlightBorder#F1F3F3fe
  • editor.stackFrameHighlightBackground#B7B1AEa3
  • editor.symbolHighlightBackground#9FA398ad
  • editor.symbolHighlightBorder#F1F3F3fe
  • editor.wordHighlightBackground#9B9F93a4
  • editor.wordHighlightBorder#FAFBFA00
  • editor.wordHighlightStrongBackground#93939Fa2
  • editor.wordHighlightStrongBorder#FAFBFA00
  • editor.wordHighlightTextBackground#A39CA7a7
  • editor.wordHighlightTextBorder#FAFAFB00
  • editorBracketHighlight.foreground1#0C0D0Dce
  • editorBracketHighlight.foreground2#0C0D0Dce
  • editorBracketHighlight.foreground3#0C0D0Dce
  • editorBracketHighlight.foreground4#0C0D0Dce
  • editorBracketHighlight.foreground5#0C0D0Dce
  • editorBracketHighlight.foreground6#0C0D0Dce
  • editorBracketHighlight.unexpectedBracket.foreground#153C3Cce
  • editorBracketMatch.background#813750a9
  • editorBracketMatch.border#F1F3F3fe
  • editorBracketPairGuide.activeBackground1#6641798a
  • editorBracketPairGuide.activeBackground2#48523383
  • editorBracketPairGuide.activeBackground3#6E388987
  • editorBracketPairGuide.activeBackground4#4D51458e
  • editorBracketPairGuide.activeBackground5#5D4B5287
  • editorBracketPairGuide.activeBackground6#6F368C87
  • editorBracketPairGuide.background1#D7D4D2fe
  • editorBracketPairGuide.background2#CED5D5fe
  • editorBracketPairGuide.background3#D3D4CFfe
  • editorBracketPairGuide.background4#D1D7D1fe
  • editorBracketPairGuide.background5#D8D4D2fe
  • editorBracketPairGuide.background6#D7D4D2fe
  • editorCodeLens.foreground#2957576e
  • editorCommentsWidget.rangeActiveBackground#3B5353fe
  • editorCommentsWidget.rangeBackground#DADFDFfe
  • editorCommentsWidget.resolvedBorder#F1F3F3fe
  • editorCommentsWidget.unresolvedBorder#FFC6C6cb
  • editorCursor.background#DADFDFfe
  • editorCursor.foreground#AE2B61fe
  • editorError.background#FBFAFA00
  • editorError.border#FBFAFA00
  • editorError.foreground#900090ce
  • editorGhostText.background#DADFDFfe
  • editorGhostText.border#FBFAFA00
  • editorGhostText.foreground#1D58586e
  • editorGroup.border#F1F3F3fe
  • editorGroup.dropBackground#DADFDFfe
  • editorGroup.dropIntoPromptBackground#DADFDFfe
  • editorGroup.dropIntoPromptBorder#F1F3F3fe
  • editorGroup.dropIntoPromptForeground#153C3Cce
  • editorGroup.emptyBackground#DADFDFfe
  • editorGroup.focusedEmptyBorder#F1F3F3fe
  • editorGroupHeader.border#F5F7F700
  • editorGroupHeader.noTabsBackground#ECEFEFae
  • editorGroupHeader.tabsBackground#DADFDFa1
  • editorGroupHeader.tabsBorder#FAFBFA00
  • editorGutter.addedBackground#1A5C1Dfb
  • editorGutter.background#DADFDFfe
  • editorGutter.commentGlyphForeground#153C3Cce
  • editorGutter.commentRangeForeground#153C3Cce
  • editorGutter.commentUnresolvedGlyphForeground#1F5921cb
  • editorGutter.deletedBackground#A50000cb
  • editorGutter.foldingControlForeground#153C3Cce
  • editorGutter.modifiedBackground#5E4E00ce
  • editorHint.border#F5F7F700
  • editorHint.foreground#3C00FCce
  • editorHoverWidget.background#F1F3F3fe
  • editorHoverWidget.border#F1F3F3fe
  • editorHoverWidget.foreground#153C3Cce
  • editorHoverWidget.highlightForeground#1B3B3Bca
  • editorHoverWidget.statusBarBackground#DADFDFfe
  • editorIndentGuide.activeBackground1#721D3Ffe
  • editorIndentGuide.activeBackground2#721D3Ffe
  • editorIndentGuide.activeBackground3#711E40fe
  • editorIndentGuide.activeBackground4#741A3Dfe
  • editorIndentGuide.activeBackground5#721D3Ffe
  • editorIndentGuide.activeBackground6#741A3Dfe
  • editorIndentGuide.background1#534C5635
  • editorIndentGuide.background2#5A545035
  • editorIndentGuide.background3#635C5835
  • editorIndentGuide.background4#5F545835
  • editorIndentGuide.background5#4A4D4435
  • editorIndentGuide.background6#3C3C4435
  • editorInfo.background#FBFAFA00
  • editorInfo.border#FBFAFA00
  • editorInfo.foreground#3C00FCce
  • editorInlayHint.background#DADFDFfe
  • editorInlayHint.foreground#153C3Cce
  • editorInlayHint.parameterBackground#DADFDFfe
  • editorInlayHint.parameterForeground#153C3Cce
  • editorInlayHint.typeBackground#DADFDFfe
  • editorInlayHint.typeForeground#153C3Cce
  • editorLightBulb.foreground#5E4E00ce
  • editorLightBulbAutoFix.foreground#1F5921cb
  • editorLineNumber.activeForeground#AE2B61fe
  • editorLineNumber.dimmedForeground#2957576e
  • editorLineNumber.foreground#2957576e
  • editorLink.activeForeground#9E2A5Afe
  • editorMarkerNavigation.background#F1F3F3fe
  • editorMarkerNavigationError.background#FEC1FEc3
  • editorMarkerNavigationError.headerBackground#FEC1FEa6
  • editorMarkerNavigationInfo.background#CFCFFEfe
  • editorMarkerNavigationInfo.headerBackground#CFCFFEfe
  • editorMarkerNavigationWarning.background#FCD000fe
  • editorMarkerNavigationWarning.headerBackground#FCD000fe
  • editorOverviewRuler.addedForeground#1F5921cb
  • editorOverviewRuler.background#DADFDFfe
  • editorOverviewRuler.border#CED5D5fe
  • editorOverviewRuler.bracketMatchForeground#153C3Cce
  • editorOverviewRuler.commentForeground#2957576e
  • editorOverviewRuler.commentUnresolvedForeground#1F5921cb
  • editorOverviewRuler.commonContentForeground#153C3Cce
  • editorOverviewRuler.currentContentForeground#4E4E4Eb4
  • editorOverviewRuler.deletedForeground#A50000cb
  • editorOverviewRuler.errorForeground#900090ce
  • editorOverviewRuler.findMatchForeground#005959ce
  • editorOverviewRuler.incomingContentForeground#1F5921cb
  • editorOverviewRuler.infoForeground#3C00FCce
  • editorOverviewRuler.modifiedForeground#5E4E00ce
  • editorOverviewRuler.rangeHighlightForeground#183C3Cca
  • editorOverviewRuler.selectionHighlightForeground#3C00FCce
  • editorOverviewRuler.warningForeground#5E4E00ce
  • editorOverviewRuler.wordHighlightForeground#343454ca
  • editorOverviewRuler.wordHighlightStrongForeground#153C3Cce
  • editorOverviewRuler.wordHighlightTextForeground#153C3Cce
  • editorPane.background#DADFDFfe
  • editorRuler.foreground#39525224
  • editorStickyScroll.background#DADFDFfe
  • editorStickyScrollHover.background#CED5D56e
  • editorSuggestWidget.background#F1F3F3fe
  • editorSuggestWidget.border#FBFAFA00
  • editorSuggestWidget.focusHighlightForeground#174817fe
  • editorSuggestWidget.foreground#5C213Ffe
  • editorSuggestWidget.highlightForeground#2A3B19ca
  • editorSuggestWidget.selectedBackground#B4B7AE88
  • editorSuggestWidget.selectedForeground#542839ca
  • editorSuggestWidget.selectedIconForeground#2A3C10ca
  • editorSuggestWidgetStatus.foreground#183C3Cfe
  • editorUnicodeHighlight.background#BFB7BAa3
  • editorUnicodeHighlight.border#F1F3F3fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#FAFBFA00
  • editorWarning.border#FAFAFB00
  • editorWarning.foreground#5E4E00ce
  • editorWhitespace.foreground#153C3Cce
  • editorWidget.background#F1F3F3fe
  • editorWidget.border#F1F3F3fe
  • editorWidget.foreground#153C3Cce
  • editorWidget.resizeBorder#F1F3F3fe
  • errorForeground#900090ce
  • extensionBadge.remoteBackground#962A56fe
  • extensionBadge.remoteForeground#ECEFEFfe
  • extensionButton.background#CED5D5ae
  • extensionButton.foreground#153C3Cce
  • extensionButton.hoverBackground#CED5D56e
  • extensionButton.prominentBackground#DADFDFfe
  • extensionButton.prominentForeground#153C3Cce
  • extensionButton.prominentHoverBackground#DADFDFfe
  • extensionButton.separator#FAFAFB00
  • extensionIcon.preReleaseForeground#38383Ffe
  • extensionIcon.sponsorForeground#1B3B3Bfe
  • extensionIcon.starForeground#303838fe
  • extensionIcon.verifiedForeground#343452fe
  • focusBorder#F5F7F700
  • foreground#153C3Cce
  • gitDecoration.addedResourceForeground#1F5921cb
  • gitDecoration.deletedResourceForeground#A50000cb
  • gitDecoration.modifiedResourceForeground#5E4E00ce
  • gitDecoration.renamedResourceForeground#3C00FCce
  • gitDecoration.stageDeletedResourceForeground#A50000cb
  • gitDecoration.stageModifiedResourceForeground#1F5921cb
  • gitDecoration.untrackedResourceForeground#005959ce
  • icon.foreground#305555ae
  • inlineChat.background#D6D3D0ca
  • inlineChat.border#D0D6D6ca
  • inlineChat.regionHighlight#1C1C20ca
  • inlineChat.shadow#191d1dca
  • inlineChatDiff.inserted#292624ca
  • inlineChatDiff.removed#232420ca
  • inlineChatInput.background#242022ca
  • inlineChatInput.border#CED6D6ca
  • inlineChatInput.focusBorder#FAFBFA00
  • inlineChatInput.placeholderForeground#56186Aca
  • input.background#F1F3F3fe
  • input.border#F1F3F3fe
  • input.foreground#153C3Cce
  • input.placeholderForeground#38414165
  • inputOption.activeBackground#F1F3F3fe
  • inputOption.activeBorder#F1F3F3fe
  • inputOption.activeForeground#87284Ffe
  • inputOption.hoverBackground#F1F3F3fe
  • inputValidation.errorBackground#670067c7
  • inputValidation.errorBorder#FEC1FE9f
  • inputValidation.errorForeground#900090ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F1F3F3fe
  • inputValidation.infoForeground#153C3Cce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F1F3F3fe
  • inputValidation.warningForeground#5E4E00ce
  • interactive.activeCodeBorder#F1F3F3fe
  • interactive.inactiveCodeBorder#CED5D59c
  • keybindingLabel.background#DADFDFfe
  • keybindingLabel.border#F1F3F3fe
  • keybindingLabel.bottomBorder#F1F3F3fe
  • keybindingLabel.foreground#153C3Cce
  • keybindingTable.headerBackground#DADFDFfe
  • keybindingTable.rowsBackground#DADFDFfe
  • list.activeSelectionBackground#9B938F81
  • list.activeSelectionForeground#631A3Eca
  • list.activeSelectionIconForeground#343454ca
  • list.deemphasizedForeground#153C3Cce
  • list.dropBackground#DADFDFfe
  • list.errorForeground#900090ce
  • list.filterMatchBackground#DADFDFfe
  • list.filterMatchBorder#F1F3F3fe
  • list.focusAndSelectionOutline#FBFAFA00
  • list.focusBackground#C4CCCC96
  • list.focusForeground#782648fe
  • list.focusHighlightForeground#1A4444fe
  • list.focusOutline#FAFAFB00
  • list.highlightForeground#56186Aca
  • list.hoverBackground#CFD5CFac
  • list.hoverForeground#962A56fe
  • list.inactiveFocusBackground#BFC8C898
  • list.inactiveFocusOutline#FAFBFA00
  • list.inactiveSelectionBackground#ECEFEFae
  • list.inactiveSelectionForeground#404A4A65
  • list.inactiveSelectionIconForeground#404A4A65
  • list.invalidItemForeground#153C3Cce
  • list.warningForeground#5E4E00ce
  • listFilterWidget.background#DADFDFfe
  • listFilterWidget.noMatchesOutline#F5F7F700
  • listFilterWidget.outline#FAFBFA00
  • listFilterWidget.shadow#F5F7F700
  • menu.background#ECEFEFfe
  • menu.border#FAFBFA00
  • menu.foreground#163C3Cae
  • menu.selectionBackground#C0C7C0a1
  • menu.selectionBorder#FAFBFA00
  • menu.selectionForeground#A62B5Efe
  • menu.separatorBackground#CED5D565
  • menubar.selectionBackground#C4CBC4a9
  • menubar.selectionBorder#F5F7F700
  • menubar.selectionForeground#9E2A5Afe
  • merge.border#F1F3F3fe
  • merge.commonContentBackground#DADFDFfe
  • merge.commonHeaderBackground#DADFDFfe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#B2DEB5fb
  • merge.incomingContentBackground#B4DEB6cb
  • merge.incomingHeaderBackground#B2DEB5fb
  • mergeEditor.change.background#DADFDFfe
  • mergeEditor.change.word.background#DADFDFfe
  • mergeEditor.changeBase.background#DADFDFfe
  • mergeEditor.changeBase.word.background#DADFDFfe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F1F3F3fe
  • mergeEditor.conflict.handledUnfocused.border#CFD5D525
  • mergeEditor.conflict.input1.background#F1F3F3fe
  • mergeEditor.conflict.input2.background#F1F3F3fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067b9
  • mergeEditor.conflict.unhandledFocused.border#F1F3F3fe
  • mergeEditor.conflict.unhandledUnfocused.border#D1D7D732
  • mergeEditor.conflictingLines.background#DADFDFfe
  • minimap.background#DADFDFfe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0C0D0Dce
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1A5C1Dfb
  • minimapGutter.deletedBackground#A50000fb
  • minimapGutter.modifiedBackground#5E4E00ce
  • minimapSlider.activeBackground#809191fe
  • minimapSlider.background#ADB8B8ae
  • minimapSlider.hoverBackground#8999996e
  • notebook.cellBorderColor#F1F3F3fe
  • notebook.cellEditorBackground#DADFDFfe
  • notebook.cellHoverBackground#DADFDFfe
  • notebook.cellInsertionIndicator#171615ca
  • notebook.cellStatusBarItemHoverBackground#DADFDFfe
  • notebook.cellToolbarSeparator#1C2121ca
  • notebook.editorBackground#DADFDFfe
  • notebook.focusedCellBackground#DADFDFfe
  • notebook.focusedCellBorder#782648fe
  • notebook.focusedEditorBorder#F1F3F3fe
  • notebook.inactiveFocusedCellBorder#8091918e
  • notebook.inactiveSelectedCellBorder#7689898e
  • notebook.outputContainerBackgroundColor#DADFDFfe
  • notebook.outputContainerBorderColor#F1F3F3fe
  • notebook.selectedCellBackground#DADFDFfe
  • notebook.selectedCellBorder#F1F3F3fe
  • notebook.symbolHighlightBackground#DADFDFfe
  • notebookEditorOverviewRuler.runningCellForeground#153C3Cce
  • notebookScrollbarSlider.activeBackground#728585fe
  • notebookScrollbarSlider.background#A4B0B0ae
  • notebookScrollbarSlider.hoverBackground#8999996e
  • notebookStatusErrorIcon.foreground#900090ce
  • notebookStatusRunningIcon.foreground#393B34fe
  • notebookStatusSuccessIcon.foreground#1F5921cb
  • notificationCenter.border#F1F3F3fe
  • notificationCenterHeader.background#DADFDFfe
  • notificationCenterHeader.foreground#153C3Cce
  • notificationLink.foreground#153C3Cce
  • notifications.background#DADFDFfe
  • notifications.border#F1F3F3fe
  • notifications.foreground#153C3Cce
  • notificationsErrorIcon.foreground#900090ce
  • notificationsInfoIcon.foreground#32391Ffe
  • notificationsWarningIcon.foreground#5E4E00ce
  • notificationToast.border#F1F3F3fe
  • panel.background#DADFDFfe
  • panel.border#F1F3F3fe
  • panel.dropBorder#F1F3F3fe
  • panelInput.border#F1F3F3fe
  • panelSection.border#F1F3F3fe
  • panelSection.dropBackground#DADFDFfe
  • panelSectionHeader.background#DADFDFfe
  • panelSectionHeader.border#F1F3F3fe
  • panelSectionHeader.foreground#153C3Cce
  • panelTitle.activeBorder#F5F7F700
  • panelTitle.activeForeground#741A3Dfe
  • panelTitle.inactiveForeground#3C454565
  • peekView.border#741A3Dfe
  • peekViewEditor.background#F1F3F3fe
  • peekViewEditor.matchHighlightBackground#9FA3988d
  • peekViewEditor.matchHighlightBorder#FAFAFB00
  • peekViewEditorGutter.background#F1F3F3fe
  • peekViewEditorStickyScroll.background#DADFDFfe
  • peekViewResult.background#ECEFEFfe
  • peekViewResult.fileForeground#153C3Cce
  • peekViewResult.lineForeground#153C3Cce
  • peekViewResult.matchHighlightBackground#BCB7BF83
  • peekViewResult.selectionBackground#B3AAAD8c
  • peekViewResult.selectionForeground#1B3B3Bca
  • peekViewTitle.background#ECEFEFfe
  • peekViewTitleDescription.foreground#153C3Cce
  • peekViewTitleLabel.foreground#153C3Cce
  • pickerGroup.border#F1F3F3fe
  • pickerGroup.foreground#153C3Cce
  • ports.iconRunningProcessForeground#3D3F38fe
  • problemsErrorIcon.foreground#900090ce
  • problemsInfoIcon.foreground#3C00FCce
  • problemsWarningIcon.foreground#5E4E00ce
  • profileBadge.background#AE2B61fe
  • profileBadge.foreground#ECEFEFfe
  • progressBar.background#DADFDFfe
  • quickInput.background#ECEFEFfe
  • quickInput.foreground#163C3Cae
  • quickInputList.focusBackground#BBB2B5a1
  • quickInputList.focusForeground#B62C65fe
  • quickInputList.focusIconForeground#A62B5Efe
  • quickInputTitle.background#F1F3F3fe
  • sash.hoverBorder#F1F3F3fe
  • scrollbar.shadow#FAFAFB00
  • scrollbarSlider.activeBackground#728585fe
  • scrollbarSlider.background#A8B4B4ae
  • scrollbarSlider.hoverBackground#8999996e
  • search.resultsInfoForeground#153C3Cce
  • searchEditor.findMatchBackground#92A1A1a8
  • searchEditor.findMatchBorder#F1F3F3fe
  • searchEditor.textInputBorder#F1F3F3fe
  • selection.background#DADFDFfe
  • settings.checkboxBackground#F1F3F3fe
  • settings.checkboxBorder#F1F3F3fe
  • settings.checkboxForeground#153C3Cce
  • settings.dropdownBackground#F1F3F3fe
  • settings.dropdownBorder#F1F3F3fe
  • settings.dropdownForeground#153C3Cce
  • settings.dropdownListBorder#F1F3F3fe
  • settings.focusedRowBackground#BCB7BF8b
  • settings.focusedRowBorder#F1F3F3fe
  • settings.headerBorder#F1F3F3fe
  • settings.headerForeground#153C3Cce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F1F3F3fe
  • settings.numberInputBorder#F1F3F3fe
  • settings.numberInputForeground#153C3Cce
  • settings.rowHoverBackground#DADFDFfe
  • settings.sashBorder#F1F3F3fe
  • settings.settingsHeaderHoverForeground#A62B5Efe
  • settings.textInputBackground#F1F3F3fe
  • settings.textInputBorder#F1F3F3fe
  • settings.textInputForeground#153C3Cce
  • sideBar.background#DADFDFfe
  • sideBar.border#F1F3F3fe
  • sideBar.dropBackground#DADFDFfe
  • sideBar.foreground#305555ae
  • sideBarSectionHeader.background#FBFAFA00
  • sideBarSectionHeader.border#F1F3F3fe
  • sideBarSectionHeader.foreground#153C3Cce
  • sideBarTitle.foreground#153C3Cce
  • sideBySideEditor.horizontalBorder#F1F3F3fe
  • sideBySideEditor.verticalBorder#F1F3F3fe
  • simpleFindWidget.sashBorder#F1F3F3fe
  • statusBar.background#ECEFEFfe
  • statusBar.border#F1F3F3fe
  • statusBar.debuggingBackground#FEC1FEb2
  • statusBar.debuggingBorder#F1F3F3fe
  • statusBar.debuggingForeground#153C3Cce
  • statusBar.focusBorder#FAFBFA00
  • statusBar.foreground#2957576e
  • statusBar.noFolderBackground#ECEFEFfe
  • statusBar.noFolderBorder#F1F3F3fe
  • statusBar.noFolderForeground#153C3Cce
  • statusBarItem.activeBackground#ECEFEFfe
  • statusBarItem.compactHoverBackground#ECEFEFfe
  • statusBarItem.errorBackground#FEC1FEbb
  • statusBarItem.errorForeground#900090ce
  • statusBarItem.errorHoverBackground#FEC1FEc7
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#F5F7F700
  • statusBarItem.hoverBackground#ECEFEFfe
  • statusBarItem.hoverForeground#9E2A5Afe
  • statusBarItem.offlineBackground#ECEFEFfe
  • statusBarItem.offlineForeground#153C3Cce
  • statusBarItem.offlineHoverBackground#ECEFEFfe
  • statusBarItem.offlineHoverForeground#7F274Bfe
  • statusBarItem.prominentBackground#ECEFEFfe
  • statusBarItem.prominentForeground#153C3Cce
  • statusBarItem.prominentHoverBackground#ECEFEFfe
  • statusBarItem.prominentHoverForeground#87284Ffe
  • statusBarItem.remoteBackground#87284Ffe
  • statusBarItem.remoteForeground#ECEFEFfe
  • statusBarItem.remoteHoverBackground#ECEFEFfe
  • statusBarItem.remoteHoverForeground#BF2C68fe
  • statusBarItem.warningBackground#FCD000fe
  • statusBarItem.warningForeground#5E4E00ce
  • statusBarItem.warningHoverBackground#FCD000fe
  • statusBarItem.warningHoverForeground#967C00ce
  • symbolIcon.arrayForeground#163E16fe
  • symbolIcon.booleanForeground#005959ce
  • symbolIcon.classForeground#413049fe
  • symbolIcon.colorForeground#1B3B3Bfe
  • symbolIcon.constantForeground#3F342Ffe
  • symbolIcon.constructorForeground#1B3B3Bfe
  • symbolIcon.enumeratorForeground#323924fe
  • symbolIcon.enumeratorMemberForeground#203D20fe
  • symbolIcon.eventForeground#3C3438fe
  • symbolIcon.fieldForeground#3A343Cfe
  • symbolIcon.fileForeground#1F3D1Ffe
  • symbolIcon.folderForeground#1B3B3Bfe
  • symbolIcon.functionForeground#25258Efe
  • symbolIcon.interfaceForeground#3C3438fe
  • symbolIcon.keyForeground#1F3B3Bfe
  • symbolIcon.keywordForeground#2A3C10fe
  • symbolIcon.methodForeground#542839fe
  • symbolIcon.moduleForeground#203D20fe
  • symbolIcon.namespaceForeground#3B3734fe
  • symbolIcon.nullForeground#3B3734fe
  • symbolIcon.numberForeground#343453fe
  • symbolIcon.objectForeground#353540fe
  • symbolIcon.operatorForeground#4B3117fe
  • symbolIcon.packageForeground#1B3B3Bfe
  • symbolIcon.propertyForeground#602305fe
  • symbolIcon.referenceForeground#69103Cfe
  • symbolIcon.snippetForeground#1B3B3Bfe
  • symbolIcon.stringForeground#343453fe
  • symbolIcon.structForeground#1515ACfe
  • symbolIcon.textForeground#3F3B38fe
  • symbolIcon.typeParameterForeground#3C3438fe
  • symbolIcon.unitForeground#32391Ffe
  • symbolIcon.variableForeground#34344Afe
  • tab.activeBackground#E8EBEBfe
  • tab.activeBorder#FBFAFA00
  • tab.activeBorderTop#7A103Afe
  • tab.activeForeground#721D3Ffe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#FBFAFA00
  • tab.hoverBackground#395639a2
  • tab.hoverBorder#F1F3F3fe
  • tab.hoverForeground#8E2953fe
  • tab.inactiveBackground#CED5D597
  • tab.inactiveForeground#47535365
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F1F3F3fe
  • tab.unfocusedActiveBackground#D1D7D725
  • tab.unfocusedActiveBorder#FBFAFA00
  • tab.unfocusedActiveBorderTop#CFD5D565
  • tab.unfocusedActiveForeground#38414165
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#3A545422
  • tab.unfocusedHoverBorder#D1D7D737
  • tab.unfocusedHoverForeground#444E4E65
  • tab.unfocusedInactiveBackground#B6C0C09b
  • tab.unfocusedInactiveForeground#47535365
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333c1
  • 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#670067a2
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececec0
  • terminal.ansiYellow#c4a200fe
  • terminal.background#DADFDFfe
  • terminal.border#F1F3F3fe
  • terminal.dropBackground#DADFDFfe
  • terminal.findMatchBackground#DADFDFfe
  • terminal.findMatchBorder#F1F3F3fe
  • terminal.findMatchHighlightBackground#DADFDFfe
  • terminal.findMatchHighlightBorder#F1F3F3fe
  • terminal.foreground#305555ae
  • terminal.hoverHighlightBackground#DADFDFfe
  • terminal.inactiveSelectionBackground#B6C0C09b
  • terminal.selectionBackground#9F98A38c
  • terminal.selectionForeground#0707B9ca
  • terminal.tab.activeBorder#7F0135fe
  • terminalCommandDecoration.defaultBackground#594B60ab
  • terminalCommandDecoration.errorBackground#A50000cb
  • terminalCommandDecoration.successBackground#1F5921cb
  • terminalCursor.background#DADFDFfe
  • terminalCursor.foreground#8E2953fe
  • terminalOverviewRuler.cursorForeground#153C3Cce
  • terminalOverviewRuler.findMatchForeground#005959ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0b5
  • testing.iconUnset#808080c6
  • testing.message.error.decorationForeground#9D0C48fe
  • testing.message.error.lineBackground#FEC1FEc7
  • testing.message.info.decorationForeground#9C1049fe
  • testing.message.info.lineBackground#CFCFFEfe
  • testing.peekBorder#F1F3F3fe
  • testing.peekHeaderBackground#DADFDFfe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#DADFDFfe
  • textBlockQuote.border#F1F3F3fe
  • textCodeBlock.background#DADFDFfe
  • textLink.activeForeground#BF2C68fe
  • textLink.foreground#3C00FCce
  • textPreformat.foreground#153C3Cce
  • textSeparator.foreground#153C3Cce
  • titleBar.activeBackground#ECEFEFfe
  • titleBar.activeForeground#164646ae
  • titleBar.border#FAFAFB00
  • titleBar.inactiveBackground#CFD5D5d1
  • titleBar.inactiveForeground#47535365
  • toolbar.activeBackground#D7D2D481
  • toolbar.hoverBackground#DADFDFfe
  • toolbar.hoverOutline#FAFAFB00
  • tree.inactiveIndentGuidesStroke#4D474435
  • tree.indentGuidesStroke#9D0D49fe
  • tree.tableColumnsBorder#F1F3F3fe
  • tree.tableOddRowsBackground#DADFDFfe
  • walkThrough.embeddedEditorBackground#DADFDFfe
  • walkthrough.stepTitle.foreground#153C3Cce
  • welcomePage.background#DADFDFfe
  • welcomePage.progress.background#DADFDFfe
  • welcomePage.progress.foreground#153C3Cce
  • welcomePage.tileBackground#DADFDFfe
  • welcomePage.tileBorder#F1F3F3fe
  • welcomePage.tileHoverBackground#DADFDFfe
  • widget.border#F1F3F3fe
  • widget.shadow#FAFBFA00
  • window.activeBorder#F1F3F3fe
  • window.inactiveBorder#CED5D59b

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#1833336e
comment.block.html#1634346e
comment.block.java#1735356e
comment.block.javadoc.java#1735356e
comment.block.powershell#1735356e
comment.block.xml#1634346e
comment.line.double-slash.c#1833336e
comment.line.double-slash.cpp#1833336e
comment.line.double-slash.java#1534346e
comment.line.double-slash.js#1735356e
comment.line.number-sign.makefile#1735356e
comment.line.number-sign.python#1833336e
comment.line.number-sign.yaml#1534346e
comment.line.percentage.erlang#1534346e
comment.line.powershell#1735356e
comment.source.cmake#1634346e
comment.source.cmakecache#1534346e
constant.character#0E5113de
constant.character.character-class.regexp#1B4646de
constant.character.escape#2A3215de
constant.character.set.regexp#0E4E4Ede
constant.language#3A4C11de
constant.numeric#452819de
constant.numeric.dec.python#3A4C0Ede
constant.other.caps.python#77310Ade
constant.other.character-class.regexp#490E6Ede
constant.other.character-class.set.regexp#113434de
constant.other.color.rgb-value#0D5111de
constant.other.placeholder#77310Ade
constant.other.rgb-value#5B3521de
constant.regexp#0C4E4Ede
constant.sha.git-rebase#033806de
emphasis#39461Bde
entity.name.class#462A1Bde
entity.name.function#62223Cde
entity.name.function.preprocessor#46215Bde
entity.name.function.python#2F3918de
entity.name.label#62032Ade
entity.name.namespace#104E4Ede
entity.name.operator#14227Fde
entity.name.operator.custom-literal#263402de
entity.name.scope-resolution#451C5Bde
entity.name.tag#0E4E4Ede
entity.name.tag.css#253403de
entity.name.type#792F05debold
entity.name.variable#502369de
entity.other.attribute#123614de
entity.other.attribute-name#104E4Ede
entity.other.attribute-name.class.css#5B2678de
entity.other.attribute-name.class.mixin.css#462A1Bde
entity.other.attribute-name.id#562570de
entity.other.attribute-name.id.css#692340de
entity.other.attribute-name.parent-selector.css#1A3F1Cde
entity.other.attribute-name.pseudo-class.css#394C0Dde
entity.other.attribute-name.pseudo-element.css#1B4646de
entity.other.attribute-name.scss#183919de
entity.other.document.begin.yaml#1833336e
entity.other.inherited-class#571731de
header#792F05de
invalid#4B0B6Ede
keyword#571731debold
keyword.codetag.notation.python#1B461Edebold
keyword.control#28330Bdebold
keyword.control.anchor.regexp#0C1C8Cdebold
keyword.control.import.python#123614debold
keyword.operator#441D58debold
keyword.operator.alignas#293311debold
keyword.operator.alignof#792F08debold
keyword.operator.cast#033535debold
keyword.operator.delete#4A2510debold
keyword.operator.documentation.powershell#1634346ebold
keyword.operator.expression#2F3918debold
keyword.operator.instanceof#39461Bdebold
keyword.operator.logical.python#451C5Bdebold
keyword.operator.minus.exponent#123614debold
keyword.operator.negation.regexp#511C32debold
keyword.operator.new#591430debold
keyword.operator.noexcept#09520Ddebold
keyword.operator.or.regexp#0C1C8Cdebold
keyword.operator.plus.exponent#2A3215debold
keyword.operator.quantifier.regexp#104E4Edebold
keyword.operator.sizeof#263402debold
keyword.operator.typeid#384C0Bdebold
keyword.operator.wordlike#4B0B6Edebold
keyword.other.operator#5D0E2Edebold
keyword.other.package.java#1A3F1Cdebold
keyword.other.unit#0C1C8Cdebold
keyword.other.using#431E58debold
markup.bold#4B0B6Ede
markup.changed#1A3F1Cde
markup.deleted#462A1Bde
markup.fenced_code.block.markdown#0F3711de
markup.heading#5B2138de
markup.inline.raw#471761de
markup.inserted#502107de
markup.italic#490E6Ede
markup.raw.block.markdown#033535de
markup.strikethrough#46215Bde
markup.underline#591430de
meta.block.c#451A5Ede
meta.block.c#0D5111de
meta.class.java#511C32de
meta.definition.variable.name#3A4C0Fde
meta.diff.header#62032Ade
meta.embedded#1B461Ede
meta.embedded.assembly#01109Ede
meta.function-call.arguments.python#792F05de
meta.function-call.python#212966de
meta.member.access.python#5B3521de
meta.method.java#105114de
meta.object-literal.key#4D2E1Dde
meta.paragraph.markdown#253403de
meta.preprocessor#431F57de
meta.preprocessor.numeric#511C32de
meta.preprocessor.string#0D5111de
meta.scope.prerequisites.makefile#5D0E2Ade
meta.structure.dictionary.json.comments#1634346e
meta.structure.dictionary.key.python#2F3918de
meta.structure.dictionary.value.json.comments#1534346e
meta.template.expression#0D5111de
meta.type.cast.expr#1E276Ddebold
meta.type.new.expr#222965debold
parameter#123614de
punctuation.character.set.begin.regexp#5B3521de
punctuation.character.set.end.regexp#4D2E1Dde
punctuation.definition.array.begin.json#252E70de
punctuation.definition.character-class.regexp#4A2512de
punctuation.definition.comment#1735356e
punctuation.definition.comment.json.comments#1735356e
punctuation.definition.comment.python#1833336e
punctuation.definition.dictionary.begin.json#54321Fde
punctuation.definition.dictionary.end.json#3A4C11de
punctuation.definition.group.assertion.regexp#252E70de
punctuation.definition.group.regexp#692340de
punctuation.definition.list.begin.json#1B461Ede
punctuation.definition.list.begin.markdown#452817de
punctuation.definition.list.begin.python#104E4Ede
punctuation.definition.list.end.json#0C1C8Cde
punctuation.definition.list.end.markdown#081994de
punctuation.definition.list.end.python#212966de
punctuation.definition.parameters.begin.python#19227Dde
punctuation.definition.parameters.end.bracket.round.java#462A1Bde
punctuation.definition.quote.begin.markdown#113613de
punctuation.definition.tag#394C0Dde
punctuation.definition.template-expression.begin#0A4E4Ede
punctuation.definition.template-expression.end#14227Fde
punctuation.section.class.begin.bracket.curly.java#1D4D4Dde
punctuation.section.embedded#384C0Bde
punctuation.section.embedded.begin.php#253403de
punctuation.section.embedded.end.php#212966de
punctuation.terminator.java#263402de
source.cmake#441D58de
source.coffee.embedded#394C0Dde
source.cpp#113613de
source.css.less#14227Fde
source.groovy.embedded#431F57de
source.java#452817de
source.java-properties#5B3521de
source.json.comments#1833336e
source.makefile#0B520Fde
source.powershell#183939de
source.powershell.variable.other.member#343F1Ade
source.python#28330Bde
storage#0E5113de
storage.modifier#39461Bde
storage.modifier.import.java#792F05de
storage.modifier.package.java#384C0Bde
storage.type#451A5Edebold
storage.type.annotation.groovy#462A1Bdebold
storage.type.annotation.java#1A3F3Fdebold
storage.type.boolean.go#24286Bdebold
storage.type.byte.go#4B2262debold
storage.type.cs#0E5113debold
storage.type.error.go#490E6Edebold
storage.type.generic.cs#2A3215debold
storage.type.generic.groovy#591430debold
storage.type.generic.java#123614debold
storage.type.groovy#113434debold
storage.type.java#623922debold
storage.type.modifier.cs#451C5Bdebold
storage.type.numeric.go#123614debold
storage.type.object.array.groovy#591430debold
storage.type.object.array.java#481366debold
storage.type.parameters.groovy#384C08debold
storage.type.primitive.array.groovy#183939debold
storage.type.primitive.array.java#5B2138debold
storage.type.primitive.groovy#1E276Ddebold
storage.type.primitive.java#5D0E2Adebold
storage.type.rune.go#104E4Edebold
storage.type.string.go#19227Ddebold
storage.type.token.java#113434debold
storage.type.uintptr.go#5B2678debold
storage.type.variable.cs#3B4C12debold
string#4A2510de
string.quoted.docstring.multi.python#1833336e
string.regexp#541A31de
string.tag#541F35de
string.value#2F3918de
strong#692340de
support.class#562570de
support.constant.color#451C5Bde
support.constant.dom#113613de
support.constant.font-name#1A3F1Cde
support.constant.handlebars#07370Bde
support.constant.json#702544de
support.constant.math#0A4E4Ede
support.constant.media#5B3521de
support.constant.media-type#623922debold
support.constant.property-value#343F1Ade
support.function#033806de
support.function.git-rebase#431F57de
support.other.parenthesis.regexp#115115de
support.type#541A31debold
support.type.property-name#692340debold
support.type.vendored.property-name#1B4646debold
support.variable#623922de
token.debug-token#472715de
token.error-token#5B2138de
token.info-token#2F3918de
token.warn-token#4A2512de
variable#1B461Ede
variable.css#293311de
variable.language#451C5Bde
variable.language.wildcard.java#541A31de
variable.other.constant#792F08de
variable.other.definition.java#511C32de
variable.other.enummember#5B2138de
variable.other.less#14227Fde
variable.other.object.java#1D4D20de
variable.other.object.property.java#452819de
variable.parameter.c#502107de
variable.parameter.function.language.python#252E70de
variable.parameter.java#481366de
variable.scss#4B2262de
viiv by B.W - VS Code Theme