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#462E89fe
  • activityBar.activeFocusBorder#47878700
  • activityBar.background#EBF0EBfe
  • activityBar.border#80804600
  • activityBar.dropBorder#462E89fe
  • activityBar.foreground#4122A5fe
  • activityBar.inactiveForeground#35493565
  • activityBarBadge.background#4C319Efe
  • activityBarBadge.foreground#EBF0EBfe
  • badge.background#5332B7fe
  • badge.foreground#EBF0EBfe
  • banner.background#D7E2D7fe
  • banner.foreground#134013ce
  • banner.iconForeground#073083fe
  • breadcrumb.activeSelectionForeground#5A2A11ca
  • breadcrumb.background#E6EDE6fe
  • breadcrumb.focusForeground#493097fe
  • breadcrumb.foreground#124012ae
  • breadcrumbPicker.background#D7E2D7fe
  • button.background#ABC2ABae
  • button.border#FBFBFA00
  • button.foreground#134013ce
  • button.hoverBackground#88A9886e
  • button.secondaryBackground#D7E2D7fe
  • button.secondaryForeground#134013ce
  • button.secondaryHoverBackground#D7E2D7fe
  • button.separator#FAFAFB00
  • charts.blue#1b1bfffe
  • charts.foreground#134013ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067b9
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F0F4F0fe
  • chat.slashCommandBackground#D7E2D7fe
  • chat.slashCommandForeground#134013ce
  • checkbox.background#F0F4F0fe
  • checkbox.border#F0F4F0fe
  • checkbox.foreground#134013ce
  • checkbox.selectBackground#F0F4F0fe
  • checkbox.selectBorder#F0F4F0fe
  • commandCenter.activeBackground#DCD0D781
  • commandCenter.activeBorder#F0F4F0fe
  • commandCenter.activeForeground#4E31A7fe
  • commandCenter.background#D7E2D7fe
  • commandCenter.border#F0F4F0fe
  • commandCenter.foreground#134013ce
  • commandCenter.inactiveBorder#C8D8C899
  • commandCenter.inactiveForeground#35493565
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#FBFBFA00
  • contrastBorder#F6F5F700
  • debugConsole.errorForeground#910091ce
  • debugConsole.infoForeground#134013ce
  • debugConsole.sourceForeground#134013ce
  • debugConsole.warningForeground#604F00ce
  • debugConsoleInputIcon.foreground#393915fe
  • debugExceptionWidget.background#FEC1FE99
  • debugExceptionWidget.border#F0F4F0fe
  • debugIcon.breakpointCurrentStackframeForeground#393915fe
  • debugIcon.breakpointDisabledForeground#31443165
  • debugIcon.breakpointForeground#452B5Cfe
  • debugIcon.breakpointStackframeForeground#153D3Dfe
  • debugIcon.breakpointUnverifiedForeground#4A2664fe
  • debugIcon.continueForeground#1C3E1Cfe
  • debugIcon.disconnectForeground#273756fe
  • debugIcon.pauseForeground#1A3D39fe
  • debugIcon.restartForeground#124012fe
  • debugIcon.startForeground#40314Cfe
  • debugIcon.stepBackForeground#3A3A1Afe
  • debugIcon.stepIntoForeground#432E52fe
  • debugIcon.stepOutForeground#073083fe
  • debugIcon.stepOverForeground#412F59fe
  • debugIcon.stopForeground#43323Bfe
  • debugTokenExpression.boolean#181B20ca
  • debugTokenExpression.error#251F1Cca
  • debugTokenExpression.name#151117ca
  • debugTokenExpression.number#1C261Cca
  • debugTokenExpression.value#1C1C15ca
  • debugToolBar.background#FEC1FE9a
  • debugToolBar.border#F0F4F0fe
  • debugView.exceptionLabelBackground#DBD3CEca
  • debugView.exceptionLabelForeground#13356Dca
  • debugView.stateLabelBackground#CAD9CAca
  • debugView.stateLabelForeground#3A3A1Aca
  • debugView.valueChangedHighlight#251F1Cca
  • descriptionForeground#134013ce
  • diffEditor.border#FBFBFA00
  • diffEditor.diagonalFill#000000fc
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#B5DFB7fb
  • diffEditor.insertedTextBorder#F6F5F700
  • diffEditor.move.border#FAFBFB00
  • diffEditor.moveActive.border#FAFAFB00
  • diffEditor.removedLineBackground#FFC5C531
  • diffEditor.removedTextBackground#FFC6C6fb
  • diffEditor.removedTextBorder#FAFAFB00
  • diffEditor.unchangedCodeBackground#D7E2D7fe
  • diffEditor.unchangedRegionBackground#D7E2D7fe
  • diffEditor.unchangedRegionForeground#134013ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#35493565
  • dropdown.background#F0F4F0fe
  • dropdown.border#F0F4F0fe
  • dropdown.foreground#134013ce
  • dropdown.listBackground#F0F4F0fe
  • editor.background#D7E2D7fe
  • editor.findMatchBackground#97B397a2
  • editor.findMatchBorder#F0F4F0fe
  • editor.findMatchHighlightBackground#AE9B93ab
  • editor.findMatchHighlightBorder#F0F4F0fe
  • editor.findRangeHighlightBackground#B298A7a9
  • editor.findRangeHighlightBorder#F0F4F0fe
  • editor.focusedStackFrameHighlightBackground#A7899A87
  • editor.foldBackground#334C96a3
  • editor.foreground#134013ce
  • editor.hoverHighlightBackground#B0B6C4ae
  • editor.inactiveSelectionBackground#AFC5AF96
  • editor.inlineValuesBackground#D7E2D7fe
  • editor.inlineValuesForeground#134013ce
  • editor.lineHighlightBackground#B9CCB9b5
  • editor.lineHighlightBorder#FAFBFB00
  • editor.linkedEditingBackground#D7E2D7fe
  • editor.rangeHighlightBackground#C0B1ACad
  • editor.rangeHighlightBorder#F0F4F0fe
  • editor.selectionBackground#D6D6C9a4
  • editor.selectionForeground#1A3F1Aca
  • editor.selectionHighlightBackground#C4B0BC8a
  • editor.selectionHighlightBorder#F0F4F0fe
  • editor.snippetFinalTabstopHighlightBackground#83A583aa
  • editor.snippetFinalTabstopHighlightBorder#F0F4F0fe
  • editor.snippetTabstopHighlightBackground#B5B59Dae
  • editor.snippetTabstopHighlightBorder#F0F4F0fe
  • editor.stackFrameHighlightBackground#A38D85a9
  • editor.symbolHighlightBackground#AB9DB5ab
  • editor.symbolHighlightBorder#F0F4F0fe
  • editor.wordHighlightBackground#AFA2B9ac
  • editor.wordHighlightBorder#F6F5F700
  • editor.wordHighlightStrongBackground#BDBDA7aa
  • editor.wordHighlightStrongBorder#F6F5F700
  • editor.wordHighlightTextBackground#A2B9B6a5
  • editor.wordHighlightTextBorder#FBFBFA00
  • editorBracketHighlight.foreground1#0A0D0Ace
  • editorBracketHighlight.foreground2#0A0D0Ace
  • editorBracketHighlight.foreground3#0A0D0Ace
  • editorBracketHighlight.foreground4#0A0D0Ace
  • editorBracketHighlight.foreground5#0A0D0Ace
  • editorBracketHighlight.foreground6#0A0D0Ace
  • editorBracketHighlight.unexpectedBracket.foreground#134013ce
  • editorBracketMatch.background#51512Ba2
  • editorBracketMatch.border#F0F4F0fe
  • editorBracketPairGuide.activeBackground1#51512889
  • editorBracketPairGuide.activeBackground2#51512E8d
  • editorBracketPairGuide.activeBackground3#594B658c
  • editorBracketPairGuide.activeBackground4#51512D81
  • editorBracketPairGuide.activeBackground5#48506482
  • editorBracketPairGuide.activeBackground6#2D56508c
  • editorBracketPairGuide.background1#D5D5C7fe
  • editorBracketPairGuide.background2#C9D7D5fe
  • editorBracketPairGuide.background3#C8D6D4fe
  • editorBracketPairGuide.background4#D4D4C6fe
  • editorBracketPairGuide.background5#DBD3CFfe
  • editorBracketPairGuide.background6#CAD8CAfe
  • editorCodeLens.foreground#195D196e
  • editorCommentsWidget.rangeActiveBackground#355835fe
  • editorCommentsWidget.rangeBackground#D7E2D7fe
  • editorCommentsWidget.resolvedBorder#F0F4F0fe
  • editorCommentsWidget.unresolvedBorder#FFC6C6cb
  • editorCursor.background#D7E2D7fe
  • editorCursor.foreground#5332B7fe
  • editorError.background#FBFAFA00
  • editorError.border#FBFAFA00
  • editorError.foreground#910091ce
  • editorGhostText.background#D7E2D7fe
  • editorGhostText.border#F5F7F500
  • editorGhostText.foreground#1C5C1C6e
  • editorGroup.border#F0F4F0fe
  • editorGroup.dropBackground#D7E2D7fe
  • editorGroup.dropIntoPromptBackground#D7E2D7fe
  • editorGroup.dropIntoPromptBorder#F0F4F0fe
  • editorGroup.dropIntoPromptForeground#134013ce
  • editorGroup.emptyBackground#D7E2D7fe
  • editorGroup.focusedEmptyBorder#F0F4F0fe
  • editorGroupHeader.border#FAFBFB00
  • editorGroupHeader.noTabsBackground#EBF0EBae
  • editorGroupHeader.tabsBackground#D2DED2a1
  • editorGroupHeader.tabsBorder#F6F5F700
  • editorGutter.addedBackground#1A5C1Dfb
  • editorGutter.background#D7E2D7fe
  • editorGutter.commentGlyphForeground#134013ce
  • editorGutter.commentRangeForeground#134013ce
  • editorGutter.commentUnresolvedGlyphForeground#1F5C22cb
  • editorGutter.deletedBackground#A50000cb
  • editorGutter.foldingControlForeground#134013ce
  • editorGutter.modifiedBackground#604F00ce
  • editorHint.border#FBFBFA00
  • editorHint.foreground#3C00FCce
  • editorHoverWidget.background#F0F4F0fe
  • editorHoverWidget.border#F0F4F0fe
  • editorHoverWidget.foreground#134013ce
  • editorHoverWidget.highlightForeground#1A3D39ca
  • editorHoverWidget.statusBarBackground#D7E2D7fe
  • editorIndentGuide.activeBackground1#3F15B3fe
  • editorIndentGuide.activeBackground2#370EC1fe
  • editorIndentGuide.activeBackground3#452E89fe
  • editorIndentGuide.activeBackground4#370EC1fe
  • editorIndentGuide.activeBackground5#360CC1fe
  • editorIndentGuide.activeBackground6#41269Bfe
  • editorIndentGuide.background1#48605C35
  • editorIndentGuide.background2#536E6A35
  • editorIndentGuide.background3#56474035
  • editorIndentGuide.background4#73735635
  • editorIndentGuide.background5#353B4735
  • editorIndentGuide.background6#65654B35
  • editorInfo.background#FBFAFA00
  • editorInfo.border#FAFBFB00
  • editorInfo.foreground#3C00FCce
  • editorInlayHint.background#D7E2D7fe
  • editorInlayHint.foreground#134013ce
  • editorInlayHint.parameterBackground#D7E2D7fe
  • editorInlayHint.parameterForeground#134013ce
  • editorInlayHint.typeBackground#D7E2D7fe
  • editorInlayHint.typeForeground#134013ce
  • editorLightBulb.foreground#604F00ce
  • editorLightBulbAutoFix.foreground#1F5C22cb
  • editorLineNumber.activeForeground#452E89fe
  • editorLineNumber.dimmedForeground#245A246e
  • editorLineNumber.foreground#245A246e
  • editorLink.activeForeground#472F8Ffe
  • editorMarkerNavigation.background#F0F4F0fe
  • editorMarkerNavigationError.background#FEC1FEba
  • editorMarkerNavigationError.headerBackground#FEC1FEaa
  • editorMarkerNavigationInfo.background#D1D1FFfe
  • editorMarkerNavigationInfo.headerBackground#D1D1FFfe
  • editorMarkerNavigationWarning.background#FCD000fe
  • editorMarkerNavigationWarning.headerBackground#FCD000fe
  • editorOverviewRuler.addedForeground#1F5C22cb
  • editorOverviewRuler.background#D7E2D7fe
  • editorOverviewRuler.border#C9D7C9fe
  • editorOverviewRuler.bracketMatchForeground#134013ce
  • editorOverviewRuler.commentForeground#215C216e
  • editorOverviewRuler.commentUnresolvedForeground#1F5C22cb
  • editorOverviewRuler.commonContentForeground#134013ce
  • editorOverviewRuler.currentContentForeground#505050a8
  • editorOverviewRuler.deletedForeground#A50000cb
  • editorOverviewRuler.errorForeground#910091ce
  • editorOverviewRuler.findMatchForeground#005A5Ace
  • editorOverviewRuler.incomingContentForeground#1F5C22cb
  • editorOverviewRuler.infoForeground#3C00FCce
  • editorOverviewRuler.modifiedForeground#604F00ce
  • editorOverviewRuler.rangeHighlightForeground#393906ca
  • editorOverviewRuler.selectionHighlightForeground#3C00FCce
  • editorOverviewRuler.warningForeground#604F00ce
  • editorOverviewRuler.wordHighlightForeground#580880ca
  • editorOverviewRuler.wordHighlightStrongForeground#134013ce
  • editorOverviewRuler.wordHighlightTextForeground#134013ce
  • editorPane.background#D7E2D7fe
  • editorRuler.foreground#34583426
  • editorStickyScroll.background#D7E2D7fe
  • editorStickyScrollHover.background#C9D8C96e
  • editorSuggestWidget.background#F0F4F0fe
  • editorSuggestWidget.border#FBFBFA00
  • editorSuggestWidget.focusHighlightForeground#1A481Afe
  • editorSuggestWidget.foreground#52048Cfe
  • editorSuggestWidget.highlightForeground#3A3A1Aca
  • editorSuggestWidget.selectedBackground#89A7A38d
  • editorSuggestWidget.selectedForeground#1A3F1Aca
  • editorSuggestWidget.selectedIconForeground#502F1Eca
  • editorSuggestWidgetStatus.foreground#412F59fe
  • editorUnicodeHighlight.background#9DB5B2a4
  • editorUnicodeHighlight.border#F0F4F0fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#FBFAFA00
  • editorWarning.border#FBFAFA00
  • editorWarning.foreground#604F00ce
  • editorWhitespace.foreground#134013ce
  • editorWidget.background#F0F4F0fe
  • editorWidget.border#F0F4F0fe
  • editorWidget.foreground#134013ce
  • editorWidget.resizeBorder#F0F4F0fe
  • errorForeground#910091ce
  • extensionBadge.remoteBackground#5132AFfe
  • extensionBadge.remoteForeground#EBF0EBfe
  • extensionButton.background#C9D8C9ae
  • extensionButton.foreground#134013ce
  • extensionButton.hoverBackground#C9D8C96e
  • extensionButton.prominentBackground#D7E2D7fe
  • extensionButton.prominentForeground#134013ce
  • extensionButton.prominentHoverBackground#D7E2D7fe
  • extensionButton.separator#FAFAFB00
  • extensionIcon.preReleaseForeground#124012fe
  • extensionIcon.sponsorForeground#43323Bfe
  • extensionIcon.starForeground#093E39fe
  • extensionIcon.verifiedForeground#173F17fe
  • focusBorder#F6F5F700
  • foreground#134013ce
  • 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#C9D8C9ca
  • inlineChat.border#D4D4C5ca
  • inlineChat.regionHighlight#1F2A29ca
  • inlineChat.shadow#111811ca
  • inlineChatDiff.inserted#171311ca
  • inlineChatDiff.removed#15171Cca
  • inlineChatInput.background#151C1Bca
  • inlineChatInput.border#DAD2CDca
  • inlineChatInput.focusBorder#FAFAFB00
  • inlineChatInput.placeholderForeground#1B3568ca
  • input.background#F0F4F0fe
  • input.border#F0F4F0fe
  • input.foreground#134013ce
  • input.placeholderForeground#31443165
  • inputOption.activeBackground#F0F4F0fe
  • inputOption.activeBorder#F0F4F0fe
  • inputOption.activeForeground#442E87fe
  • inputOption.hoverBackground#F0F4F0fe
  • inputValidation.errorBackground#670067c5
  • inputValidation.errorBorder#FEC1FEc8
  • inputValidation.errorForeground#910091ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F0F4F0fe
  • inputValidation.infoForeground#134013ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F0F4F0fe
  • inputValidation.warningForeground#604F00ce
  • interactive.activeCodeBorder#F0F4F0fe
  • interactive.inactiveCodeBorder#C9D7C995
  • keybindingLabel.background#D7E2D7fe
  • keybindingLabel.border#F0F4F0fe
  • keybindingLabel.bottomBorder#F0F4F0fe
  • keybindingLabel.foreground#134013ce
  • keybindingTable.headerBackground#D7E2D7fe
  • keybindingTable.rowsBackground#D7E2D7fe
  • list.activeSelectionBackground#A38D8584
  • list.activeSelectionForeground#153D3Dca
  • list.activeSelectionIconForeground#393906ca
  • list.deemphasizedForeground#134013ce
  • list.dropBackground#D7E2D7fe
  • list.errorForeground#910091ce
  • list.filterMatchBackground#D7E2D7fe
  • list.filterMatchBorder#F0F4F0fe
  • list.focusAndSelectionOutline#FAFAFB00
  • list.focusBackground#C3D4C396
  • list.focusForeground#472F8Ffe
  • list.focusHighlightForeground#790A54fe
  • list.focusOutline#FBFBFA00
  • list.highlightForeground#5A2A11ca
  • list.hoverBackground#D4D4C5a6
  • list.hoverForeground#4E31A7fe
  • list.inactiveFocusBackground#B9CCB99c
  • list.inactiveFocusOutline#FBFAFA00
  • list.inactiveSelectionBackground#EBF0EBae
  • list.inactiveSelectionForeground#384E3865
  • list.inactiveSelectionIconForeground#3C533C65
  • list.invalidItemForeground#134013ce
  • list.warningForeground#604F00ce
  • listFilterWidget.background#D7E2D7fe
  • listFilterWidget.noMatchesOutline#FBFAFA00
  • listFilterWidget.outline#F5F7F500
  • listFilterWidget.shadow#F5F7F500
  • menu.background#EBF0EBfe
  • menu.border#FBFAFA00
  • menu.foreground#134013ae
  • menu.selectionBackground#C8C8B5a9
  • menu.selectionBorder#FAFBFB00
  • menu.selectionForeground#5532BFfe
  • menu.separatorBackground#C9D8C965
  • menubar.selectionBackground#C8C8B5a3
  • menubar.selectionBorder#FBFBFA00
  • menubar.selectionForeground#442E87fe
  • merge.border#F0F4F0fe
  • merge.commonContentBackground#D7E2D7fe
  • merge.commonHeaderBackground#D7E2D7fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#B5DFB7fb
  • merge.incomingContentBackground#B4DEB6cb
  • merge.incomingHeaderBackground#B5DFB7fb
  • 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#CDDBCD3e
  • mergeEditor.conflict.input1.background#F0F4F0fe
  • mergeEditor.conflict.input2.background#F0F4F0fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067a4
  • mergeEditor.conflict.unhandledFocused.border#F0F4F0fe
  • mergeEditor.conflict.unhandledUnfocused.border#C9D7C92f
  • mergeEditor.conflictingLines.background#D7E2D7fe
  • minimap.background#D7E2D7fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0A0D0Ace
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1A5C1Dfb
  • minimapGutter.deletedBackground#A60000fb
  • minimapGutter.modifiedBackground#604F00ce
  • minimapSlider.activeBackground#799E79fe
  • minimapSlider.background#97B397ae
  • minimapSlider.hoverBackground#8DAC8D6e
  • notebook.cellBorderColor#F0F4F0fe
  • notebook.cellEditorBackground#D7E2D7fe
  • notebook.cellHoverBackground#D7E2D7fe
  • notebook.cellInsertionIndicator#18151Cca
  • notebook.cellStatusBarItemHoverBackground#D7E2D7fe
  • notebook.cellToolbarSeparator#201B18ca
  • notebook.editorBackground#D7E2D7fe
  • notebook.focusedCellBackground#D7E2D7fe
  • notebook.focusedCellBorder#4E31A7fe
  • notebook.focusedEditorBorder#F0F4F0fe
  • notebook.inactiveFocusedCellBorder#6A936A8e
  • notebook.inactiveSelectedCellBorder#6A936A8e
  • notebook.outputContainerBackgroundColor#D7E2D7fe
  • notebook.outputContainerBorderColor#F0F4F0fe
  • notebook.selectedCellBackground#D7E2D7fe
  • notebook.selectedCellBorder#F0F4F0fe
  • notebook.symbolHighlightBackground#D7E2D7fe
  • notebookEditorOverviewRuler.runningCellForeground#134013ce
  • notebookScrollbarSlider.activeBackground#749A74fe
  • notebookScrollbarSlider.background#97B397ae
  • notebookScrollbarSlider.hoverBackground#7EA17E6e
  • notebookStatusErrorIcon.foreground#910091ce
  • notebookStatusRunningIcon.foreground#483227fe
  • notebookStatusSuccessIcon.foreground#1F5C22cb
  • notificationCenter.border#F0F4F0fe
  • notificationCenterHeader.background#D7E2D7fe
  • notificationCenterHeader.foreground#134013ce
  • notificationLink.foreground#134013ce
  • notifications.background#D7E2D7fe
  • notifications.border#F0F4F0fe
  • notifications.foreground#134013ce
  • notificationsErrorIcon.foreground#910091ce
  • notificationsInfoIcon.foreground#52048Cfe
  • 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#134013ce
  • panelTitle.activeBorder#FAFBFB00
  • panelTitle.activeForeground#41269Bfe
  • panelTitle.inactiveForeground#31443165
  • peekView.border#360CC1fe
  • peekViewEditor.background#F0F4F0fe
  • peekViewEditor.matchHighlightBackground#BDA7B387
  • peekViewEditor.matchHighlightBorder#F6F5F700
  • peekViewEditorGutter.background#F0F4F0fe
  • peekViewEditorStickyScroll.background#D7E2D7fe
  • peekViewResult.background#EBF0EBfe
  • peekViewResult.fileForeground#134013ce
  • peekViewResult.lineForeground#134013ce
  • peekViewResult.matchHighlightBackground#B5A49D8e
  • peekViewResult.selectionBackground#8992A781
  • peekViewResult.selectionForeground#5A2A11ca
  • peekViewTitle.background#EBF0EBfe
  • peekViewTitleDescription.foreground#134013ce
  • peekViewTitleLabel.foreground#134013ce
  • pickerGroup.border#F0F4F0fe
  • pickerGroup.foreground#134013ce
  • ports.iconRunningProcessForeground#2E3E3Bfe
  • problemsErrorIcon.foreground#910091ce
  • problemsInfoIcon.foreground#3C00FCce
  • problemsWarningIcon.foreground#604F00ce
  • profileBadge.background#452E87fe
  • profileBadge.foreground#EBF0EBfe
  • progressBar.background#D7E2D7fe
  • quickInput.background#EBF0EBfe
  • quickInput.foreground#124012ae
  • quickInputList.focusBackground#A1BBA1aa
  • quickInputList.focusForeground#452E89fe
  • quickInputList.focusIconForeground#493097fe
  • quickInputTitle.background#F0F4F0fe
  • sash.hoverBorder#F0F4F0fe
  • scrollbar.shadow#FBFAFA00
  • scrollbarSlider.activeBackground#749A74fe
  • scrollbarSlider.background#97B397ae
  • scrollbarSlider.hoverBackground#88A9886e
  • search.resultsInfoForeground#134013ce
  • searchEditor.findMatchBackground#9685A3a2
  • searchEditor.findMatchBorder#F0F4F0fe
  • searchEditor.textInputBorder#F0F4F0fe
  • selection.background#D7E2D7fe
  • settings.checkboxBackground#F0F4F0fe
  • settings.checkboxBorder#F0F4F0fe
  • settings.checkboxForeground#134013ce
  • settings.dropdownBackground#F0F4F0fe
  • settings.dropdownBorder#F0F4F0fe
  • settings.dropdownForeground#134013ce
  • settings.dropdownListBorder#F0F4F0fe
  • settings.focusedRowBackground#B5A49D82
  • settings.focusedRowBorder#F0F4F0fe
  • settings.headerBorder#F0F4F0fe
  • settings.headerForeground#134013ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F0F4F0fe
  • settings.numberInputBorder#F0F4F0fe
  • settings.numberInputForeground#134013ce
  • settings.rowHoverBackground#D7E2D7fe
  • settings.sashBorder#F0F4F0fe
  • settings.settingsHeaderHoverForeground#5332B7fe
  • settings.textInputBackground#F0F4F0fe
  • settings.textInputBorder#F0F4F0fe
  • settings.textInputForeground#134013ce
  • sideBar.background#D7E2D7fe
  • sideBar.border#F0F4F0fe
  • sideBar.dropBackground#D7E2D7fe
  • sideBar.foreground#2B592Bae
  • sideBarSectionHeader.background#FBFAFA00
  • sideBarSectionHeader.border#F0F4F0fe
  • sideBarSectionHeader.foreground#134013ce
  • sideBarTitle.foreground#134013ce
  • sideBySideEditor.horizontalBorder#F0F4F0fe
  • sideBySideEditor.verticalBorder#F0F4F0fe
  • simpleFindWidget.sashBorder#F0F4F0fe
  • statusBar.background#EBF0EBfe
  • statusBar.border#F0F4F0fe
  • statusBar.debuggingBackground#FEC1FEaf
  • statusBar.debuggingBorder#F0F4F0fe
  • statusBar.debuggingForeground#134013ce
  • statusBar.focusBorder#F5F7F500
  • statusBar.foreground#215C216e
  • statusBar.noFolderBackground#EBF0EBfe
  • statusBar.noFolderBorder#F0F4F0fe
  • statusBar.noFolderForeground#134013ce
  • statusBarItem.activeBackground#EBF0EBfe
  • statusBarItem.compactHoverBackground#EBF0EBfe
  • statusBarItem.errorBackground#FEC1FEa4
  • statusBarItem.errorForeground#910091ce
  • statusBarItem.errorHoverBackground#FEC1FE9e
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#FBFAFA00
  • statusBarItem.hoverBackground#EBF0EBfe
  • statusBarItem.hoverForeground#452E89fe
  • statusBarItem.offlineBackground#EBF0EBfe
  • statusBarItem.offlineForeground#134013ce
  • statusBarItem.offlineHoverBackground#EBF0EBfe
  • statusBarItem.offlineHoverForeground#4C319Efe
  • statusBarItem.prominentBackground#EBF0EBfe
  • statusBarItem.prominentForeground#134013ce
  • statusBarItem.prominentHoverBackground#EBF0EBfe
  • statusBarItem.prominentHoverForeground#4C319Efe
  • statusBarItem.remoteBackground#4E31A7fe
  • statusBarItem.remoteForeground#EBF0EBfe
  • statusBarItem.remoteHoverBackground#EBF0EBfe
  • statusBarItem.remoteHoverForeground#493097fe
  • statusBarItem.warningBackground#FCD000fe
  • statusBarItem.warningForeground#604F00ce
  • statusBarItem.warningHoverBackground#FCD000fe
  • statusBarItem.warningHoverForeground#967C00ce
  • symbolIcon.arrayForeground#393906fe
  • symbolIcon.booleanForeground#005A5Ace
  • symbolIcon.classForeground#13356Dfe
  • symbolIcon.colorForeground#1C3E1Cfe
  • symbolIcon.constantForeground#4C2D40fe
  • symbolIcon.constructorForeground#3A3A1Afe
  • symbolIcon.enumeratorForeground#323743fe
  • symbolIcon.enumeratorMemberForeground#550E80fe
  • symbolIcon.eventForeground#2E3F2Efe
  • symbolIcon.fieldForeground#580880fe
  • symbolIcon.fileForeground#512E19fe
  • symbolIcon.folderForeground#5D2712fe
  • symbolIcon.functionForeground#153D3Dfe
  • symbolIcon.interfaceForeground#1B3568fe
  • symbolIcon.keyForeground#273756fe
  • symbolIcon.keywordForeground#13356Dfe
  • symbolIcon.methodForeground#40314Cfe
  • symbolIcon.moduleForeground#1F3E1Ffe
  • symbolIcon.namespaceForeground#13356Dfe
  • symbolIcon.nullForeground#433732fe
  • symbolIcon.numberForeground#383822fe
  • symbolIcon.objectForeground#324340fe
  • symbolIcon.operatorForeground#4C2D40fe
  • symbolIcon.packageForeground#324340fe
  • symbolIcon.propertyForeground#6A0F43fe
  • symbolIcon.referenceForeground#393915fe
  • symbolIcon.snippetForeground#680E4Afe
  • symbolIcon.stringForeground#3A3A17fe
  • symbolIcon.structForeground#680E4Afe
  • symbolIcon.textForeground#552742fe
  • symbolIcon.typeParameterForeground#073083fe
  • symbolIcon.unitForeground#6A0F43fe
  • symbolIcon.variableForeground#39392Afe
  • tab.activeBackground#E6EDE6fe
  • tab.activeBorder#FAFAFB00
  • tab.activeBorderTop#421BADfe
  • tab.activeForeground#421BADfe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#FBFAFA00
  • tab.hoverBackground#515133aa
  • tab.hoverBorder#F0F4F0fe
  • tab.hoverForeground#5132AFfe
  • tab.inactiveBackground#C8D8C899
  • tab.inactiveForeground#3F583F65
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F0F4F0fe
  • tab.unfocusedActiveBackground#CDDBCD3a
  • tab.unfocusedActiveBorder#FBFAFA00
  • tab.unfocusedActiveBorderTop#CAD9CA65
  • tab.unfocusedActiveForeground#3F583F65
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#3458342a
  • tab.unfocusedHoverBorder#C9D7C933
  • tab.unfocusedHoverForeground#3F583F65
  • tab.unfocusedInactiveBackground#B9CCB999
  • tab.unfocusedInactiveForeground#3C533C65
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333b7
  • 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#670067ae
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececebe
  • 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#B9CCB99c
  • terminal.selectionBackground#ACB1C087
  • terminal.selectionForeground#093E39ca
  • terminal.tab.activeBorder#462E89fe
  • terminalCommandDecoration.defaultBackground#485064a4
  • terminalCommandDecoration.errorBackground#A50000cb
  • terminalCommandDecoration.successBackground#1F5C22cb
  • terminalCursor.background#D7E2D7fe
  • terminalCursor.foreground#4E31A7fe
  • terminalOverviewRuler.cursorForeground#134013ce
  • terminalOverviewRuler.findMatchForeground#005A5Ace
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0b0
  • testing.iconUnset#808080b2
  • testing.message.error.decorationForeground#472F8Ffe
  • testing.message.error.lineBackground#FEC1FEba
  • testing.message.info.decorationForeground#4C319Efe
  • 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#493097fe
  • textLink.foreground#3C00FCce
  • textPreformat.foreground#134013ce
  • textSeparator.foreground#134013ce
  • titleBar.activeBackground#EBF0EBfe
  • titleBar.activeForeground#134A13ae
  • titleBar.border#F6F5F700
  • titleBar.inactiveBackground#C9D7C9da
  • titleBar.inactiveForeground#384E3865
  • toolbar.activeBackground#D4D4C687
  • toolbar.hoverBackground#D7E2D7fe
  • toolbar.hoverOutline#FAFAFB00
  • tree.inactiveIndentGuidesStroke#6A4F5E35
  • tree.indentGuidesStroke#442E87fe
  • tree.tableColumnsBorder#F0F4F0fe
  • tree.tableOddRowsBackground#D7E2D7fe
  • walkThrough.embeddedEditorBackground#D7E2D7fe
  • walkthrough.stepTitle.foreground#134013ce
  • welcomePage.background#D7E2D7fe
  • welcomePage.progress.background#D7E2D7fe
  • welcomePage.progress.foreground#134013ce
  • welcomePage.tileBackground#D7E2D7fe
  • welcomePage.tileBorder#F0F4F0fe
  • welcomePage.tileHoverBackground#D7E2D7fe
  • widget.border#F0F4F0fe
  • widget.shadow#FAFBFB00
  • window.activeBorder#F0F4F0fe
  • window.inactiveBorder#C9D7C997

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#1437146e
comment.block.html#1237126e
comment.block.java#1437146e
comment.block.javadoc.java#1437146e
comment.block.powershell#1437146e
comment.block.xml#1237126e
comment.line.double-slash.c#1237126e
comment.line.double-slash.cpp#1237126e
comment.line.double-slash.java#1237126e
comment.line.double-slash.js#1437146e
comment.line.number-sign.makefile#1237126e
comment.line.number-sign.python#1537156e
comment.line.number-sign.yaml#1437146e
comment.line.percentage.erlang#1537156e
comment.line.powershell#1437146e
comment.source.cmake#1237126e
comment.source.cmakecache#1437146e
constant.character#531F1Fde
constant.character.character-class.regexp#2F1389de
constant.character.escape#57104Ade
constant.character.set.regexp#353014de
constant.language#35265Ede
constant.numeric#692929de
constant.numeric.dec.python#05381Ede
constant.other.caps.python#332464de
constant.other.character-class.regexp#4E1D45de
constant.other.character-class.set.regexp#362862de
constant.other.color.rgb-value#342560de
constant.other.placeholder#620E0Ede
constant.other.rgb-value#5B2652de
constant.regexp#382F02de
constant.sha.git-rebase#591A1Ade
emphasis#123248de
entity.name.class#332464de
entity.name.function#531F1Fde
entity.name.function.preprocessor#133348de
entity.name.function.python#4E2323de
entity.name.label#123248de
entity.name.namespace#4E2222de
entity.name.operator#133348de
entity.name.operator.custom-literal#504611de
entity.name.scope-resolution#300A91de
entity.name.tag#52460Cde
entity.name.tag.css#4E4623de
entity.name.type#1F3518debold
entity.name.variable#1C3613de
entity.other.attribute#622828de
entity.other.attribute-name#3A351Cde
entity.other.attribute-name.class.css#35265Ede
entity.other.attribute-name.class.mixin.css#35265Ede
entity.other.attribute-name.id#383005de
entity.other.attribute-name.id.css#3C2B71de
entity.other.attribute-name.parent-selector.css#2C0C94de
entity.other.attribute-name.pseudo-class.css#57104Ade
entity.other.attribute-name.pseudo-element.css#02381Dde
entity.other.attribute-name.scss#620E0Ede
entity.other.document.begin.yaml#1437146e
entity.other.inherited-class#205110de
header#113151de
invalid#591A1Ade
keyword#362862debold
keyword.codetag.notation.python#501A49debold
keyword.control#215111debold
keyword.control.anchor.regexp#332464debold
keyword.control.import.python#133348debold
keyword.operator#311A7Edebold
keyword.operator.alignas#69295Fdebold
keyword.operator.alignof#35216Bdebold
keyword.operator.cast#4E2222debold
keyword.operator.delete#622858debold
keyword.operator.documentation.powershell#1437146ebold
keyword.operator.expression#382F02debold
keyword.operator.instanceof#284A62debold
keyword.operator.logical.python#2D4E23debold
keyword.operator.minus.exponent#591A1Adebold
keyword.operator.negation.regexp#311A7Edebold
keyword.operator.new#34275Ddebold
keyword.operator.noexcept#1D510Cdebold
keyword.operator.or.regexp#133348debold
keyword.operator.plus.exponent#1D3614debold
keyword.operator.quantifier.regexp#501A49debold
keyword.operator.sizeof#113805debold
keyword.operator.typeid#5D1515debold
keyword.operator.wordlike#1E402Fdebold
keyword.other.operator#692929debold
keyword.other.package.java#3A351Cdebold
keyword.other.unit#1E3240debold
keyword.other.using#5D004Fdebold
markup.bold#351E72de
markup.changed#692929de
markup.deleted#542424de
markup.fenced_code.block.markdown#353013de
markup.heading#524610de
markup.inline.raw#5D004Fde
markup.inserted#113805de
markup.italic#105130de
markup.raw.block.markdown#35216Bde
markup.strikethrough#34275Dde
markup.underline#4C1E44de
meta.block.c#4E1D45de
meta.block.c#0C512Ede
meta.class.java#4E1D45de
meta.definition.variable.name#2C0C94de
meta.diff.header#193613de
meta.embedded#094975de
meta.embedded.assembly#4E4623de
meta.function-call.arguments.python#115131de
meta.function-call.python#3A351Cde
meta.member.access.python#2A4721de
meta.method.java#622858de
meta.object-literal.key#620E0Ede
meta.paragraph.markdown#5D1515de
meta.preprocessor#213747de
meta.preprocessor.numeric#193613de
meta.preprocessor.string#1C3613de
meta.scope.prerequisites.makefile#105130de
meta.structure.dictionary.json.comments#1437146e
meta.structure.dictionary.key.python#57104Ade
meta.structure.dictionary.value.json.comments#1437146e
meta.template.expression#514613de
meta.type.cast.expr#143626debold
meta.type.new.expr#27401Edebold
parameter#284A62de
punctuation.character.set.begin.regexp#622858de
punctuation.character.set.end.regexp#52460Cde
punctuation.definition.array.begin.json#542424de
punctuation.definition.character-class.regexp#233C4Ede
punctuation.definition.comment#1237126e
punctuation.definition.comment.json.comments#1537156e
punctuation.definition.comment.python#1437146e
punctuation.definition.dictionary.begin.json#501A49de
punctuation.definition.dictionary.end.json#34275Dde
punctuation.definition.group.assertion.regexp#514613de
punctuation.definition.group.regexp#244054de
punctuation.definition.list.begin.json#504611de
punctuation.definition.list.begin.markdown#332464de
punctuation.definition.list.begin.python#2F1389de
punctuation.definition.list.end.json#620E0Ede
punctuation.definition.list.end.markdown#183527de
punctuation.definition.list.end.python#173344de
punctuation.definition.parameters.begin.python#205110de
punctuation.definition.parameters.end.bracket.round.java#522020de
punctuation.definition.quote.begin.markdown#27401Ede
punctuation.definition.tag#205110de
punctuation.definition.template-expression.begin#5D004Fde
punctuation.definition.template-expression.end#115131de
punctuation.section.class.begin.bracket.curly.java#113805de
punctuation.section.embedded#115131de
punctuation.section.embedded.begin.php#35216Bde
punctuation.section.embedded.end.php#5B2652de
punctuation.terminator.java#5D004Fde
source.cmake#403B1Ede
source.coffee.embedded#133625de
source.cpp#26455Bde
source.css.less#193613de
source.groovy.embedded#17370Dde
source.java#123248de
source.java-properties#342560de
source.json.comments#1437146e
source.makefile#501A49de
source.powershell#143626de
source.powershell.variable.other.member#5D004Fde
source.python#5C044Dde
storage#382F02de
storage.modifier#542424de
storage.modifier.import.java#214734de
storage.modifier.package.java#4E4623de
storage.type#591046debold
storage.type.annotation.groovy#522020debold
storage.type.annotation.java#094975debold
storage.type.boolean.go#382F02debold
storage.type.byte.go#670404debold
storage.type.cs#522020debold
storage.type.error.go#351E72debold
storage.type.generic.cs#353013debold
storage.type.generic.groovy#0C512Edebold
storage.type.generic.java#213747debold
storage.type.groovy#531649debold
storage.type.java#52460Cdebold
storage.type.modifier.cs#4E2323debold
storage.type.numeric.go#284A62debold
storage.type.object.array.groovy#1A3244debold
storage.type.object.array.java#4E1D45debold
storage.type.parameters.groovy#27401Edebold
storage.type.primitive.array.groovy#5B2652debold
storage.type.primitive.array.java#35265Edebold
storage.type.primitive.groovy#1C3613debold
storage.type.primitive.java#342560debold
storage.type.rune.go#35216Bdebold
storage.type.string.go#094975debold
storage.type.token.java#215111debold
storage.type.uintptr.go#620E0Edebold
storage.type.variable.cs#610F0Fdebold
string#205110de
string.quoted.docstring.multi.python#1437146e
string.regexp#351E72de
string.tag#514613de
string.value#35265Ede
strong#531F1Fde
support.class#143626de
support.constant.color#52460Cde
support.constant.dom#193613de
support.constant.font-name#35265Ede
support.constant.handlebars#094975de
support.constant.json#57104Ade
support.constant.math#351E72de
support.constant.media#5B2626de
support.constant.media-type#353018debold
support.constant.property-value#353018de
support.function#52460Cde
support.function.git-rebase#383005de
support.other.parenthesis.regexp#2A4721de
support.type#3C2B71debold
support.type.property-name#105130debold
support.type.vendored.property-name#214734debold
support.variable#69295Fde
token.debug-token#133625de
token.error-token#27401Ede
token.info-token#342560de
token.warn-token#053255de
variable#3C2B71de
variable.css#17370Dde
variable.language#1D3614de
variable.language.wildcard.java#504611de
variable.other.constant#3A351Cde
variable.other.definition.java#383005de
variable.other.enummember#5C044Dde
variable.other.less#591A1Ade
variable.other.object.java#33265Dde
variable.other.object.property.java#0C512Ede
variable.parameter.c#514613de
variable.parameter.function.language.python#3C2B71de
variable.parameter.java#531F1Fde
variable.scss#2C0C94de