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#E1D8D8fe
  • activityBar.activeBackground#E1D8D8fe
  • activityBar.activeBorder#6879EDfe
  • activityBar.activeFocusBorder#DE575700
  • activityBar.background#F0EBEBfe
  • activityBar.border#DD595900
  • activityBar.dropBorder#697AEDfe
  • activityBar.foreground#6F78EEfe
  • activityBar.inactiveForeground#D1606065
  • activityBarBadge.background#2737A5fe
  • activityBarBadge.foreground#F0EBEBfe
  • badge.background#283AB5fe
  • badge.foreground#F0EBEBfe
  • banner.background#E1D8D8fe
  • banner.foreground#913535ce
  • banner.iconForeground#7A3F72fe
  • breadcrumb.activeSelectionForeground#8D3A3Aca
  • breadcrumb.background#ECE6E6fe
  • breadcrumb.focusForeground#2839ADfe
  • breadcrumb.foreground#923737ae
  • breadcrumbPicker.background#E1D8D8fe
  • button.background#B59E9Eae
  • button.border#FBFAFA00
  • button.foreground#913535ce
  • button.hoverBackground#C4B1B16e
  • button.secondaryBackground#E1D8D8fe
  • button.secondaryForeground#913535ce
  • button.secondaryHoverBackground#E1D8D8fe
  • button.separator#FAFBFA00
  • charts.blue#1b1bfffe
  • charts.foreground#913535ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067bb
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F3F0F0fe
  • chat.slashCommandBackground#E1D8D8fe
  • chat.slashCommandForeground#913535ce
  • checkbox.background#F3F0F0fe
  • checkbox.border#F3F0F0fe
  • checkbox.foreground#913535ce
  • checkbox.selectBackground#F3F0F0fe
  • checkbox.selectBorder#F3F0F0fe
  • commandCenter.activeBackground#C8C2F08e
  • commandCenter.activeBorder#F3F0F0fe
  • commandCenter.activeForeground#283AB5fe
  • commandCenter.background#E1D8D8fe
  • commandCenter.border#F3F0F0fe
  • commandCenter.foreground#913535ce
  • commandCenter.inactiveBorder#D8C2C295
  • commandCenter.inactiveForeground#CD636365
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#FAFBFA00
  • contrastBorder#F5F6F700
  • debugConsole.errorForeground#980098ce
  • debugConsole.infoForeground#913535ce
  • debugConsole.sourceForeground#913535ce
  • debugConsole.warningForeground#645300ce
  • debugConsoleInputIcon.foreground#385771fe
  • debugExceptionWidget.background#FEB5FEbd
  • debugExceptionWidget.border#F3F0F0fe
  • debugIcon.breakpointCurrentStackframeForeground#385771fe
  • debugIcon.breakpointDisabledForeground#4D3A3A65
  • debugIcon.breakpointForeground#39566Bfe
  • debugIcon.breakpointStackframeForeground#5E543Afe
  • debugIcon.breakpointUnverifiedForeground#8F3A3Afe
  • debugIcon.continueForeground#5344AFfe
  • debugIcon.disconnectForeground#4F3EC1fe
  • debugIcon.pauseForeground#853F3Ffe
  • debugIcon.restartForeground#335C46fe
  • debugIcon.startForeground#3C5870fe
  • debugIcon.stepBackForeground#38567Ffe
  • debugIcon.stepIntoForeground#4F3EC1fe
  • debugIcon.stepOutForeground#883E3Efe
  • debugIcon.stepOverForeground#3C5B33fe
  • debugIcon.stopForeground#4F40C0fe
  • debugTokenExpression.boolean#26231Dca
  • debugTokenExpression.error#1D1616ca
  • debugTokenExpression.name#1E1D26ca
  • debugTokenExpression.number#1E1D26ca
  • debugTokenExpression.value#1B2119ca
  • debugToolBar.background#FEB5FE9a
  • debugToolBar.border#F3F0F0fe
  • debugView.exceptionLabelBackground#66DD9Bca
  • debugView.exceptionLabelForeground#385770ca
  • debugView.stateLabelBackground#64DD98ca
  • debugView.stateLabelForeground#553FB9ca
  • debugView.valueChangedHighlight#1A1921ca
  • descriptionForeground#913535ce
  • diffEditor.border#FBFAFB00
  • diffEditor.diagonalFill#000000f8
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#67DF6Efb
  • diffEditor.insertedTextBorder#FAFBFA00
  • diffEditor.move.border#FBFAFA00
  • diffEditor.moveActive.border#FAFAFB00
  • diffEditor.removedLineBackground#FEB9B931
  • diffEditor.removedTextBackground#FEB6B6fb
  • diffEditor.removedTextBorder#FAFAFB00
  • diffEditor.unchangedCodeBackground#E1D8D8fe
  • diffEditor.unchangedRegionBackground#E1D8D8fe
  • diffEditor.unchangedRegionForeground#913535ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#4D3A3A65
  • dropdown.background#F3F0F0fe
  • dropdown.border#F3F0F0fe
  • dropdown.foreground#913535ce
  • dropdown.listBackground#F3F0F0fe
  • editor.background#E1D8D8fe
  • editor.findMatchBackground#ACB8C0ad
  • editor.findMatchBorder#F3F0F0fe
  • editor.findMatchHighlightBackground#A3B9ACac
  • editor.findMatchHighlightBorder#F3F0F0fe
  • editor.findRangeHighlightBackground#ACB8C0ae
  • editor.findRangeHighlightBorder#F3F0F0fe
  • editor.focusedStackFrameHighlightBackground#9894AE8e
  • editor.foldBackground#961F85ad
  • editor.foreground#913535ce
  • editor.hoverHighlightBackground#94AE9Fa1
  • editor.inactiveSelectionBackground#CFC0C097
  • editor.inlineValuesBackground#E1D8D8fe
  • editor.inlineValuesForeground#913535ce
  • editor.lineHighlightBackground#CBBBBBb3
  • editor.lineHighlightBorder#FAFBFA00
  • editor.linkedEditingBackground#E1D8D8fe
  • editor.rangeHighlightBackground#94A3AEa9
  • editor.rangeHighlightBorder#F3F0F0fe
  • editor.selectionBackground#906D8Ba4
  • editor.selectionForeground#325D47ca
  • editor.selectionHighlightBackground#A7B3BC85
  • editor.selectionHighlightBorder#F3F0F0fe
  • editor.snippetFinalTabstopHighlightBackground#94A3AEaa
  • editor.snippetFinalTabstopHighlightBorder#F3F0F0fe
  • editor.snippetTabstopHighlightBackground#BCB6A7ab
  • editor.snippetTabstopHighlightBorder#F3F0F0fe
  • editor.stackFrameHighlightBackground#97AA8Fad
  • editor.symbolHighlightBackground#AAA28Fad
  • editor.symbolHighlightBorder#F3F0F0fe
  • editor.wordHighlightBackground#A39A86ae
  • editor.wordHighlightBorder#FBFAFB00
  • editor.wordHighlightStrongBackground#ADBCA7a1
  • editor.wordHighlightStrongBorder#FAFBFA00
  • editor.wordHighlightTextBackground#A3AFB9a8
  • editor.wordHighlightTextBorder#FAFBFA00
  • editorBracketHighlight.foreground1#0E0A0Ace
  • editorBracketHighlight.foreground2#0E0A0Ace
  • editorBracketHighlight.foreground3#0E0A0Ace
  • editorBracketHighlight.foreground4#0E0A0Ace
  • editorBracketHighlight.foreground5#0E0A0Ace
  • editorBracketHighlight.foreground6#0E0A0Ace
  • editorBracketHighlight.unexpectedBracket.foreground#913535ce
  • editorBracketMatch.background#645025a6
  • editorBracketMatch.border#F3F0F0fe
  • editorBracketPairGuide.activeBackground1#1F5F3B86
  • editorBracketPairGuide.activeBackground2#1F527985
  • editorBracketPairGuide.activeBackground3#8E287E82
  • editorBracketPairGuide.activeBackground4#20517A83
  • editorBracketPairGuide.activeBackground5#4128F084
  • editorBracketPairGuide.activeBackground6#23603C82
  • editorBracketPairGuide.background1#9DCCF3fe
  • editorBracketPairGuide.background2#F6B0EEfe
  • editorBracketPairGuide.background3#F8B9B9fe
  • editorBracketPairGuide.background4#C8C1FAfe
  • editorBracketPairGuide.background5#E7C37Bfe
  • editorBracketPairGuide.background6#69DD99fe
  • editorCodeLens.foreground#654C4C6e
  • editorCommentsWidget.rangeActiveBackground#962F2Ffe
  • editorCommentsWidget.rangeBackground#E1D8D8fe
  • editorCommentsWidget.resolvedBorder#F3F0F0fe
  • editorCommentsWidget.unresolvedBorder#FEBABAcb
  • editorCursor.background#E1D8D8fe
  • editorCursor.foreground#6A7AEDfe
  • editorError.background#F7F5F500
  • editorError.border#FBFAFB00
  • editorError.foreground#980098ce
  • editorGhostText.background#E1D8D8fe
  • editorGhostText.border#FAFBFA00
  • editorGhostText.foreground#654C4C6e
  • editorGroup.border#F3F0F0fe
  • editorGroup.dropBackground#E1D8D8fe
  • editorGroup.dropIntoPromptBackground#E1D8D8fe
  • editorGroup.dropIntoPromptBorder#F3F0F0fe
  • editorGroup.dropIntoPromptForeground#913535ce
  • editorGroup.emptyBackground#E1D8D8fe
  • editorGroup.focusedEmptyBorder#F3F0F0fe
  • editorGroupHeader.border#FAFBFA00
  • editorGroupHeader.noTabsBackground#F0EBEBae
  • editorGroupHeader.tabsBackground#DDD3D3a1
  • editorGroupHeader.tabsBorder#F5F6F700
  • editorGutter.addedBackground#0E5C12fb
  • editorGutter.background#E1D8D8fe
  • editorGutter.commentGlyphForeground#913535ce
  • editorGutter.commentRangeForeground#913535ce
  • editorGutter.commentUnresolvedGlyphForeground#17631Bcb
  • editorGutter.deletedBackground#AD0000cb
  • editorGutter.foldingControlForeground#913535ce
  • editorGutter.modifiedBackground#645300ce
  • editorHint.border#FAFBFA00
  • editorHint.foreground#490FFFce
  • editorHoverWidget.background#F3F0F0fe
  • editorHoverWidget.border#F3F0F0fe
  • editorHoverWidget.foreground#913535ce
  • editorHoverWidget.highlightForeground#7F3A78ca
  • editorHoverWidget.statusBarBackground#E1D8D8fe
  • editorIndentGuide.activeBackground1#A81818fe
  • editorIndentGuide.activeBackground2#A81616fe
  • editorIndentGuide.activeBackground3#A61919fe
  • editorIndentGuide.activeBackground4#A91414fe
  • editorIndentGuide.activeBackground5#A91414fe
  • editorIndentGuide.activeBackground6#AA1212fe
  • editorIndentGuide.background1#333C4335
  • editorIndentGuide.background2#48433635
  • editorIndentGuide.background3#3A454D35
  • editorIndentGuide.background4#4C496035
  • editorIndentGuide.background5#48433635
  • editorIndentGuide.background6#36483E35
  • editorInfo.background#F7F5F500
  • editorInfo.border#FAFBFA00
  • editorInfo.foreground#490FFFce
  • editorInlayHint.background#E1D8D8fe
  • editorInlayHint.foreground#913535ce
  • editorInlayHint.parameterBackground#E1D8D8fe
  • editorInlayHint.parameterForeground#913535ce
  • editorInlayHint.typeBackground#E1D8D8fe
  • editorInlayHint.typeForeground#913535ce
  • editorLightBulb.foreground#645300ce
  • editorLightBulbAutoFix.foreground#17631Bcb
  • editorLineNumber.activeForeground#6A7AEDfe
  • editorLineNumber.dimmedForeground#6049496e
  • editorLineNumber.foreground#AF03036e
  • editorLink.activeForeground#687AEDfe
  • editorMarkerNavigation.background#F3F0F0fe
  • editorMarkerNavigationError.background#FEB5FEa8
  • editorMarkerNavigationError.headerBackground#FEB5FEcb
  • editorMarkerNavigationInfo.background#C1C1FFfe
  • editorMarkerNavigationInfo.headerBackground#C1C1FFfe
  • editorMarkerNavigationWarning.background#ECC300fe
  • editorMarkerNavigationWarning.headerBackground#ECC300fe
  • editorOverviewRuler.addedForeground#17631Bcb
  • editorOverviewRuler.background#E1D8D8fe
  • editorOverviewRuler.border#D2C4C4fe
  • editorOverviewRuler.bracketMatchForeground#913535ce
  • editorOverviewRuler.commentForeground#AF03036e
  • editorOverviewRuler.commentUnresolvedForeground#17631Bcb
  • editorOverviewRuler.commonContentForeground#913535ce
  • editorOverviewRuler.currentContentForeground#5454549d
  • editorOverviewRuler.deletedForeground#AD0000cb
  • editorOverviewRuler.errorForeground#980098ce
  • editorOverviewRuler.findMatchForeground#005F5Fce
  • editorOverviewRuler.incomingContentForeground#17631Bcb
  • editorOverviewRuler.infoForeground#490FFFce
  • editorOverviewRuler.modifiedForeground#645300ce
  • editorOverviewRuler.rangeHighlightForeground#8F3A3Aca
  • editorOverviewRuler.selectionHighlightForeground#490FFFce
  • editorOverviewRuler.warningForeground#645300ce
  • editorOverviewRuler.wordHighlightForeground#8B3A3Aca
  • editorOverviewRuler.wordHighlightStrongForeground#913535ce
  • editorOverviewRuler.wordHighlightTextForeground#913535ce
  • editorPane.background#E1D8D8fe
  • editorRuler.foreground#992D2D26
  • editorStickyScroll.background#E1D8D8fe
  • editorStickyScroll.shadow#FAFBFA00
  • editorStickyScrollHover.background#D8C2C26e
  • editorSuggestWidget.background#F3F0F0fe
  • editorSuggestWidget.border#FAFBFA00
  • editorSuggestWidget.focusHighlightForeground#469167fe
  • editorSuggestWidget.foreground#5E543Afe
  • editorSuggestWidget.highlightForeground#335B44ca
  • editorSuggestWidget.selectedBackground#94A3AE82
  • editorSuggestWidget.selectedForeground#833879ca
  • editorSuggestWidget.selectedIconForeground#315D44ca
  • editorSuggestWidgetStatus.foreground#5F5337fe
  • editorUnicodeHighlight.background#86A392ae
  • editorUnicodeHighlight.border#F3F0F0fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#FAFBFA00
  • editorWarning.border#FAFBFA00
  • editorWarning.foreground#645300ce
  • editorWhitespace.foreground#913535ce
  • editorWidget.background#F3F0F0fe
  • editorWidget.border#F3F0F0fe
  • editorWidget.foreground#913535ce
  • editorWidget.resizeBorder#F3F0F0fe
  • errorForeground#980098ce
  • extensionBadge.remoteBackground#293BBEfe
  • extensionBadge.remoteForeground#F0EBEBfe
  • extensionButton.background#EDBABAae
  • extensionButton.foreground#913535ce
  • extensionButton.hoverBackground#E1BFBF6e
  • extensionButton.prominentBackground#E1D8D8fe
  • extensionButton.prominentForeground#913535ce
  • extensionButton.prominentHoverBackground#E1D8D8fe
  • extensionButton.separator#FBFAFB00
  • extensionIcon.preReleaseForeground#605434fe
  • extensionIcon.sponsorForeground#7E3E74fe
  • extensionIcon.starForeground#625334fe
  • extensionIcon.verifiedForeground#7A3F72fe
  • focusBorder#F5F6F700
  • foreground#913535ce
  • gitDecoration.addedResourceForeground#17631Bcb
  • gitDecoration.deletedResourceForeground#AD0000cb
  • gitDecoration.modifiedResourceForeground#645300ce
  • gitDecoration.renamedResourceForeground#490FFFce
  • gitDecoration.stageDeletedResourceForeground#AD0000cb
  • gitDecoration.stageModifiedResourceForeground#17631Bcb
  • gitDecoration.untrackedResourceForeground#005F5Fce
  • icon.foreground#A32121ae
  • inlineChat.background#79DE65ca
  • inlineChat.border#81DD66ca
  • inlineChat.regionHighlight#1A1921ca
  • inlineChat.shadow#1D2226ca
  • inlineChatDiff.inserted#1D2226ca
  • inlineChatDiff.removed#261D1Dca
  • inlineChatInput.background#1D161Cca
  • inlineChatInput.border#66DD9Bca
  • inlineChatInput.focusBorder#FBFAFB00
  • inlineChatInput.placeholderForeground#7F3A78ca
  • input.background#F3F0F0fe
  • input.border#F3F0F0fe
  • input.foreground#913535ce
  • input.placeholderForeground#4D3A3A65
  • inputOption.activeBackground#F3F0F0fe
  • inputOption.activeBorder#F3F0F0fe
  • inputOption.activeForeground#283AB5fe
  • inputOption.hoverBackground#F3F0F0fe
  • inputValidation.errorBackground#67006799
  • inputValidation.errorBorder#FEB5FEb0
  • inputValidation.errorForeground#980098ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F3F0F0fe
  • inputValidation.infoForeground#913535ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F3F0F0fe
  • inputValidation.warningForeground#645300ce
  • interactive.activeCodeBorder#F3F0F0fe
  • interactive.inactiveCodeBorder#D8C2C29a
  • keybindingLabel.background#E1D8D8fe
  • keybindingLabel.border#F3F0F0fe
  • keybindingLabel.bottomBorder#F3F0F0fe
  • keybindingLabel.foreground#913535ce
  • keybindingTable.headerBackground#E1D8D8fe
  • keybindingTable.rowsBackground#E1D8D8fe
  • list.activeSelectionBackground#A19EB585
  • list.activeSelectionForeground#803B74ca
  • list.activeSelectionIconForeground#335C46ca
  • list.deemphasizedForeground#913535ce
  • list.dropBackground#E1D8D8fe
  • list.errorForeground#980098ce
  • list.filterMatchBackground#E1D8D8fe
  • list.filterMatchBorder#F3F0F0fe
  • list.focusAndSelectionOutline#F7F5F500
  • list.focusBackground#CFC0C097
  • list.focusForeground#687AEDfe
  • list.focusHighlightForeground#9E7D3Bfe
  • list.focusOutline#F5F6F700
  • list.highlightForeground#5D5232ca
  • list.hoverBackground#D2C4C46e
  • list.hoverForeground#293BBEfe
  • list.inactiveFocusBackground#C7B6B693
  • list.inactiveFocusOutline#FBFAFB00
  • list.inactiveSelectionBackground#F0EBEBae
  • list.inactiveSelectionForeground#523E3E65
  • list.inactiveSelectionIconForeground#4D3A3A65
  • list.invalidItemForeground#913535ce
  • list.warningForeground#645300ce
  • listFilterWidget.background#E1D8D8fe
  • listFilterWidget.noMatchesOutline#FBFAFA00
  • listFilterWidget.outline#FBFAFA00
  • listFilterWidget.shadow#FAFAFB00
  • menu.background#F0EBEBfe
  • menu.border#FAFBFA00
  • menu.foreground#903838ae
  • menu.selectionBackground#807C9Ba6
  • menu.selectionBorder#FAFBFA00
  • menu.selectionForeground#6879EDfe
  • menu.separatorBackground#F7B7B765
  • menubar.selectionBackground#9894AEa4
  • menubar.selectionBorder#F7F5F500
  • menubar.selectionForeground#697BEDfe
  • merge.border#F3F0F0fe
  • merge.commonContentBackground#E1D8D8fe
  • merge.commonHeaderBackground#E1D8D8fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#67DF6Efb
  • merge.incomingContentBackground#91D795cb
  • merge.incomingHeaderBackground#67DF6Efb
  • mergeEditor.change.background#E1D8D8fe
  • mergeEditor.change.word.background#E1D8D8fe
  • mergeEditor.changeBase.background#E1D8D8fe
  • mergeEditor.changeBase.word.background#E1D8D8fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F3F0F0fe
  • mergeEditor.conflict.handledUnfocused.border#DACECE2c
  • mergeEditor.conflict.input1.background#F3F0F0fe
  • mergeEditor.conflict.input2.background#F3F0F0fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#6700679f
  • mergeEditor.conflict.unhandledFocused.border#F3F0F0fe
  • mergeEditor.conflict.unhandledUnfocused.border#D6C9C926
  • mergeEditor.conflictingLines.background#E1D8D8fe
  • minimap.background#E1D8D8fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0E0A0Ace
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#0E5C12fb
  • minimapGutter.deletedBackground#AE0000fb
  • minimapGutter.modifiedBackground#645300ce
  • minimapSlider.activeBackground#9B7C7Cfe
  • minimapSlider.background#B19999ae
  • minimapSlider.hoverBackground#C4B1B16e
  • notebook.cellBorderColor#F3F0F0fe
  • notebook.cellEditorBackground#E1D8D8fe
  • notebook.cellHoverBackground#E1D8D8fe
  • notebook.cellInsertionIndicator#1D1B16ca
  • notebook.cellStatusBarItemHoverBackground#E1D8D8fe
  • notebook.cellToolbarSeparator#1A1921ca
  • notebook.editorBackground#E1D8D8fe
  • notebook.focusedCellBackground#E1D8D8fe
  • notebook.focusedCellBorder#6A7AEDfe
  • notebook.focusedEditorBorder#F3F0F0fe
  • notebook.inactiveFocusedCellBorder#8C6A6A8e
  • notebook.inactiveSelectedCellBorder#9B7C7C8e
  • notebook.outputContainerBackgroundColor#E1D8D8fe
  • notebook.outputContainerBorderColor#F3F0F0fe
  • notebook.selectedCellBackground#E1D8D8fe
  • notebook.selectedCellBorder#F3F0F0fe
  • notebook.symbolHighlightBackground#E1D8D8fe
  • notebookEditorOverviewRuler.runningCellForeground#913535ce
  • notebookScrollbarSlider.activeBackground#8C6A6Afe
  • notebookScrollbarSlider.background#B19999ae
  • notebookScrollbarSlider.hoverBackground#CFC0C06e
  • notebookStatusErrorIcon.foreground#980098ce
  • notebookStatusRunningIcon.foreground#385771fe
  • notebookStatusSuccessIcon.foreground#17631Bcb
  • notificationCenter.border#F3F0F0fe
  • notificationCenterHeader.background#E1D8D8fe
  • notificationCenterHeader.foreground#913535ce
  • notificationLink.foreground#913535ce
  • notifications.background#E1D8D8fe
  • notifications.border#F3F0F0fe
  • notifications.foreground#913535ce
  • notificationsErrorIcon.foreground#980098ce
  • notificationsInfoIcon.foreground#784071fe
  • notificationsWarningIcon.foreground#645300ce
  • notificationToast.border#F3F0F0fe
  • panel.background#E1D8D8fe
  • panel.border#F3F0F0fe
  • panel.dropBorder#F3F0F0fe
  • panelInput.border#F3F0F0fe
  • panelSection.border#F3F0F0fe
  • panelSection.dropBackground#E1D8D8fe
  • panelSectionHeader.background#E1D8D8fe
  • panelSectionHeader.border#F3F0F0fe
  • panelSectionHeader.foreground#913535ce
  • panelTitle.activeBorder#F7F5F500
  • panelTitle.activeForeground#6A79EDfe
  • panelTitle.inactiveForeground#56414165
  • peekView.border#6376FDfe
  • peekViewEditor.background#F3F0F0fe
  • peekViewEditor.matchHighlightBackground#A0B19989
  • peekViewEditor.matchHighlightBorder#FAFAFB00
  • peekViewEditorGutter.background#F3F0F0fe
  • peekViewEditorStickyScroll.background#E1D8D8fe
  • peekViewResult.background#F0EBEBfe
  • peekViewResult.fileForeground#913535ce
  • peekViewResult.lineForeground#913535ce
  • peekViewResult.matchHighlightBackground#B5AE9E8e
  • peekViewResult.selectionBackground#97AA8F82
  • peekViewResult.selectionForeground#4F3EC1ca
  • peekViewTitle.background#F0EBEBfe
  • peekViewTitleDescription.foreground#913535ce
  • peekViewTitleLabel.foreground#913535ce
  • pickerGroup.border#F3F0F0fe
  • pickerGroup.foreground#913535ce
  • ports.iconRunningProcessForeground#615332fe
  • problemsErrorIcon.foreground#980098ce
  • problemsInfoIcon.foreground#490FFFce
  • problemsWarningIcon.foreground#645300ce
  • profileBadge.background#687AEDfe
  • profileBadge.foreground#F0EBEBfe
  • progressBar.background#E1D8D8fe
  • quickInput.background#F0EBEBfe
  • quickInput.foreground#903737ae
  • quickInputList.focusBackground#A6A3B9a7
  • quickInputList.focusForeground#2737A5fe
  • quickInputList.focusIconForeground#6879EDfe
  • quickInputTitle.background#F3F0F0fe
  • sash.hoverBorder#F3F0F0fe
  • scrollbar.shadow#FAFAFB00
  • scrollbarSlider.activeBackground#8C6A6Afe
  • scrollbarSlider.background#B59E9Eae
  • scrollbarSlider.hoverBackground#C4B1B16e
  • search.resultsInfoForeground#913535ce
  • searchEditor.findMatchBackground#A39A86ab
  • searchEditor.findMatchBorder#F3F0F0fe
  • searchEditor.textInputBorder#F3F0F0fe
  • selection.background#E1D8D8fe
  • settings.checkboxBackground#F3F0F0fe
  • settings.checkboxBorder#F3F0F0fe
  • settings.checkboxForeground#913535ce
  • settings.dropdownBackground#F3F0F0fe
  • settings.dropdownBorder#F3F0F0fe
  • settings.dropdownForeground#913535ce
  • settings.dropdownListBorder#F3F0F0fe
  • settings.focusedRowBackground#AFACC08b
  • settings.focusedRowBorder#F3F0F0fe
  • settings.headerBorder#F3F0F0fe
  • settings.headerForeground#913535ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F3F0F0fe
  • settings.numberInputBorder#F3F0F0fe
  • settings.numberInputForeground#913535ce
  • settings.rowHoverBackground#E1D8D8fe
  • settings.sashBorder#F3F0F0fe
  • settings.settingsHeaderHoverForeground#283AB5fe
  • settings.textInputBackground#F3F0F0fe
  • settings.textInputBorder#F3F0F0fe
  • settings.textInputForeground#913535ce
  • sideBar.background#E1D8D8fe
  • sideBar.border#F3F0F0fe
  • sideBar.dropBackground#E1D8D8fe
  • sideBar.foreground#A32121ae
  • sideBarSectionHeader.background#FBFAFA00
  • sideBarSectionHeader.border#F3F0F0fe
  • sideBarSectionHeader.foreground#913535ce
  • sideBarTitle.foreground#913535ce
  • sideBySideEditor.horizontalBorder#F3F0F0fe
  • sideBySideEditor.verticalBorder#F3F0F0fe
  • simpleFindWidget.sashBorder#F3F0F0fe
  • statusBar.background#F0EBEBfe
  • statusBar.border#F3F0F0fe
  • statusBar.debuggingBackground#FEB5FEca
  • statusBar.debuggingBorder#F3F0F0fe
  • statusBar.debuggingForeground#913535ce
  • statusBar.focusBorder#FAFAFB00
  • statusBar.foreground#654C4C6e
  • statusBar.noFolderBackground#F0EBEBfe
  • statusBar.noFolderBorder#F3F0F0fe
  • statusBar.noFolderForeground#913535ce
  • statusBarItem.activeBackground#F0EBEBfe
  • statusBarItem.compactHoverBackground#F0EBEBfe
  • statusBarItem.errorBackground#FEB5FEb8
  • statusBarItem.errorForeground#980098ce
  • statusBarItem.errorHoverBackground#FEB5FEb6
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#FAFAFB00
  • statusBarItem.hoverBackground#F0EBEBfe
  • statusBarItem.hoverForeground#2737A5fe
  • statusBarItem.offlineBackground#F0EBEBfe
  • statusBarItem.offlineForeground#913535ce
  • statusBarItem.offlineHoverBackground#F0EBEBfe
  • statusBarItem.offlineHoverForeground#6A7AEDfe
  • statusBarItem.prominentBackground#F0EBEBfe
  • statusBarItem.prominentForeground#913535ce
  • statusBarItem.prominentHoverBackground#F0EBEBfe
  • statusBarItem.prominentHoverForeground#293BBEfe
  • statusBarItem.remoteBackground#2839ADfe
  • statusBarItem.remoteForeground#F0EBEBfe
  • statusBarItem.remoteHoverBackground#F0EBEBfe
  • statusBarItem.remoteHoverForeground#293BBEfe
  • statusBarItem.warningBackground#ECC300fe
  • statusBarItem.warningForeground#645300ce
  • statusBarItem.warningHoverBackground#ECC300fe
  • statusBarItem.warningHoverForeground#9D8200ce
  • symbolIcon.arrayForeground#853F3Ffe
  • symbolIcon.booleanForeground#005F5Fce
  • symbolIcon.classForeground#5F5439fe
  • symbolIcon.colorForeground#345A44fe
  • symbolIcon.constantForeground#3E5C33fe
  • symbolIcon.constructorForeground#7A3F72fe
  • symbolIcon.enumeratorForeground#8F3A3Afe
  • symbolIcon.enumeratorMemberForeground#315E40fe
  • symbolIcon.eventForeground#385E31fe
  • symbolIcon.fieldForeground#3D5667fe
  • symbolIcon.fileForeground#433E33fe
  • symbolIcon.folderForeground#375C45fe
  • symbolIcon.functionForeground#345A44fe
  • symbolIcon.interfaceForeground#3C5870fe
  • symbolIcon.keyForeground#7D3C72fe
  • symbolIcon.keywordForeground#4F3EC1fe
  • symbolIcon.methodForeground#8F3A3Afe
  • symbolIcon.moduleForeground#533CC1fe
  • symbolIcon.namespaceForeground#5F5337fe
  • symbolIcon.nullForeground#5342B0fe
  • symbolIcon.numberForeground#325D47fe
  • symbolIcon.objectForeground#385771fe
  • symbolIcon.operatorForeground#533CC1fe
  • symbolIcon.packageForeground#39566Bfe
  • symbolIcon.propertyForeground#335C46fe
  • symbolIcon.referenceForeground#4F40C0fe
  • symbolIcon.snippetForeground#433E33fe
  • symbolIcon.stringForeground#385C48fe
  • symbolIcon.structForeground#385E31fe
  • symbolIcon.textForeground#8B3C3Cfe
  • symbolIcon.typeParameterForeground#3E5A34fe
  • symbolIcon.unitForeground#385C48fe
  • symbolIcon.variableForeground#5F5439fe
  • tab.activeBackground#ECE6E6fe
  • tab.activeBorder#FAFAFB00
  • tab.activeBorderTop#6879EDfe
  • tab.activeForeground#697AEDfe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#FAFBFA00
  • tab.hoverBackground#9C2B2B6e
  • tab.hoverBorder#F3F0F0fe
  • tab.hoverForeground#6879EDfe
  • tab.inactiveBackground#D2C4C494
  • tab.inactiveForeground#D0636365
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F3F0F0fe
  • tab.unfocusedActiveBackground#D6C9C939
  • tab.unfocusedActiveBorder#FBFAFA00
  • tab.unfocusedActiveBorderTop#F7B7B765
  • tab.unfocusedActiveForeground#56414165
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#A127276e
  • tab.unfocusedHoverBorder#DACECE3c
  • tab.unfocusedHoverForeground#56414165
  • tab.unfocusedInactiveBackground#C7B6B694
  • tab.unfocusedInactiveForeground#56414165
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333ba
  • 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#6700679b
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececeb5
  • terminal.ansiYellow#c4a200fe
  • terminal.background#E1D8D8fe
  • terminal.border#F3F0F0fe
  • terminal.dropBackground#E1D8D8fe
  • terminal.findMatchBackground#E1D8D8fe
  • terminal.findMatchBorder#F3F0F0fe
  • terminal.findMatchHighlightBackground#E1D8D8fe
  • terminal.findMatchHighlightBorder#F3F0F0fe
  • terminal.foreground#A32121ae
  • terminal.hoverHighlightBackground#E1D8D8fe
  • terminal.inactiveSelectionBackground#D2C4C494
  • terminal.selectionBackground#8E8AA681
  • terminal.selectionForeground#625334ca
  • terminal.tab.activeBorder#697AEDfe
  • terminalCommandDecoration.defaultBackground#A71C1Ca2
  • terminalCommandDecoration.errorBackground#AD0000cb
  • terminalCommandDecoration.successBackground#17631Bcb
  • terminalCursor.background#E1D8D8fe
  • terminalCursor.foreground#6A7AEDfe
  • terminalOverviewRuler.cursorForeground#913535ce
  • terminalOverviewRuler.findMatchForeground#005F5Fce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c099
  • testing.iconUnset#808080cb
  • testing.message.error.decorationForeground#293FD6fe
  • testing.message.error.lineBackground#FEB5FEb1
  • testing.message.info.decorationForeground#283AB5fe
  • testing.message.info.lineBackground#C1C1FFfe
  • testing.peekBorder#F3F0F0fe
  • testing.peekHeaderBackground#E1D8D8fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#E1D8D8fe
  • textBlockQuote.border#F3F0F0fe
  • textCodeBlock.background#E1D8D8fe
  • textLink.activeForeground#6A7AEDfe
  • textLink.foreground#490FFFce
  • textPreformat.foreground#913535ce
  • textSeparator.foreground#913535ce
  • titleBar.activeBackground#F0EBEBfe
  • titleBar.activeForeground#DB5A5Aae
  • titleBar.border#FAFBFA00
  • titleBar.inactiveBackground#D6C9C9dc
  • titleBar.inactiveForeground#D0616165
  • toolbar.activeBackground#D3C6AA8a
  • toolbar.hoverBackground#E1D8D8fe
  • toolbar.hoverOutline#F5F6F700
  • tree.inactiveIndentGuidesStroke#39364835
  • tree.indentGuidesStroke#2A41D7fe
  • tree.tableColumnsBorder#F3F0F0fe
  • tree.tableOddRowsBackground#E1D8D8fe
  • walkThrough.embeddedEditorBackground#E1D8D8fe
  • walkthrough.stepTitle.foreground#913535ce
  • welcomePage.background#E1D8D8fe
  • welcomePage.progress.background#E1D8D8fe
  • welcomePage.progress.foreground#913535ce
  • welcomePage.tileBackground#E1D8D8fe
  • welcomePage.tileBorder#F3F0F0fe
  • welcomePage.tileHoverBackground#E1D8D8fe
  • widget.border#F3F0F0fe
  • widget.shadow#FBFAFA00
  • window.activeBorder#F3F0F0fe
  • window.inactiveBorder#D2C4C491

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#7C34346e
comment.block.html#7B36366e
comment.block.java#7835356e
comment.block.javadoc.java#7835356e
comment.block.powershell#7B36366e
comment.block.xml#7B34346e
comment.line.double-slash.c#7C34346e
comment.line.double-slash.cpp#7B34346e
comment.line.double-slash.java#7B36366e
comment.line.double-slash.js#7B36366e
comment.line.number-sign.makefile#7B34346e
comment.line.number-sign.python#7C34346e
comment.line.number-sign.yaml#7B36366e
comment.line.percentage.erlang#7835356e
comment.line.powershell#7835356e
comment.source.cmake#7B34346e
comment.source.cmakecache#7C34346e
constant.character#3F5207de
constant.character.character-class.regexp#273BB9de
constant.character.escape#1A5252de
constant.character.set.regexp#3E5106de
constant.language#85244Fde
constant.numeric#091DB1de
constant.numeric.dec.python#09560Ede
constant.other.caps.python#7E350Ade
constant.other.character-class.regexp#095252de
constant.other.character-class.set.regexp#7805ABde
constant.other.color.rgb-value#960644de
constant.other.placeholder#58331Dde
constant.other.rgb-value#5C2276de
constant.regexp#872450de
constant.sha.git-rebase#1A4A1Dde
emphasis#6F3E21de
entity.name.class#762247de
entity.name.function#095252de
entity.name.function.preprocessor#56216Ede
entity.name.function.python#712693de
entity.name.label#6E3E21de
entity.name.namespace#333C16de
entity.name.operator#09580Ede
entity.name.operator.custom-literal#194B4Bde
entity.name.scope-resolution#7E350Ade
entity.name.tag#095454de
entity.name.tag.css#3E5106de
entity.name.type#703E20debold
entity.name.variable#08570Dde
entity.other.attribute#095454de
entity.other.attribute-name#084C4Cde
entity.other.attribute-name.class.css#3F5209de
entity.other.attribute-name.class.mixin.css#163E3Ede
entity.other.attribute-name.id#7F3509de
entity.other.attribute-name.id.css#722694de
entity.other.attribute-name.parent-selector.css#18431Bde
entity.other.attribute-name.pseudo-class.css#095353de
entity.other.attribute-name.pseudo-element.css#7708AAde
entity.other.attribute-name.scss#08570Dde
entity.other.document.begin.yaml#7B36366e
entity.other.inherited-class#702593de
header#1B5420de
invalid#882550de
keyword#7D350Adebold
keyword.codetag.notation.python#672485debold
keyword.control#074A0Bdebold
keyword.control.anchor.regexp#3E4A1Adebold
keyword.control.import.python#803406debold
keyword.operator#7708AAdebold
keyword.operator.alignas#2737A5debold
keyword.operator.alignof#293BB8debold
keyword.operator.cast#43511Bdebold
keyword.operator.delete#86234Fdebold
keyword.operator.documentation.powershell#7B34346ebold
keyword.operator.expression#09580Edebold
keyword.operator.instanceof#6E3E21debold
keyword.operator.logical.python#064B0Adebold
keyword.operator.minus.exponent#7703ACdebold
keyword.operator.negation.regexp#703E21debold
keyword.operator.new#7E350Adebold
keyword.operator.noexcept#3F5109debold
keyword.operator.or.regexp#813304debold
keyword.operator.plus.exponent#940A47debold
keyword.operator.quantifier.regexp#7E3408debold
keyword.operator.sizeof#085353debold
keyword.operator.typeid#424E1Adebold
keyword.operator.wordlike#405208debold
keyword.other.operator#08560Ddebold
keyword.other.package.java#405209debold
keyword.other.unit#2839ADdebold
keyword.other.using#43511Bdebold
markup.bold#1C5520de
markup.changed#7804ADde
markup.deleted#86244Fde
markup.fenced_code.block.markdown#071BADde
markup.heading#950745de
markup.inline.raw#09580Ede
markup.inserted#960444de
markup.italic#095353de
markup.raw.block.markdown#672485de
markup.strikethrough#51301Cde
markup.underline#703E20de
meta.block.c#6E3E21de
meta.block.c#3F5209de
meta.class.java#950946de
meta.definition.variable.name#2939BCde
meta.diff.header#424E1Ade
meta.embedded#094C4Cde
meta.embedded.assembly#18431Bde
meta.function-call.arguments.python#7708ABde
meta.function-call.python#405209de
meta.member.access.python#095454de
meta.method.java#384318de
meta.object-literal.key#073F3Fde
meta.paragraph.markdown#51301Cde
meta.preprocessor#3F5108de
meta.preprocessor.numeric#075050de
meta.preprocessor.string#43511Bde
meta.scope.prerequisites.makefile#194B4Bde
meta.structure.dictionary.json.comments#7C34346e
meta.structure.dictionary.key.python#872450de
meta.structure.dictionary.value.json.comments#7C34346e
meta.template.expression#095353de
meta.type.cast.expr#7807ADdebold
meta.type.new.expr#184444debold
parameter#09580Ede
punctuation.character.set.begin.regexp#6F2692de
punctuation.character.set.end.regexp#6F3E21de
punctuation.definition.array.begin.json#1A4A1Dde
punctuation.definition.character-class.regexp#722695de
punctuation.definition.comment#7B36366e
punctuation.definition.comment.json.comments#7B36366e
punctuation.definition.comment.python#7B36366e
punctuation.definition.dictionary.begin.json#095454de
punctuation.definition.dictionary.end.json#091CA5de
punctuation.definition.group.assertion.regexp#091DABde
punctuation.definition.group.regexp#283AB5de
punctuation.definition.list.begin.json#3F5109de
punctuation.definition.list.begin.markdown#095454de
punctuation.definition.list.begin.python#7807ADde
punctuation.definition.list.end.json#5C2276de
punctuation.definition.list.end.markdown#095353de
punctuation.definition.list.end.python#722694de
punctuation.definition.parameters.begin.python#095353de
punctuation.definition.parameters.end.bracket.round.java#3F5109de
punctuation.definition.quote.begin.markdown#095353de
punctuation.definition.tag#2839BAde
punctuation.definition.template-expression.begin#703E20de
punctuation.definition.template-expression.end#3E5107de
punctuation.section.class.begin.bracket.curly.java#184444de
punctuation.section.embedded#405209de
punctuation.section.embedded.begin.php#5F371Fde
punctuation.section.embedded.end.php#095454de
punctuation.terminator.java#222D76de
source.cmake#095454de
source.coffee.embedded#084C4Cde
source.cpp#2839BCde
source.css.less#7D350Ade
source.groovy.embedded#073F3Fde
source.java#095353de
source.java-properties#950745de
source.json.comments#7B34346e
source.makefile#08570Dde
source.powershell#7805ABde
source.powershell.variable.other.member#872450de
source.python#970545de
storage#094C4Cde
storage.modifier#7708ABde
storage.modifier.import.java#3F5109de
storage.modifier.package.java#283AB7de
storage.type#095353debold
storage.type.annotation.groovy#3F5109debold
storage.type.annotation.java#7E350Adebold
storage.type.boolean.go#1C5520debold
storage.type.byte.go#095454debold
storage.type.cs#960846debold
storage.type.error.go#6F3E20debold
storage.type.generic.cs#882550debold
storage.type.generic.groovy#405209debold
storage.type.generic.java#673B20debold
storage.type.groovy#074A0Bdebold
storage.type.java#293BB8debold
storage.type.modifier.cs#074A0Bdebold
storage.type.numeric.go#3E5107debold
storage.type.object.array.groovy#091DB1debold
storage.type.object.array.java#1B551Fdebold
storage.type.parameters.groovy#09570Edebold
storage.type.primitive.array.groovy#3E4A1Adebold
storage.type.primitive.array.java#950946debold
storage.type.primitive.groovy#283AB8debold
storage.type.primitive.java#081CACdebold
storage.type.rune.go#6E2143debold
storage.type.string.go#384318debold
storage.type.token.java#7709A8debold
storage.type.uintptr.go#2737A5debold
storage.type.variable.cs#095454debold
string#3F5109de
string.quoted.docstring.multi.python#7835356e
string.regexp#960846de
string.tag#7E3408de
string.value#084C4Cde
strong#2737A5de
support.class#712693de
support.constant.color#1B5353de
support.constant.dom#702591de
support.constant.font-name#950946de
support.constant.handlebars#5F1F3Bde
support.constant.json#702591de
support.constant.math#073F3Fde
support.constant.media#3F5209de
support.constant.media-type#722694debold
support.constant.property-value#7D234Bde
support.function#07530Bde
support.function.git-rebase#095353de
support.other.parenthesis.regexp#283AB7de
support.type#7E3408debold
support.type.property-name#081CACdebold
support.type.vendored.property-name#58331Ddebold
support.variable#512067de
token.debug-token#071BADde
token.error-token#7805ABde
token.info-token#263495de
token.warn-token#762247de
variable#095454de
variable.css#094C4Cde
variable.language#074747de
variable.language.wildcard.java#5F371Fde
variable.other.constant#273BB9de
variable.other.definition.java#08560Dde
variable.other.enummember#3F5209de
variable.other.less#074747de
variable.other.object.java#263495de
variable.other.object.property.java#27369Dde
variable.parameter.c#081CA6de
variable.parameter.function.language.python#7F3509de
variable.parameter.java#7F3509de
variable.scss#6E2143de
viiv by B.W - VS Code Theme