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#E3DDD6fe
  • activityBar.activeBackground#E3DDD6fe
  • activityBar.activeBorder#123F71fe
  • activityBar.activeFocusBorder#A5723F00
  • activityBar.background#F1EEEAfe
  • activityBar.border#3D8D5100
  • activityBar.dropBorder#20405Efe
  • activityBar.foreground#1A4063fe
  • activityBar.inactiveForeground#4D3A2965
  • activityBarBadge.background#2E6CAAfe
  • activityBarBadge.foreground#F1EEEAfe
  • badge.background#2C5F92fe
  • badge.foreground#F1EEEAfe
  • banner.background#E3DDD6fe
  • banner.foreground#4E2F11ce
  • banner.iconForeground#4B3014fe
  • breadcrumb.activeSelectionForeground#0606BAca
  • breadcrumb.background#EDE9E5fe
  • breadcrumb.focusForeground#2D639Afe
  • breadcrumb.foreground#4F3011ae
  • breadcrumbPicker.background#E3DDD6fe
  • button.background#BAAA99ae
  • button.border#F7F4F800
  • button.foreground#4E2F11ce
  • button.hoverBackground#A994806e
  • button.secondaryBackground#E3DDD6fe
  • button.secondaryForeground#4E2F11ce
  • button.secondaryHoverBackground#E3DDD6fe
  • button.separator#F4F7F800
  • charts.blue#1b1bfffe
  • charts.foreground#4E2F11ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067a2
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#F4F2EFfe
  • chat.slashCommandBackground#E3DDD6fe
  • chat.slashCommandForeground#4E2F11ce
  • checkbox.background#F4F2EFfe
  • checkbox.border#F4F2EFfe
  • checkbox.foreground#4E2F11ce
  • checkbox.selectBackground#F4F2EFfe
  • checkbox.selectBorder#F4F2EFfe
  • commandCenter.activeBackground#C1D5C58c
  • commandCenter.activeBorder#F4F2EFfe
  • commandCenter.activeForeground#284E73fe
  • commandCenter.background#E3DDD6fe
  • commandCenter.border#F4F2EFfe
  • commandCenter.foreground#4E2F11ce
  • commandCenter.inactiveBorder#D7CFC596
  • commandCenter.inactiveForeground#56483A65
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F8F4F500
  • contrastBorder#F4F7F800
  • debugConsole.errorForeground#900090ce
  • debugConsole.infoForeground#4E2F11ce
  • debugConsole.sourceForeground#4E2F11ce
  • debugConsole.warningForeground#5E4E00ce
  • debugConsoleInputIcon.foreground#2C4042fe
  • debugExceptionWidget.background#FFB9FF9f
  • debugExceptionWidget.border#F4F2EFfe
  • debugIcon.breakpointCurrentStackframeForeground#631C30fe
  • debugIcon.breakpointDisabledForeground#56483A65
  • debugIcon.breakpointForeground#2D3A1Afe
  • debugIcon.breakpointStackframeForeground#4E2F0Ffe
  • debugIcon.breakpointUnverifiedForeground#4B3014fe
  • debugIcon.continueForeground#253D05fe
  • debugIcon.disconnectForeground#4C265Cfe
  • debugIcon.pauseForeground#572634fe
  • debugIcon.restartForeground#272788fe
  • debugIcon.startForeground#631C30fe
  • debugIcon.stepBackForeground#2D3A1Afe
  • debugIcon.stepIntoForeground#353D29fe
  • debugIcon.stepOutForeground#303065fe
  • debugIcon.stepOverForeground#4E2C36fe
  • debugIcon.stopForeground#551376fe
  • debugTokenExpression.boolean#1E1417ca
  • debugTokenExpression.error#141E1Eca
  • debugTokenExpression.name#161A11ca
  • debugTokenExpression.number#18241Aca
  • debugTokenExpression.value#1A1E14ca
  • debugToolBar.background#FFB9FFb9
  • debugToolBar.border#F4F2EFfe
  • debugView.exceptionLabelBackground#D8CCDDca
  • debugView.exceptionLabelForeground#5B0D6Fca
  • debugView.stateLabelBackground#DACDDDca
  • debugView.stateLabelForeground#2C3B16ca
  • debugView.valueChangedHighlight#291B1Fca
  • descriptionForeground#4E2F11ce
  • diffEditor.border#F4F7F800
  • diffEditor.diagonalFill#000000f1
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#AEDCB0fb
  • diffEditor.insertedTextBorder#F4F8F500
  • diffEditor.move.border#F6F8F400
  • diffEditor.moveActive.border#F4F8F500
  • diffEditor.removedLineBackground#FFC1C131
  • diffEditor.removedTextBackground#FEC1C1fb
  • diffEditor.removedTextBorder#F6F8F400
  • diffEditor.unchangedCodeBackground#E3DDD6fe
  • diffEditor.unchangedRegionBackground#E3DDD6fe
  • diffEditor.unchangedRegionForeground#4E2F11ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#51443765
  • dropdown.background#F4F2EFfe
  • dropdown.border#F4F2EFfe
  • dropdown.foreground#4E2F11ce
  • dropdown.listBackground#F4F2EFfe
  • editor.background#E3DDD6fe
  • editor.findMatchBackground#A9C1C4ac
  • editor.findMatchBorder#F4F2EFfe
  • editor.findMatchHighlightBackground#AC8591a6
  • editor.findMatchHighlightBorder#F4F2EFfe
  • editor.findRangeHighlightBackground#8FB396a2
  • editor.findRangeHighlightBorder#F4F2EFfe
  • editor.focusedStackFrameHighlightBackground#8FB0B384
  • editor.foldBackground#64492Fae
  • editor.foreground#4E2F11ce
  • editor.hoverHighlightBackground#A99480ad
  • editor.inactiveSelectionBackground#D5CCC29c
  • editor.inlineValuesBackground#E3DDD6fe
  • editor.inlineValuesForeground#4E2F11ce
  • editor.lineHighlightBackground#C8BBAEb4
  • editor.lineHighlightBorder#F8F4F500
  • editor.linkedEditingBackground#E3DDD6fe
  • editor.rangeHighlightBackground#B38F9Aa8
  • editor.rangeHighlightBorder#F4F2EFfe
  • editor.selectionBackground#C8AEB5ae
  • editor.selectionForeground#46321Eca
  • editor.selectionHighlightBackground#B5C1A383
  • editor.selectionHighlightBorder#F4F2EFfe
  • editor.snippetFinalTabstopHighlightBackground#B7949Fa2
  • editor.snippetFinalTabstopHighlightBorder#F4F2EFfe
  • editor.snippetTabstopHighlightBackground#8A8AB0a4
  • editor.snippetTabstopHighlightBorder#F4F2EFfe
  • editor.stackFrameHighlightBackground#A3A3C1a4
  • editor.symbolHighlightBackground#A88FB3ae
  • editor.symbolHighlightBorder#F4F2EFfe
  • editor.wordHighlightBackground#A88FB3a5
  • editor.wordHighlightBorder#F4F4F800
  • editor.wordHighlightStrongBackground#B1BD9Ea3
  • editor.wordHighlightStrongBorder#F4F8F500
  • editor.wordHighlightTextBackground#8A8AB0a7
  • editor.wordHighlightTextBorder#F4F4F800
  • editorBracketHighlight.foreground1#0E0C0Ace
  • editorBracketHighlight.foreground2#0E0C0Ace
  • editorBracketHighlight.foreground3#0E0C0Ace
  • editorBracketHighlight.foreground4#0E0C0Ace
  • editorBracketHighlight.foreground5#0E0C0Ace
  • editorBracketHighlight.foreground6#0E0C0Ace
  • editorBracketHighlight.unexpectedBracket.foreground#4E2F11ce
  • editorBracketMatch.background#1D1DF9a1
  • editorBracketMatch.border#F4F2EFfe
  • editorBracketPairGuide.activeBackground1#3956408a
  • editorBracketPairGuide.activeBackground2#27593084
  • editorBracketPairGuide.activeBackground3#80374D87
  • editorBracketPairGuide.activeBackground4#3131D98e
  • editorBracketPairGuide.activeBackground5#44542D88
  • editorBracketPairGuide.activeBackground6#44542A81
  • editorBracketPairGuide.background1#CAD3BEfe
  • editorBracketPairGuide.background2#D8CCDDfe
  • editorBracketPairGuide.background3#DACDDDfe
  • editorBracketPairGuide.background4#D8CDDDfe
  • editorBracketPairGuide.background5#DAD0C7fe
  • editorBracketPairGuide.background6#C2D4D6fe
  • editorCodeLens.foreground#7345186e
  • editorCommentsWidget.rangeActiveBackground#5F4C35fe
  • editorCommentsWidget.rangeBackground#E3DDD6fe
  • editorCommentsWidget.resolvedBorder#F4F2EFfe
  • editorCommentsWidget.unresolvedBorder#FEC1C1cb
  • editorCursor.background#E3DDD6fe
  • editorCursor.foreground#29527Bfe
  • editorError.background#F4F7F800
  • editorError.border#F4F4F800
  • editorError.foreground#900090ce
  • editorGhostText.background#E3DDD6fe
  • editorGhostText.border#F6F8F400
  • editorGhostText.foreground#6E471E6e
  • editorGroup.border#F4F2EFfe
  • editorGroup.dropBackground#E3DDD6fe
  • editorGroup.dropIntoPromptBackground#E3DDD6fe
  • editorGroup.dropIntoPromptBorder#F4F2EFfe
  • editorGroup.dropIntoPromptForeground#4E2F11ce
  • editorGroup.emptyBackground#E3DDD6fe
  • editorGroup.focusedEmptyBorder#F4F2EFfe
  • editorGroupHeader.border#F8F6F400
  • editorGroupHeader.noTabsBackground#F1EEEAae
  • editorGroupHeader.tabsBackground#E0D8D1a1
  • editorGroupHeader.tabsBorder#F4F8F500
  • editorGutter.addedBackground#1A5C1Dfb
  • editorGutter.background#E3DDD6fe
  • editorGutter.commentGlyphForeground#4E2F11ce
  • editorGutter.commentRangeForeground#4E2F11ce
  • editorGutter.commentUnresolvedGlyphForeground#1F5921cb
  • editorGutter.deletedBackground#A30000cb
  • editorGutter.foldingControlForeground#4E2F11ce
  • editorGutter.modifiedBackground#5E4E00ce
  • editorHint.border#F6F8F400
  • editorHint.foreground#3C00FAce
  • editorHoverWidget.background#F4F2EFfe
  • editorHoverWidget.border#F4F2EFfe
  • editorHoverWidget.foreground#4E2F11ce
  • editorHoverWidget.highlightForeground#541B6Bca
  • editorHoverWidget.statusBarBackground#E3DDD6fe
  • editorIndentGuide.activeBackground1#0B3F73fe
  • editorIndentGuide.activeBackground2#0B3F73fe
  • editorIndentGuide.activeBackground3#0A3F73fe
  • editorIndentGuide.activeBackground4#0B3F73fe
  • editorIndentGuide.activeBackground5#063B82fe
  • editorIndentGuide.activeBackground6#163F6Bfe
  • editorIndentGuide.background1#30454735
  • editorIndentGuide.background2#5B3E4635
  • editorIndentGuide.background3#5B3E4635
  • editorIndentGuide.background4#3E473035
  • editorIndentGuide.background5#33334C35
  • editorIndentGuide.background6#37375135
  • editorInfo.background#F4F8F500
  • editorInfo.border#F7F4F800
  • editorInfo.foreground#3C00FAce
  • editorInlayHint.background#E3DDD6fe
  • editorInlayHint.foreground#4E2F11ce
  • editorInlayHint.parameterBackground#E3DDD6fe
  • editorInlayHint.parameterForeground#4E2F11ce
  • editorInlayHint.typeBackground#E3DDD6fe
  • editorInlayHint.typeForeground#4E2F11ce
  • editorLightBulb.foreground#5E4E00ce
  • editorLightBulbAutoFix.foreground#1F5921cb
  • editorLineNumber.activeForeground#29527Bfe
  • editorLineNumber.dimmedForeground#7345186e
  • editorLineNumber.foreground#7345186e
  • editorLink.activeForeground#2F74BAfe
  • editorMarkerNavigation.background#F4F2EFfe
  • editorMarkerNavigationError.background#FFB9FFa9
  • editorMarkerNavigationError.headerBackground#FFB9FFc4
  • editorMarkerNavigationInfo.background#CCCCFFfe
  • editorMarkerNavigationInfo.headerBackground#CCCCFFfe
  • editorMarkerNavigationWarning.background#F9CE00fe
  • editorMarkerNavigationWarning.headerBackground#F9CE00fe
  • editorOverviewRuler.addedForeground#1F5921cb
  • editorOverviewRuler.background#E3DDD6fe
  • editorOverviewRuler.border#D8CFC5fe
  • editorOverviewRuler.bracketMatchForeground#4E2F11ce
  • editorOverviewRuler.commentForeground#7345146e
  • editorOverviewRuler.commentUnresolvedForeground#1F5921cb
  • editorOverviewRuler.commonContentForeground#4E2F11ce
  • editorOverviewRuler.currentContentForeground#4E4E4Eab
  • editorOverviewRuler.deletedForeground#A30000cb
  • editorOverviewRuler.errorForeground#900090ce
  • editorOverviewRuler.findMatchForeground#005959ce
  • editorOverviewRuler.incomingContentForeground#1F5921cb
  • editorOverviewRuler.infoForeground#3C00FAce
  • editorOverviewRuler.modifiedForeground#5E4E00ce
  • editorOverviewRuler.rangeHighlightForeground#303068ca
  • editorOverviewRuler.selectionHighlightForeground#3C00FAce
  • editorOverviewRuler.warningForeground#5E4E00ce
  • editorOverviewRuler.wordHighlightForeground#2F2F70ca
  • editorOverviewRuler.wordHighlightStrongForeground#4E2F11ce
  • editorOverviewRuler.wordHighlightTextForeground#4E2F11ce
  • editorPane.background#E3DDD6fe
  • editorRuler.foreground#624A333e
  • editorStickyScroll.background#E3DDD6fe
  • editorStickyScrollHover.background#D8CFC56e
  • editorSuggestWidget.background#F4F2EFfe
  • editorSuggestWidget.border#F6F8F400
  • editorSuggestWidget.focusHighlightForeground#07454Dfe
  • editorSuggestWidget.foreground#56087Efe
  • editorSuggestWidget.highlightForeground#1A3D20ca
  • editorSuggestWidget.selectedBackground#94B3B782
  • editorSuggestWidget.selectedForeground#2C3B16ca
  • editorSuggestWidget.selectedIconForeground#6C0D2Cca
  • editorSuggestWidgetStatus.foreground#2F2F6Bfe
  • editorUnicodeHighlight.background#BD9EA8ad
  • editorUnicodeHighlight.border#F4F2EFfe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F8F4F500
  • editorWarning.border#F6F8F400
  • editorWarning.foreground#5E4E00ce
  • editorWhitespace.foreground#4E2F11ce
  • editorWidget.background#F4F2EFfe
  • editorWidget.border#F4F2EFfe
  • editorWidget.foreground#4E2F11ce
  • editorWidget.resizeBorder#F4F2EFfe
  • errorForeground#900090ce
  • extensionBadge.remoteBackground#2D67A2fe
  • extensionBadge.remoteForeground#F1EEEAfe
  • extensionButton.background#D8CEC6ae
  • extensionButton.foreground#4E2F11ce
  • extensionButton.hoverBackground#D8CEC56e
  • extensionButton.prominentBackground#E3DDD6fe
  • extensionButton.prominentForeground#4E2F11ce
  • extensionButton.prominentHoverBackground#E3DDD6fe
  • extensionButton.separator#F8F6F400
  • extensionIcon.preReleaseForeground#2E2E6Efe
  • extensionIcon.sponsorForeground#541B6Bfe
  • extensionIcon.starForeground#4E2C36fe
  • extensionIcon.verifiedForeground#443325fe
  • focusBorder#F6F8F400
  • foreground#4E2F11ce
  • gitDecoration.addedResourceForeground#1F5921cb
  • gitDecoration.deletedResourceForeground#A30000cb
  • gitDecoration.modifiedResourceForeground#5E4E00ce
  • gitDecoration.renamedResourceForeground#3C00FAce
  • gitDecoration.stageDeletedResourceForeground#A30000cb
  • gitDecoration.stageModifiedResourceForeground#1F5921cb
  • gitDecoration.untrackedResourceForeground#005959ce
  • icon.foreground#68492Aae
  • inlineChat.background#DACDDDca
  • inlineChat.border#C1D6C6ca
  • inlineChat.regionHighlight#23291Bca
  • inlineChat.shadow#1E1417ca
  • inlineChatDiff.inserted#1f1a15ca
  • inlineChatDiff.removed#15151Fca
  • inlineChatInput.background#11191Aca
  • inlineChatInput.border#C1D3D6ca
  • inlineChatInput.focusBorder#F8F6F400
  • inlineChatInput.placeholderForeground#143E1Eca
  • input.background#F4F2EFfe
  • input.border#F4F2EFfe
  • input.foreground#4E2F11ce
  • input.placeholderForeground#4C403365
  • inputOption.activeBackground#F4F2EFfe
  • inputOption.activeBorder#F4F2EFfe
  • inputOption.activeForeground#2F74BAfe
  • inputOption.hoverBackground#F4F2EFfe
  • inputValidation.errorBackground#670067b7
  • inputValidation.errorBorder#FFB9FFa3
  • inputValidation.errorForeground#900090ce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#F4F2EFfe
  • inputValidation.infoForeground#4E2F11ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#F4F2EFfe
  • inputValidation.warningForeground#5E4E00ce
  • interactive.activeCodeBorder#F4F2EFfe
  • interactive.inactiveCodeBorder#D7CFC595
  • keybindingLabel.background#E3DDD6fe
  • keybindingLabel.border#F4F2EFfe
  • keybindingLabel.bottomBorder#F4F2EFfe
  • keybindingLabel.foreground#4E2F11ce
  • keybindingTable.headerBackground#E3DDD6fe
  • keybindingTable.rowsBackground#E3DDD6fe
  • list.activeSelectionBackground#80A98886
  • list.activeSelectionForeground#143E1Eca
  • list.activeSelectionIconForeground#580B79ca
  • list.deemphasizedForeground#4E2F11ce
  • list.dropBackground#E3DDD6fe
  • list.errorForeground#900090ce
  • list.filterMatchBackground#E3DDD6fe
  • list.filterMatchBorder#F4F2EFfe
  • list.focusAndSelectionOutline#F4F4F800
  • list.focusBackground#D2C7BD97
  • list.focusForeground#2D67A2fe
  • list.focusHighlightForeground#0707D0fe
  • list.focusOutline#F4F7F800
  • list.highlightForeground#56087Eca
  • list.hoverBackground#DCCCD1aa
  • list.hoverForeground#2B5B8Afe
  • list.inactiveFocusBackground#D2C7BD94
  • list.inactiveFocusOutline#F4F7F800
  • list.inactiveSelectionBackground#F1EEEAae
  • list.inactiveSelectionForeground#4C403365
  • list.inactiveSelectionIconForeground#4C403365
  • list.invalidItemForeground#4E2F11ce
  • list.warningForeground#5E4E00ce
  • listFilterWidget.background#E3DDD6fe
  • listFilterWidget.noMatchesOutline#F7F4F800
  • listFilterWidget.outline#F8F6F400
  • listFilterWidget.shadow#F7F4F800
  • menu.background#F1EEEAfe
  • menu.border#F7F4F800
  • menu.foreground#4E3013ae
  • menu.selectionBackground#D5C2C8a9
  • menu.selectionBorder#F4F7F800
  • menu.selectionForeground#2D67A2fe
  • menu.separatorBackground#D8CFC565
  • menubar.selectionBackground#CFB8BFa9
  • menubar.selectionBorder#F8F4F500
  • menubar.selectionForeground#2E70B2fe
  • merge.border#F4F2EFfe
  • merge.commonContentBackground#E3DDD6fe
  • merge.commonHeaderBackground#E3DDD6fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#AEDCB0fb
  • merge.incomingContentBackground#AEDCB0cb
  • merge.incomingHeaderBackground#AEDCB0fb
  • mergeEditor.change.background#E3DDD6fe
  • mergeEditor.change.word.background#E3DDD6fe
  • mergeEditor.changeBase.background#E3DDD6fe
  • mergeEditor.changeBase.word.background#E3DDD6fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#F4F2EFfe
  • mergeEditor.conflict.handledUnfocused.border#DCD4CC28
  • mergeEditor.conflict.input1.background#F4F2EFfe
  • mergeEditor.conflict.input2.background#F4F2EFfe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067a4
  • mergeEditor.conflict.unhandledFocused.border#F4F2EFfe
  • mergeEditor.conflict.unhandledUnfocused.border#D9D0C727
  • mergeEditor.conflictingLines.background#E3DDD6fe
  • minimap.background#E3DDD6fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0E0C0Ace
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1A5C1Dfb
  • minimapGutter.deletedBackground#A40000fb
  • minimapGutter.modifiedBackground#5E4E00ce
  • minimapSlider.activeBackground#9B846Cfe
  • minimapSlider.background#C1B2A3ae
  • minimapSlider.hoverBackground#AC99856e
  • notebook.cellBorderColor#F4F2EFfe
  • notebook.cellEditorBackground#E3DDD6fe
  • notebook.cellHoverBackground#E3DDD6fe
  • notebook.cellInsertionIndicator#141E1Eca
  • notebook.cellStatusBarItemHoverBackground#E3DDD6fe
  • notebook.cellToolbarSeparator#111A13ca
  • notebook.editorBackground#E3DDD6fe
  • notebook.focusedCellBackground#E3DDD6fe
  • notebook.focusedCellBorder#2D639Afe
  • notebook.focusedEditorBorder#F4F2EFfe
  • notebook.inactiveFocusedCellBorder#987F678e
  • notebook.inactiveSelectedCellBorder#987F678e
  • notebook.outputContainerBackgroundColor#E3DDD6fe
  • notebook.outputContainerBorderColor#F4F2EFfe
  • notebook.selectedCellBackground#E3DDD6fe
  • notebook.selectedCellBorder#F4F2EFfe
  • notebook.symbolHighlightBackground#E3DDD6fe
  • notebookEditorOverviewRuler.runningCellForeground#4E2F11ce
  • notebookScrollbarSlider.activeBackground#9F8871fe
  • notebookScrollbarSlider.background#BAAA99ae
  • notebookScrollbarSlider.hoverBackground#AC99856e
  • notebookStatusErrorIcon.foreground#900090ce
  • notebookStatusRunningIcon.foreground#2C4042fe
  • notebookStatusSuccessIcon.foreground#1F5921cb
  • notificationCenter.border#F4F2EFfe
  • notificationCenterHeader.background#E3DDD6fe
  • notificationCenterHeader.foreground#4E2F11ce
  • notificationLink.foreground#4E2F11ce
  • notifications.background#E3DDD6fe
  • notifications.border#F4F2EFfe
  • notifications.foreground#4E2F11ce
  • notificationsErrorIcon.foreground#900090ce
  • notificationsInfoIcon.foreground#6C0E2Afe
  • notificationsWarningIcon.foreground#5E4E00ce
  • notificationToast.border#F4F2EFfe
  • panel.background#E3DDD6fe
  • panel.border#F4F2EFfe
  • panel.dropBorder#F4F2EFfe
  • panelInput.border#F4F2EFfe
  • panelSection.border#F4F2EFfe
  • panelSection.dropBackground#E3DDD6fe
  • panelSectionHeader.background#E3DDD6fe
  • panelSectionHeader.border#F4F2EFfe
  • panelSectionHeader.foreground#4E2F11ce
  • panelTitle.activeBorder#F4F4F800
  • panelTitle.activeForeground#023E76fe
  • panelTitle.inactiveForeground#4C403365
  • peekView.border#0B3F73fe
  • peekViewEditor.background#F4F2EFfe
  • peekViewEditor.matchHighlightBackground#99A9808d
  • peekViewEditor.matchHighlightBorder#F8F4F500
  • peekViewEditorGutter.background#F4F2EFfe
  • peekViewEditorStickyScroll.background#E3DDD6fe
  • peekViewResult.background#F1EEEAfe
  • peekViewResult.fileForeground#4E2F11ce
  • peekViewResult.lineForeground#4E2F11ce
  • peekViewResult.matchHighlightBackground#99BAA08c
  • peekViewResult.selectionBackground#B38F9A8c
  • peekViewResult.selectionForeground#163E22ca
  • peekViewTitle.background#F1EEEAfe
  • peekViewTitleDescription.foreground#4E2F11ce
  • peekViewTitleLabel.foreground#4E2F11ce
  • pickerGroup.border#F4F2EFfe
  • pickerGroup.foreground#4E2F11ce
  • ports.iconRunningProcessForeground#6C0E2Afe
  • problemsErrorIcon.foreground#900090ce
  • problemsInfoIcon.foreground#3C00FAce
  • problemsWarningIcon.foreground#5E4E00ce
  • profileBadge.background#29527Bfe
  • profileBadge.foreground#F1EEEAfe
  • progressBar.background#E3DDD6fe
  • quickInput.background#F1EEEAfe
  • quickInput.foreground#4E3013ae
  • quickInputList.focusBackground#8F8FB3a1
  • quickInputList.focusForeground#2F74BAfe
  • quickInputList.focusIconForeground#2A5682fe
  • quickInputTitle.background#F4F2EFfe
  • sash.hoverBorder#F4F2EFfe
  • scrollbar.shadow#F8F4F500
  • scrollbarSlider.activeBackground#A28C76fe
  • scrollbarSlider.background#BDAE9Eae
  • scrollbarSlider.hoverBackground#B3A18F6e
  • search.resultsInfoForeground#4E2F11ce
  • searchEditor.findMatchBackground#8AACB0a6
  • searchEditor.findMatchBorder#F4F2EFfe
  • searchEditor.textInputBorder#F4F2EFfe
  • selection.background#E3DDD6fe
  • settings.checkboxBackground#F4F2EFfe
  • settings.checkboxBorder#F4F2EFfe
  • settings.checkboxForeground#4E2F11ce
  • settings.dropdownBackground#F4F2EFfe
  • settings.dropdownBorder#F4F2EFfe
  • settings.dropdownForeground#4E2F11ce
  • settings.dropdownListBorder#F4F2EFfe
  • settings.focusedRowBackground#B38F9A83
  • settings.focusedRowBorder#F4F2EFfe
  • settings.headerBorder#F4F2EFfe
  • settings.headerForeground#4E2F11ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#F4F2EFfe
  • settings.numberInputBorder#F4F2EFfe
  • settings.numberInputForeground#4E2F11ce
  • settings.rowHoverBackground#E3DDD6fe
  • settings.sashBorder#F4F2EFfe
  • settings.settingsHeaderHoverForeground#2E6CAAfe
  • settings.textInputBackground#F4F2EFfe
  • settings.textInputBorder#F4F2EFfe
  • settings.textInputForeground#4E2F11ce
  • sideBar.background#E3DDD6fe
  • sideBar.border#F4F2EFfe
  • sideBar.dropBackground#E3DDD6fe
  • sideBar.foreground#68492Aae
  • sideBarSectionHeader.background#F4F4F800
  • sideBarSectionHeader.border#F4F2EFfe
  • sideBarSectionHeader.foreground#4E2F11ce
  • sideBarTitle.foreground#4E2F11ce
  • sideBySideEditor.horizontalBorder#F4F2EFfe
  • sideBySideEditor.verticalBorder#F4F2EFfe
  • simpleFindWidget.sashBorder#F4F2EFfe
  • statusBar.background#F1EEEAfe
  • statusBar.border#F4F2EFfe
  • statusBar.debuggingBackground#FFB9FFad
  • statusBar.debuggingBorder#F4F2EFfe
  • statusBar.debuggingForeground#4E2F11ce
  • statusBar.focusBorder#F4F4F800
  • statusBar.foreground#7345186e
  • statusBar.noFolderBackground#F1EEEAfe
  • statusBar.noFolderBorder#F4F2EFfe
  • statusBar.noFolderForeground#4E2F11ce
  • statusBarItem.activeBackground#F1EEEAfe
  • statusBarItem.compactHoverBackground#F1EEEAfe
  • statusBarItem.errorBackground#FFB9FFa2
  • statusBarItem.errorForeground#900090ce
  • statusBarItem.errorHoverBackground#FFB9FF9c
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#F8F4F500
  • statusBarItem.hoverBackground#F1EEEAfe
  • statusBarItem.hoverForeground#2A5682fe
  • statusBarItem.offlineBackground#F1EEEAfe
  • statusBarItem.offlineForeground#4E2F11ce
  • statusBarItem.offlineHoverBackground#F1EEEAfe
  • statusBarItem.offlineHoverForeground#2C5F92fe
  • statusBarItem.prominentBackground#F1EEEAfe
  • statusBarItem.prominentForeground#4E2F11ce
  • statusBarItem.prominentHoverBackground#F1EEEAfe
  • statusBarItem.prominentHoverForeground#2C5F92fe
  • statusBarItem.remoteBackground#284E73fe
  • statusBarItem.remoteForeground#F1EEEAfe
  • statusBarItem.remoteHoverBackground#F1EEEAfe
  • statusBarItem.remoteHoverForeground#2B5B8Afe
  • statusBarItem.warningBackground#F9CE00fe
  • statusBarItem.warningForeground#5E4E00ce
  • statusBarItem.warningHoverBackground#F9CE00fe
  • statusBarItem.warningHoverForeground#967C00ce
  • symbolIcon.arrayForeground#2F2F70fe
  • symbolIcon.booleanForeground#005959ce
  • symbolIcon.classForeground#143D42fe
  • symbolIcon.colorForeground#432E4Cfe
  • symbolIcon.constantForeground#6C0F2Bfe
  • symbolIcon.constructorForeground#5B0D6Ffe
  • symbolIcon.enumeratorForeground#313164fe
  • symbolIcon.enumeratorMemberForeground#4E2C36fe
  • symbolIcon.eventForeground#253D05fe
  • symbolIcon.fieldForeground#6C0F2Bfe
  • symbolIcon.fileForeground#2D3A1Afe
  • symbolIcon.folderForeground#1A3B42fe
  • symbolIcon.functionForeground#5B0D6Ffe
  • symbolIcon.interfaceForeground#463322fe
  • symbolIcon.keyForeground#68162Afe
  • symbolIcon.keywordForeground#493113fe
  • symbolIcon.methodForeground#213C25fe
  • symbolIcon.moduleForeground#133C41fe
  • symbolIcon.namespaceForeground#49321Afe
  • symbolIcon.nullForeground#6C0D2Cfe
  • symbolIcon.numberForeground#493113fe
  • symbolIcon.objectForeground#163C3Cfe
  • symbolIcon.operatorForeground#46321Efe
  • symbolIcon.packageForeground#4E2F0Ffe
  • symbolIcon.propertyForeground#313924fe
  • symbolIcon.referenceForeground#163E22fe
  • symbolIcon.snippetForeground#631C30fe
  • symbolIcon.stringForeground#2D3B17fe
  • symbolIcon.structForeground#482A57fe
  • symbolIcon.textForeground#4C2E38fe
  • symbolIcon.typeParameterForeground#2C4042fe
  • symbolIcon.unitForeground#1E3A3Ffe
  • symbolIcon.variableForeground#133C41fe
  • tab.activeBackground#EDE9E5fe
  • tab.activeBorder#F8F4F500
  • tab.activeBorderTop#0A3F73fe
  • tab.activeForeground#163F6Bfe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F4F7F800
  • tab.hoverBackground#80364Ea2
  • tab.hoverBorder#F4F2EFfe
  • tab.hoverForeground#2E70B2fe
  • tab.inactiveBackground#D8CFC69d
  • tab.inactiveForeground#5B4C3E65
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#F4F2EFfe
  • tab.unfocusedActiveBackground#DCD4CC25
  • tab.unfocusedActiveBorder#F4F7F800
  • tab.unfocusedActiveBorderTop#D9CFC765
  • tab.unfocusedActiveForeground#4C403365
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#614A342a
  • tab.unfocusedHoverBorder#D9D0C726
  • tab.unfocusedHoverForeground#51443765
  • tab.unfocusedInactiveBackground#CBBFB397
  • tab.unfocusedInactiveForeground#56483A65
  • tab.unfocusedInactiveModifiedBorder#ffd611ce
  • terminal.ansiBlack#0c0c0cfe
  • terminal.ansiBlue#1b1bfffe
  • terminal.ansiBrightBlack#333333c8
  • 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#670067cb
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cecece9e
  • terminal.ansiYellow#c4a200fe
  • terminal.background#E3DDD6fe
  • terminal.border#F4F2EFfe
  • terminal.dropBackground#E3DDD6fe
  • terminal.findMatchBackground#E3DDD6fe
  • terminal.findMatchBorder#F4F2EFfe
  • terminal.findMatchHighlightBackground#E3DDD6fe
  • terminal.findMatchHighlightBorder#F4F2EFfe
  • terminal.foreground#68492Aae
  • terminal.hoverHighlightBackground#E3DDD6fe
  • terminal.inactiveSelectionBackground#D5CCC294
  • terminal.selectionBackground#99A98082
  • terminal.selectionForeground#303068ca
  • terminal.tab.activeBorder#163F6Bfe
  • terminalCommandDecoration.defaultBackground#395356ad
  • terminalCommandDecoration.errorBackground#A30000cb
  • terminalCommandDecoration.successBackground#1F5921cb
  • terminalCursor.background#E3DDD6fe
  • terminalCursor.foreground#29527Bfe
  • terminalOverviewRuler.cursorForeground#4E2F11ce
  • terminalOverviewRuler.findMatchForeground#005959ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0ba
  • testing.iconUnset#808080c1
  • testing.message.error.decorationForeground#12508Efe
  • testing.message.error.lineBackground#FFB9FFa9
  • testing.message.info.decorationForeground#12508Efe
  • testing.message.info.lineBackground#CCCCFFfe
  • testing.peekBorder#F4F2EFfe
  • testing.peekHeaderBackground#E3DDD6fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#E3DDD6fe
  • textBlockQuote.border#F4F2EFfe
  • textCodeBlock.background#E3DDD6fe
  • textLink.activeForeground#2A5682fe
  • textLink.foreground#3C00FAce
  • textPreformat.foreground#4E2F11ce
  • textSeparator.foreground#4E2F11ce
  • titleBar.activeBackground#F1EEEAfe
  • titleBar.activeForeground#5A3511ae
  • titleBar.border#F8F4F500
  • titleBar.inactiveBackground#D9D0C7db
  • titleBar.inactiveForeground#5B4C3E65
  • toolbar.activeBackground#CAD3BD83
  • toolbar.hoverBackground#E3DDD6fe
  • toolbar.hoverOutline#F8F6F400
  • tree.inactiveIndentGuidesStroke#5B446535
  • tree.indentGuidesStroke#0D5094fe
  • tree.tableColumnsBorder#F4F2EFfe
  • tree.tableOddRowsBackground#E3DDD6fe
  • walkThrough.embeddedEditorBackground#E3DDD6fe
  • walkthrough.stepTitle.foreground#4E2F11ce
  • welcomePage.background#E3DDD6fe
  • welcomePage.progress.background#E3DDD6fe
  • welcomePage.progress.foreground#4E2F11ce
  • welcomePage.tileBackground#E3DDD6fe
  • welcomePage.tileBorder#F4F2EFfe
  • welcomePage.tileHoverBackground#E3DDD6fe
  • widget.border#F4F2EFfe
  • widget.shadow#F6F8F400
  • window.activeBorder#F4F2EFfe
  • window.inactiveBorder#D7CFC593

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#402A146e
comment.block.html#422A126e
comment.block.java#3E2B136e
comment.block.javadoc.java#402A146e
comment.block.powershell#402A146e
comment.block.xml#412A136e
comment.line.double-slash.c#402A146e
comment.line.double-slash.cpp#422A126e
comment.line.double-slash.java#402A146e
comment.line.double-slash.js#402A146e
comment.line.number-sign.makefile#412A136e
comment.line.number-sign.python#3E2B136e
comment.line.number-sign.yaml#402A146e
comment.line.percentage.erlang#412A136e
comment.line.powershell#402A146e
comment.source.cmake#3E2B136e
comment.source.cmakecache#422A126e
constant.character#02458Ade
constant.character.character-class.regexp#50450Ede
constant.character.escape#541C1Cde
constant.character.set.regexp#4E1C43de
constant.language#502020de
constant.numeric#352F06de
constant.numeric.dec.python#28491Ede
constant.other.caps.python#0E3704de
constant.other.character-class.regexp#4F460Fde
constant.other.character-class.set.regexp#02458Ade
constant.other.color.rgb-value#50450Ede
constant.other.placeholder#1D500Fde
constant.other.rgb-value#352F06de
constant.regexp#34206Bde
constant.sha.git-rebase#561047de
emphasis#5E2424de
entity.name.class#361977de
entity.name.function#115035de
entity.name.function.preprocessor#35245Fde
entity.name.function.python#0A5031de
entity.name.label#353118de
entity.name.namespace#0F2F58de
entity.name.operator#600E0Ede
entity.name.operator.custom-literal#0F3803de
entity.name.scope-resolution#49431Ede
entity.name.tag#342F13de
entity.name.tag.css#5D0049de
entity.name.type#24415Edebold
entity.name.variable#50450Ede
entity.other.attribute#352263de
entity.other.attribute-name#18304Ade
entity.other.attribute-name.class.css#652525de
entity.other.attribute-name.class.mixin.css#103050de
entity.other.attribute-name.id#362166de
entity.other.attribute-name.id.css#1E4937de
entity.other.attribute-name.parent-selector.css#310B8Ede
entity.other.attribute-name.pseudo-class.css#24415Ede
entity.other.attribute-name.pseudo-element.css#572222de
entity.other.attribute-name.scss#361977de
entity.other.document.begin.yaml#402A146e
entity.other.inherited-class#561147de
header#5B1515de
invalid#652525de
keyword#12304Edebold
keyword.codetag.notation.python#504609debold
keyword.control#35245Fdebold
keyword.control.anchor.regexp#541C1Cdebold
keyword.control.import.python#580F43debold
keyword.operator#361C73debold
keyword.operator.alignas#331285debold
keyword.operator.alignof#1A3C2Ddebold
keyword.operator.cast#16360Edebold
keyword.operator.delete#561A1Adebold
keyword.operator.documentation.powershell#3E2B136ebold
keyword.operator.expression#254565debold
keyword.operator.instanceof#361C73debold
keyword.operator.logical.python#033059debold
keyword.operator.minus.exponent#254565debold
keyword.operator.negation.regexp#1B3147debold
keyword.operator.new#502020debold
keyword.operator.noexcept#4E1C43debold
keyword.operator.or.regexp#043721debold
keyword.operator.plus.exponent#1D3045debold
keyword.operator.quantifier.regexp#50450Edebold
keyword.operator.sizeof#1D500Fdebold
keyword.operator.typeid#0B5032debold
keyword.operator.wordlike#342F12debold
keyword.other.operator#1E5011debold
keyword.other.package.java#342F12debold
keyword.other.unit#352F06debold
keyword.other.using#5B1515debold
markup.bold#561047de
markup.changed#34206Bde
markup.deleted#57224Bde
markup.fenced_code.block.markdown#561047de
markup.heading#0F2F58de
markup.inline.raw#0F2F58de
markup.inserted#5F0F0Fde
markup.italic#1D500Fde
markup.raw.block.markdown#5F0F0Fde
markup.strikethrough#49431Ede
markup.underline#1A3C2Dde
meta.block.c#4F460Fde
meta.block.c#361C73de
meta.class.java#6C275Dde
meta.definition.variable.name#1E5011de
meta.diff.header#203850de
meta.embedded#650101de
meta.embedded.assembly#1E3518de
meta.function-call.arguments.python#125035de
meta.function-call.python#123526de
meta.member.access.python#193512de
meta.method.java#3A276Cde
meta.object-literal.key#25421Dde
meta.paragraph.markdown#331285de
meta.preprocessor#125035de
meta.preprocessor.numeric#1A500Bde
meta.preprocessor.string#1E3518de
meta.scope.prerequisites.makefile#033059de
meta.structure.dictionary.json.comments#402A146e
meta.structure.dictionary.key.python#115035de
meta.structure.dictionary.value.json.comments#422A126e
meta.template.expression#650101de
meta.type.cast.expr#34206Bdebold
meta.type.new.expr#254565debold
parameter#580F43de
punctuation.character.set.begin.regexp#0E5033de
punctuation.character.set.end.regexp#4F1A44de
punctuation.definition.array.begin.json#1A3146de
punctuation.definition.character-class.regexp#342F13de
punctuation.definition.comment#422A126e
punctuation.definition.comment.json.comments#3E2B136e
punctuation.definition.comment.python#402A146e
punctuation.definition.dictionary.begin.json#1B500Ede
punctuation.definition.dictionary.end.json#0A5031de
punctuation.definition.group.assertion.regexp#561147de
punctuation.definition.group.regexp#24415Ede
punctuation.definition.list.begin.json#5F0F0Fde
punctuation.definition.list.begin.markdown#28491Ede
punctuation.definition.list.begin.python#572222de
punctuation.definition.list.end.json#254565de
punctuation.definition.list.end.markdown#1E4937de
punctuation.definition.list.end.python#561A1Ade
punctuation.definition.parameters.begin.python#511845de
punctuation.definition.parameters.end.bracket.round.java#49431Ede
punctuation.definition.quote.begin.markdown#310B8Ede
punctuation.definition.tag#1A500Bde
punctuation.definition.template-expression.begin#35245Fde
punctuation.definition.template-expression.end#1E5011de
punctuation.section.class.begin.bracket.curly.java#1D500Fde
punctuation.section.embedded#28491Ede
punctuation.section.embedded.begin.php#3C371Ade
punctuation.section.embedded.end.php#1D3045de
punctuation.terminator.java#352263de
source.cmake#50460Bde
source.coffee.embedded#4F460Fde
source.cpp#183529de
source.css.less#16360Ede
source.groovy.embedded#35245Fde
source.java#1E5011de
source.java-properties#372565de
source.json.comments#422A126e
source.makefile#3C371Ade
source.powershell#183529de
source.powershell.variable.other.member#24415Ede
source.python#1D500Fde
storage#193512de
storage.modifier#223C1Ade
storage.modifier.import.java#310991de
storage.modifier.package.java#1A3C2Dde
storage.type#1E3518debold
storage.type.annotation.groovy#652557debold
storage.type.annotation.java#5F0F0Fdebold
storage.type.boolean.go#34206Bdebold
storage.type.byte.go#34206Bdebold
storage.type.cs#352361debold
storage.type.error.go#0B5032debold
storage.type.generic.cs#732828debold
storage.type.generic.groovy#521F1Fdebold
storage.type.generic.java#193512debold
storage.type.groovy#34206Bdebold
storage.type.java#033059debold
storage.type.modifier.cs#033822debold
storage.type.numeric.go#581818debold
storage.type.object.array.groovy#033059debold
storage.type.object.array.java#352263debold
storage.type.parameters.groovy#4F4611debold
storage.type.primitive.array.groovy#581818debold
storage.type.primitive.array.java#12304Edebold
storage.type.primitive.groovy#12304Edebold
storage.type.primitive.java#352361debold
storage.type.rune.go#3C371Adebold
storage.type.string.go#0E3624debold
storage.type.token.java#1F5012debold
storage.type.uintptr.go#1A3513debold
storage.type.variable.cs#650101debold
string#5E2451de
string.quoted.docstring.multi.python#3E2B136e
string.regexp#1B500Ede
string.tag#185109de
string.value#5E2451de
strong#362166de
support.class#1B3147de
support.constant.color#561047de
support.constant.dom#6C2727de
support.constant.font-name#203850de
support.constant.handlebars#342F13de
support.constant.json#531545de
support.constant.math#502020de
support.constant.media#4F1A44de
support.constant.media-type#50450Edebold
support.constant.property-value#02458Ade
support.function#423D1Dde
support.function.git-rebase#531545de
support.other.parenthesis.regexp#1A3C2Dde
support.type#1D4232debold
support.type.property-name#223C57debold
support.type.vendored.property-name#581818debold
support.variable#1D3045de
token.debug-token#352F06de
token.error-token#0A5031de
token.info-token#34245Ede
token.warn-token#531545de
variable#123526de
variable.css#4F460Fde
variable.language#561047de
variable.language.wildcard.java#352361de
variable.other.constant#4F1A44de
variable.other.definition.java#504609de
variable.other.enummember#35245Fde
variable.other.less#0E3704de
variable.other.object.java#310B8Ede
variable.other.object.property.java#0F2F58de
variable.parameter.c#34245Ede
variable.parameter.function.language.python#0E5033de
variable.parameter.java#5D0348de
variable.scss#4F460Fde