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#D7E2D7fe
  • activityBar.activeBackground#D7E2D7fe
  • activityBar.activeBorder#7E093Afe
  • activityBar.activeFocusBorder#81814600
  • activityBar.background#EBF0EBfe
  • activityBar.border#9072AE00
  • activityBar.dropBorder#692943fe
  • activityBar.foreground#6E2342fe
  • activityBar.inactiveForeground#41584165
  • activityBarBadge.background#722F4Bfe
  • activityBarBadge.foreground#EBF0EBfe
  • badge.background#98345Efe
  • badge.foreground#EBF0EBfe
  • banner.background#D7E2D7fe
  • banner.foreground#124012ce
  • banner.iconForeground#353A18fe
  • breadcrumb.activeSelectionForeground#4F197Bca
  • breadcrumb.background#E6EDE6fe
  • breadcrumb.focusForeground#813152fe
  • breadcrumb.foreground#143F14ae
  • breadcrumbPicker.background#D7E2D7fe
  • button.background#9DB79Dae
  • button.border#F5F7F500
  • button.foreground#124012ce
  • button.hoverBackground#84A5846e
  • button.secondaryBackground#D7E2D7fe
  • button.secondaryForeground#124012ce
  • button.secondaryHoverBackground#D7E2D7fe
  • button.separator#FAFAFB00
  • charts.blue#1b1bfffe
  • charts.foreground#124012ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067b3
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F0F4F0fe
  • chat.slashCommandBackground#D7E2D7fe
  • chat.slashCommandForeground#124012ce
  • checkbox.background#F0F4F0fe
  • checkbox.border#F0F4F0fe
  • checkbox.foreground#124012ce
  • checkbox.selectBackground#F0F4F0fe
  • checkbox.selectBorder#F0F4F0fe
  • commandCenter.activeBackground#D6D6C981
  • commandCenter.activeBorder#F0F4F0fe
  • commandCenter.activeForeground#B8366Cfe
  • commandCenter.background#D7E2D7fe
  • commandCenter.border#F0F4F0fe
  • commandCenter.foreground#124012ce
  • commandCenter.inactiveBorder#CBD9CB94
  • commandCenter.inactiveForeground#32453265
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F6F5F700
  • contrastBorder#FBFAFA00
  • debugConsole.errorForeground#910091ce
  • debugConsole.infoForeground#124012ce
  • debugConsole.sourceForeground#124012ce
  • debugConsole.warningForeground#604F00ce
  • debugConsoleInputIcon.foreground#4F197Bfe
  • debugExceptionWidget.background#FEC1FEa7
  • debugExceptionWidget.border#F0F4F0fe
  • debugIcon.breakpointCurrentStackframeForeground#4F197Bfe
  • debugIcon.breakpointDisabledForeground#32453265
  • debugIcon.breakpointForeground#2B3B2Bfe
  • debugIcon.breakpointStackframeForeground#313748fe
  • debugIcon.breakpointUnverifiedForeground#0B400Bfe
  • debugIcon.continueForeground#592919fe
  • debugIcon.disconnectForeground#043E38fe
  • debugIcon.pauseForeground#183F18fe
  • debugIcon.restartForeground#183D38fe
  • debugIcon.startForeground#3E3E2Ffe
  • debugIcon.stepBackForeground#0C3E35fe
  • debugIcon.stepIntoForeground#182F7Ffe
  • debugIcon.stepOutForeground#1C3E1Cfe
  • debugIcon.stepOverForeground#5F1E42fe
  • debugIcon.stopForeground#184018fe
  • debugTokenExpression.boolean#161e16ca
  • debugTokenExpression.error#1A161Dca
  • debugTokenExpression.name#1D1D16ca
  • debugTokenExpression.number#221D26ca
  • debugTokenExpression.value#1D1816ca
  • debugToolBar.background#FEC1FEae
  • debugToolBar.border#F0F4F0fe
  • debugView.exceptionLabelBackground#CCD9CCca
  • debugView.exceptionLabelForeground#014101ca
  • debugView.stateLabelBackground#DBD3D0ca
  • debugView.stateLabelForeground#691043ca
  • debugView.valueChangedHighlight#191B21ca
  • descriptionForeground#124012ce
  • diffEditor.border#FAFAFB00
  • diffEditor.diagonalFill#000000f6
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#B7E0B9fb
  • diffEditor.insertedTextBorder#F7F7F500
  • diffEditor.move.border#FAFBFB00
  • diffEditor.moveActive.border#FBFAFA00
  • diffEditor.removedLineBackground#FFC7C731
  • diffEditor.removedTextBackground#FFC9C9fb
  • diffEditor.removedTextBorder#F6F5F700
  • diffEditor.unchangedCodeBackground#D7E2D7fe
  • diffEditor.unchangedRegionBackground#D7E2D7fe
  • diffEditor.unchangedRegionForeground#124012ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#175D1765
  • dropdown.background#F0F4F0fe
  • dropdown.border#F0F4F0fe
  • dropdown.foreground#124012ce
  • dropdown.listBackground#F0F4F0fe
  • editor.background#D7E2D7fe
  • editor.findMatchBackground#A3B9B6a5
  • editor.findMatchBorder#F0F4F0fe
  • editor.findMatchHighlightBackground#A3B9B6a4
  • editor.findMatchHighlightBorder#F0F4F0fe
  • editor.findRangeHighlightBackground#C0B2ACa1
  • editor.findRangeHighlightBorder#F0F4F0fe
  • editor.focusedStackFrameHighlightBackground#AA8F9F8d
  • editor.foldBackground#703399a5
  • editor.foreground#124012ce
  • editor.hoverHighlightBackground#C0ACB8a7
  • editor.inactiveSelectionBackground#C4D3C491
  • editor.inlineValuesBackground#D7E2D7fe
  • editor.inlineValuesForeground#124012ce
  • editor.lineHighlightBackground#B5C9B5b4
  • editor.lineHighlightBorder#FAFBFB00
  • editor.linkedEditingBackground#D7E2D7fe
  • editor.rangeHighlightBackground#A2BAA2a8
  • editor.rangeHighlightBorder#F0F4F0fe
  • editor.selectionBackground#C7C7B6ab
  • editor.selectionForeground#393900ca
  • editor.selectionHighlightBackground#AA8F9F8c
  • editor.selectionHighlightBorder#F0F4F0fe
  • editor.snippetFinalTabstopHighlightBackground#B1B199ad
  • editor.snippetFinalTabstopHighlightBorder#F0F4F0fe
  • editor.snippetTabstopHighlightBackground#8FAAA6a5
  • editor.snippetTabstopHighlightBorder#F0F4F0fe
  • editor.stackFrameHighlightBackground#A7ADBCae
  • editor.symbolHighlightBackground#84A584ac
  • editor.symbolHighlightBorder#F0F4F0fe
  • editor.wordHighlightBackground#89A889a1
  • editor.wordHighlightBorder#FBFAFA00
  • editor.wordHighlightStrongBackground#9686A3a7
  • editor.wordHighlightStrongBorder#F5F7F500
  • editor.wordHighlightTextBackground#B9A9A3a8
  • editor.wordHighlightTextBorder#F5F7F500
  • editorBracketHighlight.foreground1#0A0E0Ace
  • editorBracketHighlight.foreground2#0A0E0Ace
  • editorBracketHighlight.foreground3#0A0E0Ace
  • editorBracketHighlight.foreground4#0A0E0Ace
  • editorBracketHighlight.foreground5#0A0E0Ace
  • editorBracketHighlight.foreground6#0A0E0Ace
  • editorBracketHighlight.unexpectedBracket.foreground#124012ce
  • editorBracketMatch.background#51512Fa7
  • editorBracketMatch.border#F0F4F0fe
  • editorBracketPairGuide.activeBackground1#2D575288
  • editorBracketPairGuide.activeBackground2#6B399184
  • editorBracketPairGuide.activeBackground3#6F319E82
  • editorBracketPairGuide.activeBackground4#664A3F82
  • editorBracketPairGuide.activeBackground5#64427E8e
  • editorBracketPairGuide.activeBackground6#81356185
  • editorBracketPairGuide.background1#CCDACCfe
  • editorBracketPairGuide.background2#CDD9D7fe
  • editorBracketPairGuide.background3#D6D6C8fe
  • editorBracketPairGuide.background4#CDD9D7fe
  • editorBracketPairGuide.background5#CCDACCfe
  • editorBracketPairGuide.background6#DBD4DEfe
  • editorCodeLens.foreground#1D5C1D6e
  • editorCommentsWidget.rangeActiveBackground#355835fe
  • editorCommentsWidget.rangeBackground#D7E2D7fe
  • editorCommentsWidget.resolvedBorder#F0F4F0fe
  • editorCommentsWidget.unresolvedBorder#FFC7C7cb
  • editorCursor.background#D7E2D7fe
  • editorCursor.foreground#A03561fe
  • editorError.background#F7F7F500
  • editorError.border#FBFAFA00
  • editorError.foreground#910091ce
  • editorGhostText.background#D7E2D7fe
  • editorGhostText.border#F5F7F500
  • editorGhostText.foreground#195D196e
  • editorGroup.border#F0F4F0fe
  • editorGroup.dropBackground#D7E2D7fe
  • editorGroup.dropIntoPromptBackground#D7E2D7fe
  • editorGroup.dropIntoPromptBorder#F0F4F0fe
  • editorGroup.dropIntoPromptForeground#124012ce
  • editorGroup.emptyBackground#D7E2D7fe
  • editorGroup.focusedEmptyBorder#F0F4F0fe
  • editorGroupHeader.border#FAFAFB00
  • editorGroupHeader.noTabsBackground#EBF0EBae
  • editorGroupHeader.tabsBackground#D7E2D7a1
  • editorGroupHeader.tabsBorder#F6F5F700
  • editorGutter.addedBackground#1A5C1Dfb
  • editorGutter.background#D7E2D7fe
  • editorGutter.commentGlyphForeground#124012ce
  • editorGutter.commentRangeForeground#124012ce
  • editorGutter.commentUnresolvedGlyphForeground#1F5C22cb
  • editorGutter.deletedBackground#A50000cb
  • editorGutter.foldingControlForeground#124012ce
  • editorGutter.modifiedBackground#604F00ce
  • editorHint.border#FBFAFA00
  • editorHint.foreground#3C00FCce
  • editorHoverWidget.background#F0F4F0fe
  • editorHoverWidget.border#F0F4F0fe
  • editorHoverWidget.foreground#124012ce
  • editorHoverWidget.highlightForeground#223466ca
  • editorHoverWidget.statusBarBackground#D7E2D7fe
  • editorIndentGuide.activeBackground1#702040fe
  • editorIndentGuide.activeBackground2#692943fe
  • editorIndentGuide.activeBackground3#77173Cfe
  • editorIndentGuide.activeBackground4#7F0836fe
  • editorIndentGuide.activeBackground5#702040fe
  • editorIndentGuide.activeBackground6#7A1041fe
  • editorIndentGuide.background1#48483635
  • editorIndentGuide.background2#493E5235
  • editorIndentGuide.background3#3E524F35
  • editorIndentGuide.background4#523E4935
  • editorIndentGuide.background5#4C656135
  • editorIndentGuide.background6#493E5235
  • editorInfo.background#FBFAFA00
  • editorInfo.border#FAFAFB00
  • editorInfo.foreground#3C00FCce
  • editorInlayHint.background#D7E2D7fe
  • editorInlayHint.foreground#124012ce
  • editorInlayHint.parameterBackground#D7E2D7fe
  • editorInlayHint.parameterForeground#124012ce
  • editorInlayHint.typeBackground#D7E2D7fe
  • editorInlayHint.typeForeground#124012ce
  • editorLightBulb.foreground#604F00ce
  • editorLightBulbAutoFix.foreground#1F5C22cb
  • editorLineNumber.activeForeground#A73565fe
  • editorLineNumber.dimmedForeground#1F5C1F6e
  • editorLineNumber.foreground#255B256e
  • editorLink.activeForeground#98345Efe
  • editorMarkerNavigation.background#F0F4F0fe
  • editorMarkerNavigationError.background#FEC1FEc6
  • editorMarkerNavigationError.headerBackground#FEC1FEb0
  • editorMarkerNavigationInfo.background#D1D1FFfe
  • editorMarkerNavigationInfo.headerBackground#D1D1FFfe
  • editorMarkerNavigationWarning.background#FED200fe
  • editorMarkerNavigationWarning.headerBackground#FED200fe
  • editorOverviewRuler.addedForeground#1F5C22cb
  • editorOverviewRuler.background#D7E2D7fe
  • editorOverviewRuler.border#CBD9CBfe
  • editorOverviewRuler.bracketMatchForeground#124012ce
  • editorOverviewRuler.commentForeground#1F5C1F6e
  • editorOverviewRuler.commentUnresolvedForeground#1F5C22cb
  • editorOverviewRuler.commonContentForeground#124012ce
  • editorOverviewRuler.currentContentForeground#505050bd
  • editorOverviewRuler.deletedForeground#A50000cb
  • editorOverviewRuler.errorForeground#910091ce
  • editorOverviewRuler.findMatchForeground#005A5Ace
  • editorOverviewRuler.incomingContentForeground#1F5C22cb
  • editorOverviewRuler.infoForeground#3C00FCce
  • editorOverviewRuler.modifiedForeground#604F00ce
  • editorOverviewRuler.rangeHighlightForeground#223466ca
  • editorOverviewRuler.selectionHighlightForeground#3C00FCce
  • editorOverviewRuler.warningForeground#604F00ce
  • editorOverviewRuler.wordHighlightForeground#690E4Bca
  • editorOverviewRuler.wordHighlightStrongForeground#124012ce
  • editorOverviewRuler.wordHighlightTextForeground#124012ce
  • editorPane.background#D7E2D7fe
  • editorRuler.foreground#35573538
  • editorStickyScroll.background#D7E2D7fe
  • editorStickyScrollHover.background#CBD9CB6e
  • editorSuggestWidget.background#F0F4F0fe
  • editorSuggestWidget.border#F5F7F500
  • editorSuggestWidget.focusHighlightForeground#414116fe
  • editorSuggestWidget.foreground#014101fe
  • editorSuggestWidget.highlightForeground#073082ca
  • editorSuggestWidget.selectedBackground#B9B9A38b
  • editorSuggestWidget.selectedForeground#0C3E35ca
  • editorSuggestWidget.selectedIconForeground#690E4Bca
  • editorSuggestWidgetStatus.foreground#184018fe
  • editorUnicodeHighlight.background#9F8FAAa4
  • editorUnicodeHighlight.border#F0F4F0fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F6F5F700
  • editorWarning.border#FAFBFB00
  • editorWarning.foreground#604F00ce
  • editorWhitespace.foreground#124012ce
  • editorWidget.background#F0F4F0fe
  • editorWidget.border#F0F4F0fe
  • editorWidget.foreground#124012ce
  • editorWidget.resizeBorder#F0F4F0fe
  • errorForeground#910091ce
  • extensionBadge.remoteBackground#722F4Bfe
  • extensionBadge.remoteForeground#EBF0EBfe
  • extensionButton.background#CBD9CBae
  • extensionButton.foreground#124012ce
  • extensionButton.hoverBackground#CBD9CB6e
  • extensionButton.prominentBackground#D7E2D7fe
  • extensionButton.prominentForeground#124012ce
  • extensionButton.prominentHoverBackground#D7E2D7fe
  • extensionButton.separator#F6F5F700
  • extensionIcon.preReleaseForeground#1C3E1Cfe
  • extensionIcon.sponsorForeground#043E38fe
  • extensionIcon.starForeground#38391Afe
  • extensionIcon.verifiedForeground#632109fe
  • focusBorder#FAFAFB00
  • foreground#124012ce
  • gitDecoration.addedResourceForeground#1F5C22cb
  • gitDecoration.deletedResourceForeground#A50000cb
  • gitDecoration.modifiedResourceForeground#604F00ce
  • gitDecoration.renamedResourceForeground#3C00FCce
  • gitDecoration.stageDeletedResourceForeground#A50000cb
  • gitDecoration.stageModifiedResourceForeground#1F5C22cb
  • gitDecoration.untrackedResourceForeground#005A5Ace
  • icon.foreground#2B592Bae
  • inlineChat.background#D6D6CAca
  • inlineChat.border#CDDACDca
  • inlineChat.regionHighlight#181216ca
  • inlineChat.shadow#261F1Dca
  • inlineChatDiff.inserted#2B2026ca
  • inlineChatDiff.removed#1A161Dca
  • inlineChatInput.background#1D1816ca
  • inlineChatInput.border#D2D5DDca
  • inlineChatInput.focusBorder#F7F7F500
  • inlineChatInput.placeholderForeground#184018ca
  • input.background#F0F4F0fe
  • input.border#F0F4F0fe
  • input.foreground#124012ce
  • input.placeholderForeground#364A3665
  • inputOption.activeBackground#F0F4F0fe
  • inputOption.activeBorder#F0F4F0fe
  • inputOption.activeForeground#B03668fe
  • inputOption.hoverBackground#F0F4F0fe
  • inputValidation.errorBackground#6700679b
  • inputValidation.errorBorder#FEC1FEbb
  • inputValidation.errorForeground#910091ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F0F4F0fe
  • inputValidation.infoForeground#124012ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F0F4F0fe
  • inputValidation.warningForeground#604F00ce
  • interactive.activeCodeBorder#F0F4F0fe
  • interactive.inactiveCodeBorder#CBD9CB96
  • keybindingLabel.background#D7E2D7fe
  • keybindingLabel.border#F0F4F0fe
  • keybindingLabel.bottomBorder#F0F4F0fe
  • keybindingLabel.foreground#124012ce
  • keybindingTable.headerBackground#D7E2D7fe
  • keybindingTable.rowsBackground#D7E2D7fe
  • list.activeSelectionBackground#A7ADBC85
  • list.activeSelectionForeground#184018ca
  • list.activeSelectionIconForeground#163D36ca
  • list.deemphasizedForeground#124012ce
  • list.dropBackground#D7E2D7fe
  • list.errorForeground#910091ce
  • list.filterMatchBackground#D7E2D7fe
  • list.filterMatchBorder#F0F4F0fe
  • list.focusAndSelectionOutline#FBFAFA00
  • list.focusBackground#BFD0BF97
  • list.focusForeground#A73565fe
  • list.focusHighlightForeground#404023fe
  • list.focusOutline#FAFBFB00
  • list.highlightForeground#183D38ca
  • list.hoverBackground#D6D6C9a9
  • list.hoverForeground#722F4Bfe
  • list.inactiveFocusBackground#B0C5B093
  • list.inactiveFocusOutline#F5F7F500
  • list.inactiveSelectionBackground#EBF0EBae
  • list.inactiveSelectionForeground#364A3665
  • list.inactiveSelectionIconForeground#394E3965
  • list.invalidItemForeground#124012ce
  • list.warningForeground#604F00ce
  • listFilterWidget.background#D7E2D7fe
  • listFilterWidget.noMatchesOutline#FAFBFB00
  • listFilterWidget.outline#FBFAFA00
  • listFilterWidget.shadow#F7F7F500
  • menu.background#EBF0EBfe
  • menu.border#F7F7F500
  • menu.foreground#153F15ae
  • menu.selectionBackground#CBCBBBa5
  • menu.selectionBorder#F6F5F700
  • menu.selectionForeground#B03668fe
  • menu.separatorBackground#CCD9CC65
  • menubar.selectionBackground#C7C7B6a7
  • menubar.selectionBorder#F7F7F500
  • menubar.selectionForeground#883256fe
  • merge.border#F0F4F0fe
  • merge.commonContentBackground#D7E2D7fe
  • merge.commonHeaderBackground#D7E2D7fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#B7E0B9fb
  • merge.incomingContentBackground#B6DFB8cb
  • merge.incomingHeaderBackground#B7E0B9fb
  • mergeEditor.change.background#D7E2D7fe
  • mergeEditor.change.word.background#D7E2D7fe
  • mergeEditor.changeBase.background#D7E2D7fe
  • mergeEditor.changeBase.word.background#D7E2D7fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F0F4F0fe
  • mergeEditor.conflict.handledUnfocused.border#CEDBCE2f
  • mergeEditor.conflict.input1.background#F0F4F0fe
  • mergeEditor.conflict.input2.background#F0F4F0fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#6700679e
  • mergeEditor.conflict.unhandledFocused.border#F0F4F0fe
  • mergeEditor.conflict.unhandledUnfocused.border#CEDBCE24
  • mergeEditor.conflictingLines.background#D7E2D7fe
  • minimap.background#D7E2D7fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0A0E0Ace
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1A5C1Dfb
  • minimapGutter.deletedBackground#A60000fb
  • minimapGutter.modifiedBackground#604F00ce
  • minimapSlider.activeBackground#759A75fe
  • minimapSlider.background#9DB79Dae
  • minimapSlider.hoverBackground#7FA17F6e
  • notebook.cellBorderColor#F0F4F0fe
  • notebook.cellEditorBackground#D7E2D7fe
  • notebook.cellHoverBackground#D7E2D7fe
  • notebook.cellInsertionIndicator#161e16ca
  • notebook.cellStatusBarItemHoverBackground#D7E2D7fe
  • notebook.cellToolbarSeparator#181216ca
  • notebook.editorBackground#D7E2D7fe
  • notebook.focusedCellBackground#D7E2D7fe
  • notebook.focusedCellBorder#722F4Bfe
  • notebook.focusedEditorBorder#F0F4F0fe
  • notebook.inactiveFocusedCellBorder#7A9E7A8e
  • notebook.inactiveSelectedCellBorder#688E688e
  • notebook.outputContainerBackgroundColor#D7E2D7fe
  • notebook.outputContainerBorderColor#F0F4F0fe
  • notebook.selectedCellBackground#D7E2D7fe
  • notebook.selectedCellBorder#F0F4F0fe
  • notebook.symbolHighlightBackground#D7E2D7fe
  • notebookEditorOverviewRuler.runningCellForeground#124012ce
  • notebookScrollbarSlider.activeBackground#688E68fe
  • notebookScrollbarSlider.background#9DB79Dae
  • notebookScrollbarSlider.hoverBackground#84A5846e
  • notebookStatusErrorIcon.foreground#910091ce
  • notebookStatusRunningIcon.foreground#014101fe
  • notebookStatusSuccessIcon.foreground#1F5C22cb
  • notificationCenter.border#F0F4F0fe
  • notificationCenterHeader.background#D7E2D7fe
  • notificationCenterHeader.foreground#124012ce
  • notificationLink.foreground#124012ce
  • notifications.background#D7E2D7fe
  • notifications.border#F0F4F0fe
  • notifications.foreground#124012ce
  • notificationsErrorIcon.foreground#910091ce
  • notificationsInfoIcon.foreground#184018fe
  • notificationsWarningIcon.foreground#604F00ce
  • notificationToast.border#F0F4F0fe
  • panel.background#D7E2D7fe
  • panel.border#F0F4F0fe
  • panel.dropBorder#F0F4F0fe
  • panelInput.border#F0F4F0fe
  • panelSection.border#F0F4F0fe
  • panelSection.dropBackground#D7E2D7fe
  • panelSectionHeader.background#D7E2D7fe
  • panelSectionHeader.border#F0F4F0fe
  • panelSectionHeader.foreground#124012ce
  • panelTitle.activeBorder#FBFAFA00
  • panelTitle.activeForeground#731D3Efe
  • panelTitle.inactiveForeground#32453265
  • peekView.border#7F0836fe
  • peekViewEditor.background#F0F4F0fe
  • peekViewEditor.matchHighlightBackground#A6928A83
  • peekViewEditor.matchHighlightBorder#FAFAFB00
  • peekViewEditorGutter.background#F0F4F0fe
  • peekViewEditorStickyScroll.background#D7E2D7fe
  • peekViewResult.background#EBF0EBfe
  • peekViewResult.fileForeground#124012ce
  • peekViewResult.lineForeground#124012ce
  • peekViewResult.matchHighlightBackground#868EA38d
  • peekViewResult.selectionBackground#AA8F9F84
  • peekViewResult.selectionForeground#043E38ca
  • peekViewTitle.background#EBF0EBfe
  • peekViewTitleDescription.foreground#124012ce
  • peekViewTitleLabel.foreground#124012ce
  • pickerGroup.border#F0F4F0fe
  • pickerGroup.foreground#124012ce
  • ports.iconRunningProcessForeground#52048Dfe
  • problemsErrorIcon.foreground#910091ce
  • problemsInfoIcon.foreground#3C00FCce
  • problemsWarningIcon.foreground#604F00ce
  • profileBadge.background#A03561fe
  • profileBadge.foreground#EBF0EBfe
  • progressBar.background#D7E2D7fe
  • quickInput.background#EBF0EBfe
  • quickInput.foreground#153F15ae
  • quickInputList.focusBackground#B1A099a8
  • quickInputList.focusForeground#813152fe
  • quickInputList.focusIconForeground#A73565fe
  • quickInputTitle.background#F0F4F0fe
  • sash.hoverBorder#F0F4F0fe
  • scrollbar.shadow#FBFAFA00
  • scrollbarSlider.activeBackground#719671fe
  • scrollbarSlider.background#ABC1ABae
  • scrollbarSlider.hoverBackground#7FA17F6e
  • search.resultsInfoForeground#124012ce
  • searchEditor.findMatchBackground#B8ACC0a4
  • searchEditor.findMatchBorder#F0F4F0fe
  • searchEditor.textInputBorder#F0F4F0fe
  • selection.background#D7E2D7fe
  • settings.checkboxBackground#F0F4F0fe
  • settings.checkboxBorder#F0F4F0fe
  • settings.checkboxForeground#124012ce
  • settings.dropdownBackground#F0F4F0fe
  • settings.dropdownBorder#F0F4F0fe
  • settings.dropdownForeground#124012ce
  • settings.dropdownListBorder#F0F4F0fe
  • settings.focusedRowBackground#A6928A82
  • settings.focusedRowBorder#F0F4F0fe
  • settings.headerBorder#F0F4F0fe
  • settings.headerForeground#124012ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F0F4F0fe
  • settings.numberInputBorder#F0F4F0fe
  • settings.numberInputForeground#124012ce
  • settings.rowHoverBackground#D7E2D7fe
  • settings.sashBorder#F0F4F0fe
  • settings.settingsHeaderHoverForeground#B03668fe
  • settings.textInputBackground#F0F4F0fe
  • settings.textInputBorder#F0F4F0fe
  • settings.textInputForeground#124012ce
  • sideBar.background#D7E2D7fe
  • sideBar.border#F0F4F0fe
  • sideBar.dropBackground#D7E2D7fe
  • sideBar.foreground#2B592Bae
  • sideBarSectionHeader.background#F7F7F500
  • sideBarSectionHeader.border#F0F4F0fe
  • sideBarSectionHeader.foreground#124012ce
  • sideBarTitle.foreground#124012ce
  • sideBySideEditor.horizontalBorder#F0F4F0fe
  • sideBySideEditor.verticalBorder#F0F4F0fe
  • simpleFindWidget.sashBorder#F0F4F0fe
  • statusBar.background#EBF0EBfe
  • statusBar.border#F0F4F0fe
  • statusBar.debuggingBackground#FEC1FEb1
  • statusBar.debuggingBorder#F0F4F0fe
  • statusBar.debuggingForeground#124012ce
  • statusBar.focusBorder#FAFBFB00
  • statusBar.foreground#225C226e
  • statusBar.noFolderBackground#EBF0EBfe
  • statusBar.noFolderBorder#F0F4F0fe
  • statusBar.noFolderForeground#124012ce
  • statusBarItem.activeBackground#EBF0EBfe
  • statusBarItem.compactHoverBackground#EBF0EBfe
  • statusBarItem.errorBackground#FEC1FEa2
  • statusBarItem.errorForeground#910091ce
  • statusBarItem.errorHoverBackground#FEC1FEaf
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#FBFAFA00
  • statusBarItem.hoverBackground#EBF0EBfe
  • statusBarItem.hoverForeground#B03668fe
  • statusBarItem.offlineBackground#EBF0EBfe
  • statusBarItem.offlineForeground#124012ce
  • statusBarItem.offlineHoverBackground#EBF0EBfe
  • statusBarItem.offlineHoverForeground#98345Efe
  • statusBarItem.prominentBackground#EBF0EBfe
  • statusBarItem.prominentForeground#124012ce
  • statusBarItem.prominentHoverBackground#EBF0EBfe
  • statusBarItem.prominentHoverForeground#883256fe
  • statusBarItem.remoteBackground#B8366Cfe
  • statusBarItem.remoteForeground#EBF0EBfe
  • statusBarItem.remoteHoverBackground#EBF0EBfe
  • statusBarItem.remoteHoverForeground#A73565fe
  • statusBarItem.warningBackground#FED200fe
  • statusBarItem.warningForeground#604F00ce
  • statusBarItem.warningHoverBackground#FED200fe
  • statusBarItem.warningHoverForeground#967C00ce
  • symbolIcon.arrayForeground#3A3A16fe
  • symbolIcon.booleanForeground#005A5Ace
  • symbolIcon.classForeground#5B2813fe
  • symbolIcon.colorForeground#39392Bfe
  • symbolIcon.constantForeground#032B90fe
  • symbolIcon.constructorForeground#2C3655fe
  • symbolIcon.enumeratorForeground#3E3E2Ffe
  • symbolIcon.enumeratorMemberForeground#5F1E42fe
  • symbolIcon.eventForeground#182F7Ffe
  • symbolIcon.fieldForeground#032B90fe
  • symbolIcon.fileForeground#1C3E1Cfe
  • symbolIcon.folderForeground#5F1E42fe
  • symbolIcon.functionForeground#433733fe
  • symbolIcon.interfaceForeground#562B1Ffe
  • symbolIcon.keyForeground#592A12fe
  • symbolIcon.keywordForeground#184018fe
  • symbolIcon.methodForeground#492861fe
  • symbolIcon.moduleForeground#0B400Bfe
  • symbolIcon.namespaceForeground#333743fe
  • symbolIcon.nullForeground#52048Dfe
  • symbolIcon.numberForeground#032B90fe
  • symbolIcon.objectForeground#182F7Ffe
  • symbolIcon.operatorForeground#293A37fe
  • symbolIcon.packageForeground#3A3A16fe
  • symbolIcon.propertyForeground#334341fe
  • symbolIcon.referenceForeground#153F15fe
  • symbolIcon.snippetForeground#422F50fe
  • symbolIcon.stringForeground#632109fe
  • symbolIcon.structForeground#5B2813fe
  • symbolIcon.textForeground#334341fe
  • symbolIcon.typeParameterForeground#184018fe
  • symbolIcon.unitForeground#2C3655fe
  • symbolIcon.variableForeground#043E38fe
  • tab.activeBackground#E6EDE6fe
  • tab.activeBorder#FBFAFA00
  • tab.activeBorderTop#731D3Efe
  • tab.activeForeground#692742fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#FBFAFA00
  • tab.hoverBackground#515132a5
  • tab.hoverBorder#F0F4F0fe
  • tab.hoverForeground#98345Efe
  • tab.inactiveBackground#CBD9CB96
  • tab.inactiveForeground#364A3665
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F0F4F0fe
  • tab.unfocusedActiveBackground#CEDBCE2e
  • tab.unfocusedActiveBorder#FAFBFB00
  • tab.unfocusedActiveBorderTop#CCDACC65
  • tab.unfocusedActiveForeground#32453265
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#35573531
  • tab.unfocusedHoverBorder#CCD9CC22
  • tab.unfocusedHoverForeground#3D533D65
  • tab.unfocusedInactiveBackground#B0C5B097
  • tab.unfocusedInactiveForeground#32453265
  • 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#670067b7
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececea4
  • terminal.ansiYellow#c4a200fe
  • terminal.background#D7E2D7fe
  • terminal.border#F0F4F0fe
  • terminal.dropBackground#D7E2D7fe
  • terminal.findMatchBackground#D7E2D7fe
  • terminal.findMatchBorder#F0F4F0fe
  • terminal.findMatchHighlightBackground#D7E2D7fe
  • terminal.findMatchHighlightBorder#F0F4F0fe
  • terminal.foreground#2B592Bae
  • terminal.hoverHighlightBackground#D7E2D7fe
  • terminal.inactiveSelectionBackground#B0C5B093
  • terminal.selectionBackground#A7BCB986
  • terminal.selectionForeground#163D36ca
  • terminal.tab.activeBorder#800238fe
  • terminalCommandDecoration.defaultBackground#5A4A67a2
  • terminalCommandDecoration.errorBackground#A50000cb
  • terminalCommandDecoration.successBackground#1F5C22cb
  • terminalCursor.background#D7E2D7fe
  • terminalCursor.foreground#7A304Ffe
  • terminalOverviewRuler.cursorForeground#124012ce
  • terminalOverviewRuler.findMatchForeground#005A5Ace
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0a9
  • testing.iconUnset#808080bf
  • testing.message.error.decorationForeground#9C134Bfe
  • testing.message.error.lineBackground#FEC1FEc7
  • testing.message.info.decorationForeground#9C134Bfe
  • testing.message.info.lineBackground#D1D1FFfe
  • testing.peekBorder#F0F4F0fe
  • testing.peekHeaderBackground#D7E2D7fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#D7E2D7fe
  • textBlockQuote.border#F0F4F0fe
  • textCodeBlock.background#D7E2D7fe
  • textLink.activeForeground#813152fe
  • textLink.foreground#3C00FCce
  • textPreformat.foreground#124012ce
  • textSeparator.foreground#124012ce
  • titleBar.activeBackground#EBF0EBfe
  • titleBar.activeForeground#134913ae
  • titleBar.border#F5F7F500
  • titleBar.inactiveBackground#CCD9CCdc
  • titleBar.inactiveForeground#41584165
  • toolbar.activeBackground#DBD3D082
  • toolbar.hoverBackground#D7E2D7fe
  • toolbar.hoverOutline#F5F7F500
  • tree.inactiveIndentGuidesStroke#4C536535
  • tree.indentGuidesStroke#9E0F4Afe
  • tree.tableColumnsBorder#F0F4F0fe
  • tree.tableOddRowsBackground#D7E2D7fe
  • walkThrough.embeddedEditorBackground#D7E2D7fe
  • walkthrough.stepTitle.foreground#124012ce
  • welcomePage.background#D7E2D7fe
  • welcomePage.progress.background#D7E2D7fe
  • welcomePage.progress.foreground#124012ce
  • welcomePage.tileBackground#D7E2D7fe
  • welcomePage.tileBorder#F0F4F0fe
  • welcomePage.tileHoverBackground#D7E2D7fe
  • widget.border#F0F4F0fe
  • widget.shadow#FAFAFB00
  • window.activeBorder#F0F4F0fe
  • window.inactiveBorder#CCD9CC9e

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#1437146e
comment.block.html#1337136e
comment.block.java#1437146e
comment.block.javadoc.java#1337136e
comment.block.powershell#1437146e
comment.block.xml#1437146e
comment.line.double-slash.c#1437146e
comment.line.double-slash.cpp#1437146e
comment.line.double-slash.java#1537156e
comment.line.double-slash.js#1437146e
comment.line.number-sign.makefile#1337136e
comment.line.number-sign.python#1337136e
comment.line.number-sign.yaml#1437146e
comment.line.percentage.erlang#1437146e
comment.line.powershell#1537156e
comment.source.cmake#1537156e
comment.source.cmakecache#1437146e
constant.character#0A3812de
constant.character.character-class.regexp#501F32de
constant.character.escape#503827de
constant.character.set.regexp#244343de
constant.language#04380Dde
constant.numeric#283404de
constant.numeric.dec.python#640129de
constant.other.caps.python#124E4Ede
constant.other.character-class.regexp#12521Cde
constant.other.character-class.set.regexp#193434de
constant.other.color.rgb-value#193434de
constant.other.placeholder#5B1231de
constant.other.rgb-value#0E5219de
constant.regexp#40254Fde
constant.sha.git-rebase#3E4C15de
emphasis#551B32de
entity.name.class#262E55de
entity.name.function#0A3812de
entity.name.function.preprocessor#124E4Ede
entity.name.function.python#452915de
entity.name.label#193434de
entity.name.namespace#262E55de
entity.name.operator#234328de
entity.name.operator.custom-literal#472814de
entity.name.scope-resolution#134E4Ede
entity.name.tag#363D20de
entity.name.tag.css#293057de
entity.name.type#572E6Bdebold
entity.name.variable#3D4C0Dde
entity.other.attribute#1E3722de
entity.other.attribute-name#571735de
entity.other.attribute-name.class.css#283406de
entity.other.attribute-name.class.mixin.css#3E4C15de
entity.other.attribute-name.id#432B1Bde
entity.other.attribute-name.id.css#0A3812de
entity.other.attribute-name.parent-selector.css#244343de
entity.other.attribute-name.pseudo-class.css#501F32de
entity.other.attribute-name.pseudo-element.css#283404de
entity.other.attribute-name.scss#2C3564de
entity.other.document.begin.yaml#1437146e
entity.other.inherited-class#053636de
header#5D402Ade
invalid#14511Ede
keyword#1F3636debold
keyword.codetag.notation.python#4D2132debold
keyword.control#2C321Adebold
keyword.control.anchor.regexp#2E386Bdebold
keyword.control.import.python#0E5219debold
keyword.operator#001996debold
keyword.operator.alignas#134E4Edebold
keyword.operator.alignof#3E4C15debold
keyword.operator.cast#193434debold
keyword.operator.delete#503827debold
keyword.operator.documentation.powershell#1337136ebold
keyword.operator.expression#234328debold
keyword.operator.instanceof#571735debold
keyword.operator.logical.python#293057debold
keyword.operator.minus.exponent#043636debold
keyword.operator.negation.regexp#0F3535debold
keyword.operator.new#4B0F6Adebold
keyword.operator.noexcept#3D4C0Ddebold
keyword.operator.or.regexp#193434debold
keyword.operator.plus.exponent#502738debold
keyword.operator.quantifier.regexp#124E4Edebold
keyword.operator.sizeof#293310debold
keyword.operator.typeid#001996debold
keyword.operator.wordlike#252D54debold
keyword.other.operator#422750debold
keyword.other.package.java#40254Fdebold
keyword.other.unit#4C2A5Ddebold
keyword.other.using#363D20debold
markup.bold#223D3Dde
markup.changed#40254Fde
markup.deleted#3E4C13de
markup.fenced_code.block.markdown#1F3636de
markup.heading#283406de
markup.inline.raw#1E3722de
markup.inserted#3E4C13de
markup.italic#203D25de
markup.raw.block.markdown#264949de
markup.strikethrough#433023de
markup.underline#551B32de
meta.block.c#203D25de
meta.block.c#164E4Ede
meta.class.java#31371Ede
meta.definition.variable.name#293057de
meta.diff.header#642C43de
meta.embedded#244343de
meta.embedded.assembly#3D2C20de
meta.function-call.arguments.python#433023de
meta.function-call.python#272E50de
meta.member.access.python#173434de
meta.method.java#551B32de
meta.object-literal.key#262D51de
meta.paragraph.markdown#404A25de
meta.preprocessor#4B0F6Ade
meta.preprocessor.numeric#001996de
meta.preprocessor.string#4F2305de
meta.scope.prerequisites.makefile#432B1Bde
meta.structure.dictionary.json.comments#1537156e
meta.structure.dictionary.key.python#293057de
meta.structure.dictionary.value.json.comments#1537156e
meta.template.expression#0E5219de
meta.type.cast.expr#10521Cdebold
meta.type.new.expr#472957debold
parameter#551B32de
punctuation.character.set.begin.regexp#402B18de
punctuation.character.set.end.regexp#501F32de
punctuation.definition.array.begin.json#244343de
punctuation.definition.character-class.regexp#4F2305de
punctuation.definition.comment#1437146e
punctuation.definition.comment.json.comments#1337136e
punctuation.definition.comment.python#1437146e
punctuation.definition.dictionary.begin.json#733509de
punctuation.definition.dictionary.end.json#244343de
punctuation.definition.group.assertion.regexp#3F254Dde
punctuation.definition.group.regexp#733509de
punctuation.definition.list.begin.json#173434de
punctuation.definition.list.begin.markdown#16361Ade
punctuation.definition.list.begin.python#244343de
punctuation.definition.list.end.json#3E4C15de
punctuation.definition.list.end.markdown#1F3636de
punctuation.definition.list.end.python#733509de
punctuation.definition.parameters.begin.python#124E4Ede
punctuation.definition.parameters.end.bracket.round.java#6B2E47de
punctuation.definition.quote.begin.markdown#4D0E6Ade
punctuation.definition.tag#3E4C11de
punctuation.definition.template-expression.begin#283406de
punctuation.definition.template-expression.end#422750de
punctuation.section.class.begin.bracket.curly.java#3D4C0Dde
punctuation.section.embedded#2E386Bde
punctuation.section.embedded.begin.php#432153de
punctuation.section.embedded.end.php#501F32de
punctuation.terminator.java#642C43de
source.cmake#232D5Ade
source.coffee.embedded#5D2A40de
source.cpp#422750de
source.css.less#5B1231de
source.groovy.embedded#422750de
source.java#3D4C0Dde
source.java-properties#10521Cde
source.json.comments#1437146e
source.makefile#573C29de
source.powershell#402B18de
source.powershell.variable.other.member#432153de
source.python#283404de
storage#5B1231de
storage.modifier#14511Ede
storage.modifier.import.java#40254Fde
storage.modifier.package.java#422750de
storage.type#293315debold
storage.type.annotation.groovy#2E386Bdebold
storage.type.annotation.java#4A3425debold
storage.type.boolean.go#503827debold
storage.type.byte.go#244343debold
storage.type.cs#31371Edebold
storage.type.error.go#640129debold
storage.type.generic.cs#4A1465debold
storage.type.generic.groovy#501F32debold
storage.type.generic.java#471B5Ddebold
storage.type.groovy#571735debold
storage.type.java#1F3636debold
storage.type.modifier.cs#173434debold
storage.type.numeric.go#223D3Ddebold
storage.type.object.array.groovy#12521Cdebold
storage.type.object.array.java#433023debold
storage.type.parameters.groovy#203D25debold
storage.type.primitive.array.groovy#0C5218debold
storage.type.primitive.array.java#4A1465debold
storage.type.primitive.groovy#173434debold
storage.type.primitive.java#5D2A40debold
storage.type.rune.go#10521Cdebold
storage.type.string.go#223D3Ddebold
storage.type.token.java#001996debold
storage.type.uintptr.go#001996debold
storage.type.variable.cs#031B92debold
string#4E2404de
string.quoted.docstring.multi.python#1437146e
string.regexp#733509de
string.tag#293057de
string.value#262E55de
strong#2C3564de
support.class#3B4323de
support.constant.color#471B5Dde
support.constant.dom#452915de
support.constant.font-name#2A335Dde
support.constant.handlebars#16361Bde
support.constant.json#573C29de
support.constant.math#193434de
support.constant.media#6B2E47de
support.constant.media-type#522C64debold
support.constant.property-value#432B1Bde
support.function#5B1231de
support.function.git-rebase#0E5219de
support.other.parenthesis.regexp#3F254Dde
support.type#272E50debold
support.type.property-name#432153debold
support.type.vendored.property-name#40254Fdebold
support.variable#31371Ede
token.debug-token#402B18de
token.error-token#2C3564de
token.info-token#63042Dde
token.warn-token#01390Cde
variable#234328de
variable.css#640129de
variable.language#471B5Dde
variable.language.wildcard.java#12521Cde
variable.other.constant#40254Fde
variable.other.definition.java#203D25de
variable.other.enummember#733509de
variable.other.less#3B4323de
variable.other.object.java#234328de
variable.other.object.property.java#6B2E47de
variable.parameter.c#0A3812de
variable.parameter.function.language.python#0F3535de
variable.parameter.java#262E55de
variable.scss#16361Ade
viiv by B.W - VS Code Theme