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#D6DEE3fe
  • activityBar.activeBackground#D6DEE3fe
  • activityBar.activeBorder#0A1CBFfe
  • activityBar.activeFocusBorder#508A3D00
  • activityBar.background#EAEEF1fe
  • activityBar.border#B5676700
  • activityBar.dropBorder#26328Efe
  • activityBar.foreground#263390fe
  • activityBar.inactiveForeground#3E4F5B65
  • activityBarBadge.background#28359Efe
  • activityBarBadge.foreground#EAEEF1fe
  • badge.background#293AB7fe
  • badge.foreground#EAEEF1fe
  • banner.background#D6DEE3fe
  • banner.foreground#0E3760ce
  • banner.iconForeground#392281fe
  • breadcrumb.activeSelectionForeground#153850ca
  • breadcrumb.background#E5EAEDfe
  • breadcrumb.focusForeground#293BBFfe
  • breadcrumb.foreground#10375Eae
  • breadcrumbPicker.background#D6DEE3fe
  • button.background#A3B5C1ae
  • button.border#F8F4F700
  • button.foreground#0E3760ce
  • button.hoverBackground#859DAC6e
  • button.secondaryBackground#D6DEE3fe
  • button.secondaryForeground#0E3760ce
  • button.secondaryHoverBackground#D6DEE3fe
  • button.separator#F5F8F400
  • charts.blue#1b1bfffe
  • charts.foreground#0E3760ce
  • charts.green#39853dfb
  • charts.lines#0c0c0cfe
  • charts.orange#ffd611ce
  • charts.purple#670067b1
  • charts.red#e60000fb
  • charts.yellow#ffd611ce
  • chat.requestBorder#EFF2F4fe
  • chat.slashCommandBackground#D6DEE3fe
  • chat.slashCommandForeground#0E3760ce
  • checkbox.background#EFF2F4fe
  • checkbox.border#EFF2F4fe
  • checkbox.foreground#0E3760ce
  • checkbox.selectBackground#EFF2F4fe
  • checkbox.selectBorder#EFF2F4fe
  • commandCenter.activeBackground#DBCBCB87
  • commandCenter.activeBorder#EFF2F4fe
  • commandCenter.activeForeground#293BBFfe
  • commandCenter.background#D6DEE3fe
  • commandCenter.border#EFF2F4fe
  • commandCenter.foreground#0E3760ce
  • commandCenter.inactiveBorder#C5D0D79b
  • commandCenter.inactiveForeground#22405465
  • commentsView.resolvedIcon#8acd8dcb
  • commentsView.unresolvedIcon#8acd8dcb
  • contrastActiveBorder#F4F8F600
  • contrastBorder#F8F4F700
  • debugConsole.errorForeground#8F008Fce
  • debugConsole.infoForeground#0E3760ce
  • debugConsole.sourceForeground#0E3760ce
  • debugConsole.warningForeground#5E4E00ce
  • debugConsoleInputIcon.foreground#483103fe
  • debugExceptionWidget.background#FFB9FFa6
  • debugExceptionWidget.border#EFF2F4fe
  • debugIcon.breakpointCurrentStackframeForeground#293A23fe
  • debugIcon.breakpointDisabledForeground#3E4F5B65
  • debugIcon.breakpointForeground#41341Afe
  • debugIcon.breakpointStackframeForeground#173C2Afe
  • debugIcon.breakpointUnverifiedForeground#233A2Ffe
  • debugIcon.continueForeground#223847fe
  • debugIcon.disconnectForeground#5D2222fe
  • debugIcon.pauseForeground#163C2Dfe
  • debugIcon.restartForeground#5A1D4Dfe
  • debugIcon.startForeground#153850fe
  • debugIcon.stepBackForeground#183C29fe
  • debugIcon.stepIntoForeground#293A23fe
  • debugIcon.stepOutForeground#6D0F0Ffe
  • debugIcon.stepOverForeground#233C1Afe
  • debugIcon.stopForeground#1A384Dfe
  • debugTokenExpression.boolean#1B2329ca
  • debugTokenExpression.error#241821ca
  • debugTokenExpression.name#1A1711ca
  • debugTokenExpression.number#1F1C15ca
  • debugTokenExpression.value#17151Fca
  • debugToolBar.background#FFB9FFbe
  • debugToolBar.border#EFF2F4fe
  • debugView.exceptionLabelBackground#DBC9D7ca
  • debugView.exceptionLabelForeground#630F50ca
  • debugView.stateLabelBackground#BED4CAca
  • debugView.stateLabelForeground#1E384Bca
  • debugView.valueChangedHighlight#11161Aca
  • descriptionForeground#0E3760ce
  • diffEditor.border#F5F8F400
  • diffEditor.diagonalFill#000000f5
  • diffEditor.insertedLineBackground#9aff9a31
  • diffEditor.insertedTextBackground#ACDBAEfb
  • diffEditor.insertedTextBorder#F4F6F800
  • diffEditor.move.border#F8F4F400
  • diffEditor.moveActive.border#F4F8F600
  • diffEditor.removedLineBackground#FFBEBE31
  • diffEditor.removedTextBackground#FFBEBEfb
  • diffEditor.removedTextBorder#F4F6F800
  • diffEditor.unchangedCodeBackground#D6DEE3fe
  • diffEditor.unchangedRegionBackground#D6DEE3fe
  • diffEditor.unchangedRegionForeground#0E3760ce
  • diffEditorGutter.insertedLineBackground#9aff9a31
  • diffEditorGutter.removedLineBackground#ff9a9a31
  • diffEditorOverview.insertedForeground#8acd8dcb
  • diffEditorOverview.removedForeground#ff6a6acb
  • disabledForeground#3A4B5665
  • dropdown.background#EFF2F4fe
  • dropdown.border#EFF2F4fe
  • dropdown.foreground#0E3760ce
  • dropdown.listBackground#EFF2F4fe
  • editor.background#D6DEE3fe
  • editor.findMatchBackground#8099A9aa
  • editor.findMatchBorder#EFF2F4fe
  • editor.findMatchHighlightBackground#928AB0a5
  • editor.findMatchHighlightBorder#EFF2F4fe
  • editor.findRangeHighlightBackground#BAB099a6
  • editor.findRangeHighlightBorder#EFF2F4fe
  • editor.focusedStackFrameHighlightBackground#7BA5908d
  • editor.foldBackground#7E3A3Aaa
  • editor.foreground#0E3760ce
  • editor.hoverHighlightBackground#8FA5B3ae
  • editor.inactiveSelectionBackground#AEBDC89b
  • editor.inlineValuesBackground#D6DEE3fe
  • editor.inlineValuesForeground#0E3760ce
  • editor.lineHighlightBackground#B8C5CFb2
  • editor.lineHighlightBorder#F5F4F800
  • editor.linkedEditingBackground#D6DEE3fe
  • editor.rangeHighlightBackground#B1C4A9ab
  • editor.rangeHighlightBorder#EFF2F4fe
  • editor.selectionBackground#BDD2C7a9
  • editor.selectionForeground#1E384Bca
  • editor.selectionHighlightBackground#968FB384
  • editor.selectionHighlightBorder#EFF2F4fe
  • editor.snippetFinalTabstopHighlightBackground#8880A9a8
  • editor.snippetFinalTabstopHighlightBorder#EFF2F4fe
  • editor.snippetTabstopHighlightBackground#8AA1B0ab
  • editor.snippetTabstopHighlightBorder#EFF2F4fe
  • editor.stackFrameHighlightBackground#A99D80a9
  • editor.symbolHighlightBackground#BD9E9Eab
  • editor.symbolHighlightBorder#EFF2F4fe
  • editor.wordHighlightBackground#A3C1B2a7
  • editor.wordHighlightBorder#F4F8F600
  • editor.wordHighlightStrongBackground#ACA185a1
  • editor.wordHighlightStrongBorder#F8F4F400
  • editor.wordHighlightTextBackground#7BA590a4
  • editor.wordHighlightTextBorder#F4F6F800
  • editorBracketHighlight.foreground1#0A0C0Ece
  • editorBracketHighlight.foreground2#0A0C0Ece
  • editorBracketHighlight.foreground3#0A0C0Ece
  • editorBracketHighlight.foreground4#0A0C0Ece
  • editorBracketHighlight.foreground5#0A0C0Ece
  • editorBracketHighlight.foreground6#0A0C0Ece
  • editorBracketHighlight.unexpectedBracket.foreground#0E3760ce
  • editorBracketMatch.background#684646a2
  • editorBracketMatch.border#EFF2F4fe
  • editorBracketPairGuide.activeBackground1#4418E988
  • editorBracketPairGuide.activeBackground2#8B2F2F85
  • editorBracketPairGuide.activeBackground3#441DE58a
  • editorBracketPairGuide.activeBackground4#66445F8e
  • editorBracketPairGuide.activeBackground5#89313187
  • editorBracketPairGuide.activeBackground6#38562A87
  • editorBracketPairGuide.background1#DBCBD8fe
  • editorBracketPairGuide.background2#D2CEDEfe
  • editorBracketPairGuide.background3#C6D1D9fe
  • editorBracketPairGuide.background4#C5D1D8fe
  • editorBracketPairGuide.background5#D4CEC0fe
  • editorBracketPairGuide.background6#BED4CAfe
  • editorCodeLens.foreground#1B53796e
  • editorCommentsWidget.rangeActiveBackground#355162fe
  • editorCommentsWidget.rangeBackground#D6DEE3fe
  • editorCommentsWidget.resolvedBorder#EFF2F4fe
  • editorCommentsWidget.unresolvedBorder#FFBEBEcb
  • editorCursor.background#D6DEE3fe
  • editorCursor.foreground#293AB7fe
  • editorError.background#F4F6F800
  • editorError.border#F8F4F400
  • editorError.foreground#8F008Fce
  • editorGhostText.background#D6DEE3fe
  • editorGhostText.border#F4F8F600
  • editorGhostText.foreground#10537F6e
  • editorGroup.border#EFF2F4fe
  • editorGroup.dropBackground#D6DEE3fe
  • editorGroup.dropIntoPromptBackground#D6DEE3fe
  • editorGroup.dropIntoPromptBorder#EFF2F4fe
  • editorGroup.dropIntoPromptForeground#0E3760ce
  • editorGroup.emptyBackground#D6DEE3fe
  • editorGroup.focusedEmptyBorder#EFF2F4fe
  • editorGroupHeader.border#F8F4F400
  • editorGroupHeader.noTabsBackground#EAEEF1ae
  • editorGroupHeader.tabsBackground#D1DAE0a1
  • editorGroupHeader.tabsBorder#F8F4F400
  • editorGutter.addedBackground#1A5B1Dfb
  • editorGutter.background#D6DEE3fe
  • editorGutter.commentGlyphForeground#0E3760ce
  • editorGutter.commentRangeForeground#0E3760ce
  • editorGutter.commentUnresolvedGlyphForeground#1F5921cb
  • editorGutter.deletedBackground#A30000cb
  • editorGutter.foldingControlForeground#0E3760ce
  • editorGutter.modifiedBackground#5E4E00ce
  • editorHint.border#F4F6F800
  • editorHint.foreground#3C00F8ce
  • editorHoverWidget.background#EFF2F4fe
  • editorHoverWidget.border#EFF2F4fe
  • editorHoverWidget.foreground#0E3760ce
  • editorHoverWidget.highlightForeground#382E61ca
  • editorHoverWidget.statusBarBackground#D6DEE3fe
  • editorIndentGuide.activeBackground1#1226B0fe
  • editorIndentGuide.activeBackground2#263195fe
  • editorIndentGuide.activeBackground3#091FBDfe
  • editorIndentGuide.activeBackground4#091FBDfe
  • editorIndentGuide.activeBackground5#272E98fe
  • editorIndentGuide.activeBackground6#263390fe
  • editorIndentGuide.background1#6A604835
  • editorIndentGuide.background2#3E5B4C35
  • editorIndentGuide.background3#5B523E35
  • editorIndentGuide.background4#60415A35
  • editorIndentGuide.background5#37473035
  • editorIndentGuide.background6#563A5135
  • editorInfo.background#F5F4F800
  • editorInfo.border#F8F4F700
  • editorInfo.foreground#3C00F8ce
  • editorInlayHint.background#D6DEE3fe
  • editorInlayHint.foreground#0E3760ce
  • editorInlayHint.parameterBackground#D6DEE3fe
  • editorInlayHint.parameterForeground#0E3760ce
  • editorInlayHint.typeBackground#D6DEE3fe
  • editorInlayHint.typeForeground#0E3760ce
  • editorLightBulb.foreground#5E4E00ce
  • editorLightBulbAutoFix.foreground#1F5921cb
  • editorLineNumber.activeForeground#253290fe
  • editorLineNumber.dimmedForeground#1653796e
  • editorLineNumber.foreground#1B53796e
  • editorLink.activeForeground#26328Efe
  • editorMarkerNavigation.background#EFF2F4fe
  • editorMarkerNavigationError.background#FFB9FFcb
  • editorMarkerNavigationError.headerBackground#FFB9FFae
  • editorMarkerNavigationInfo.background#CACAFFfe
  • editorMarkerNavigationInfo.headerBackground#CACAFFfe
  • editorMarkerNavigationWarning.background#F6CB00fe
  • editorMarkerNavigationWarning.headerBackground#F6CB00fe
  • editorOverviewRuler.addedForeground#1F5921cb
  • editorOverviewRuler.background#D6DEE3fe
  • editorOverviewRuler.border#C5D0D7fe
  • editorOverviewRuler.bracketMatchForeground#0E3760ce
  • editorOverviewRuler.commentForeground#1653796e
  • editorOverviewRuler.commentUnresolvedForeground#1F5921cb
  • editorOverviewRuler.commonContentForeground#0E3760ce
  • editorOverviewRuler.currentContentForeground#4E4E4Ebc
  • editorOverviewRuler.deletedForeground#A30000cb
  • editorOverviewRuler.errorForeground#8F008Fce
  • editorOverviewRuler.findMatchForeground#005858ce
  • editorOverviewRuler.incomingContentForeground#1F5921cb
  • editorOverviewRuler.infoForeground#3C00F8ce
  • editorOverviewRuler.modifiedForeground#5E4E00ce
  • editorOverviewRuler.rangeHighlightForeground#3C2D60ca
  • editorOverviewRuler.selectionHighlightForeground#3C00F8ce
  • editorOverviewRuler.warningForeground#5E4E00ce
  • editorOverviewRuler.wordHighlightForeground#3C2D60ca
  • editorOverviewRuler.wordHighlightStrongForeground#0E3760ce
  • editorOverviewRuler.wordHighlightTextForeground#0E3760ce
  • editorPane.background#D6DEE3fe
  • editorRuler.foreground#3452633e
  • editorStickyScroll.background#D6DEE3fe
  • editorStickyScrollHover.background#C4D0D76e
  • editorSuggestWidget.background#EFF2F4fe
  • editorSuggestWidget.border#F4F8F600
  • editorSuggestWidget.focusHighlightForeground#7F0808fe
  • editorSuggestWidget.foreground#413413fe
  • editorSuggestWidget.highlightForeground#392C64ca
  • editorSuggestWidget.selectedBackground#B08AA888
  • editorSuggestWidget.selectedForeground#5F174Dca
  • editorSuggestWidget.selectedIconForeground#41341Aca
  • editorSuggestWidgetStatus.foreground#6D0D0Dfe
  • editorUnicodeHighlight.background#B0A48Aa2
  • editorUnicodeHighlight.border#EFF2F4fe
  • editorUnnecessaryCode.border#ffd611ce
  • editorUnnecessaryCode.opacity#ffd611ce
  • editorWarning.background#F4F8F600
  • editorWarning.border#F8F4F700
  • editorWarning.foreground#5E4E00ce
  • editorWhitespace.foreground#0E3760ce
  • editorWidget.background#EFF2F4fe
  • editorWidget.border#EFF2F4fe
  • editorWidget.foreground#0E3760ce
  • editorWidget.resizeBorder#EFF2F4fe
  • errorForeground#8F008Fce
  • extensionBadge.remoteBackground#253290fe
  • extensionBadge.remoteForeground#EAEEF1fe
  • extensionButton.background#C5D0D7ae
  • extensionButton.foreground#0E3760ce
  • extensionButton.hoverBackground#C4D0D76e
  • extensionButton.prominentBackground#D6DEE3fe
  • extensionButton.prominentForeground#0E3760ce
  • extensionButton.prominentHoverBackground#D6DEE3fe
  • extensionButton.separator#F8F7F400
  • extensionIcon.preReleaseForeground#223C17fe
  • extensionIcon.sponsorForeground#522648fe
  • extensionIcon.starForeground#413416fe
  • extensionIcon.verifiedForeground#253845fe
  • focusBorder#F4F6F800
  • foreground#0E3760ce
  • gitDecoration.addedResourceForeground#1F5921cb
  • gitDecoration.deletedResourceForeground#A30000cb
  • gitDecoration.modifiedResourceForeground#5E4E00ce
  • gitDecoration.renamedResourceForeground#3C00F8ce
  • gitDecoration.stageDeletedResourceForeground#A30000cb
  • gitDecoration.stageModifiedResourceForeground#1F5921cb
  • gitDecoration.untrackedResourceForeground#005858ce
  • icon.foreground#2A536Cae
  • inlineChat.background#BFD4CCca
  • inlineChat.border#D2CDDDca
  • inlineChat.regionHighlight#1A1824ca
  • inlineChat.shadow#291B26ca
  • inlineChatDiff.inserted#1B2418ca
  • inlineChatDiff.removed#181F15ca
  • inlineChatInput.background#1F291Bca
  • inlineChatInput.border#C5D0D8ca
  • inlineChatInput.focusBorder#F5F8F400
  • inlineChatInput.placeholderForeground#5A1D4Dca
  • input.background#EFF2F4fe
  • input.border#EFF2F4fe
  • input.foreground#0E3760ce
  • input.placeholderForeground#33424C65
  • inputOption.activeBackground#EFF2F4fe
  • inputOption.activeBorder#EFF2F4fe
  • inputOption.activeForeground#253290fe
  • inputOption.hoverBackground#EFF2F4fe
  • inputValidation.errorBackground#670067b8
  • inputValidation.errorBorder#FFB9FFa3
  • inputValidation.errorForeground#8F008Fce
  • inputValidation.infoBackground#1b1bfffe
  • inputValidation.infoBorder#EFF2F4fe
  • inputValidation.infoForeground#0E3760ce
  • inputValidation.warningBackground#c4a200fe
  • inputValidation.warningBorder#EFF2F4fe
  • inputValidation.warningForeground#5E4E00ce
  • interactive.activeCodeBorder#EFF2F4fe
  • interactive.inactiveCodeBorder#C5D0D896
  • keybindingLabel.background#D6DEE3fe
  • keybindingLabel.border#EFF2F4fe
  • keybindingLabel.bottomBorder#EFF2F4fe
  • keybindingLabel.foreground#0E3760ce
  • keybindingTable.headerBackground#D6DEE3fe
  • keybindingTable.rowsBackground#D6DEE3fe
  • list.activeSelectionBackground#ACA1858c
  • list.activeSelectionForeground#5F174Dca
  • list.activeSelectionIconForeground#621052ca
  • list.deemphasizedForeground#0E3760ce
  • list.dropBackground#D6DEE3fe
  • list.errorForeground#8F008Fce
  • list.filterMatchBackground#D6DEE3fe
  • list.filterMatchBorder#EFF2F4fe
  • list.focusAndSelectionOutline#F4F8F600
  • list.focusBackground#C2CED597
  • list.focusForeground#2837A6fe
  • list.focusHighlightForeground#164704fe
  • list.focusOutline#F5F4F800
  • list.highlightForeground#113857ca
  • list.hoverBackground#BFD3C9aa
  • list.hoverForeground#263390fe
  • list.inactiveFocusBackground#C2CED591
  • list.inactiveFocusOutline#F5F4F800
  • list.inactiveSelectionBackground#EAEEF1ae
  • list.inactiveSelectionForeground#33424C65
  • list.inactiveSelectionIconForeground#3A4B5665
  • list.invalidItemForeground#0E3760ce
  • list.warningForeground#5E4E00ce
  • listFilterWidget.background#D6DEE3fe
  • listFilterWidget.noMatchesOutline#F8F7F400
  • listFilterWidget.outline#F4F8F600
  • listFilterWidget.shadow#F8F4F400
  • menu.background#EAEEF1fe
  • menu.border#F8F4F700
  • menu.foreground#10375Eae
  • menu.selectionBackground#AEC8BBad
  • menu.selectionBorder#F5F4F800
  • menu.selectionForeground#293AB7fe
  • menu.separatorBackground#C6D1D865
  • menubar.selectionBackground#C2D5CCaa
  • menubar.selectionBorder#F8F7F400
  • menubar.selectionForeground#253290fe
  • merge.border#EFF2F4fe
  • merge.commonContentBackground#D6DEE3fe
  • merge.commonHeaderBackground#D6DEE3fe
  • merge.currentContentBackground#9aff9a31
  • merge.currentHeaderBackground#ACDBAEfb
  • merge.incomingContentBackground#ABDBAEcb
  • merge.incomingHeaderBackground#ACDBAEfb
  • mergeEditor.change.background#D6DEE3fe
  • mergeEditor.change.word.background#D6DEE3fe
  • mergeEditor.changeBase.background#D6DEE3fe
  • mergeEditor.changeBase.word.background#D6DEE3fe
  • mergeEditor.conflict.handled.minimapOverViewRuler#39853dfb
  • mergeEditor.conflict.handledFocused.border#EFF2F4fe
  • mergeEditor.conflict.handledUnfocused.border#C7D2D937
  • mergeEditor.conflict.input1.background#EFF2F4fe
  • mergeEditor.conflict.input2.background#EFF2F4fe
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#670067c5
  • mergeEditor.conflict.unhandledFocused.border#EFF2F4fe
  • mergeEditor.conflict.unhandledUnfocused.border#CCD6DC3c
  • mergeEditor.conflictingLines.background#D6DEE3fe
  • minimap.background#D6DEE3fe
  • minimap.errorHighlight#b400b4ce
  • minimap.findMatchHighlight#00a5a5ce
  • minimap.foregroundOpacity#0A0C0Ece
  • minimap.selectionHighlight#1b1bfffe
  • minimap.selectionOccurrenceHighlight#8e6affce
  • minimap.warningHighlight#ffd611ce
  • minimapGutter.addedBackground#1A5B1Dfb
  • minimapGutter.deletedBackground#A30000fb
  • minimapGutter.modifiedBackground#5E4E00ce
  • minimapSlider.activeBackground#7690A2fe
  • minimapSlider.background#9EB1BDae
  • minimapSlider.hoverBackground#859DAC6e
  • notebook.cellBorderColor#EFF2F4fe
  • notebook.cellEditorBackground#D6DEE3fe
  • notebook.cellHoverBackground#D6DEE3fe
  • notebook.cellInsertionIndicator#141E1Aca
  • notebook.cellStatusBarItemHoverBackground#D6DEE3fe
  • notebook.cellToolbarSeparator#1B2922ca
  • notebook.editorBackground#D6DEE3fe
  • notebook.focusedCellBackground#D6DEE3fe
  • notebook.focusedCellBorder#273496fe
  • notebook.focusedEditorBorder#EFF2F4fe
  • notebook.inactiveFocusedCellBorder#6C889B8e
  • notebook.inactiveSelectedCellBorder#7690A28e
  • notebook.outputContainerBackgroundColor#D6DEE3fe
  • notebook.outputContainerBorderColor#EFF2F4fe
  • notebook.selectedCellBackground#D6DEE3fe
  • notebook.selectedCellBorder#EFF2F4fe
  • notebook.symbolHighlightBackground#D6DEE3fe
  • notebookEditorOverviewRuler.runningCellForeground#0E3760ce
  • notebookScrollbarSlider.activeBackground#6C889Bfe
  • notebookScrollbarSlider.background#A3B5C1ae
  • notebookScrollbarSlider.hoverBackground#8FA5B36e
  • notebookStatusErrorIcon.foreground#8F008Fce
  • notebookStatusRunningIcon.foreground#043E21fe
  • notebookStatusSuccessIcon.foreground#1F5921cb
  • notificationCenter.border#EFF2F4fe
  • notificationCenterHeader.background#D6DEE3fe
  • notificationCenterHeader.foreground#0E3760ce
  • notificationLink.foreground#0E3760ce
  • notifications.background#D6DEE3fe
  • notifications.border#EFF2F4fe
  • notifications.foreground#0E3760ce
  • notificationsErrorIcon.foreground#8F008Fce
  • notificationsInfoIcon.foreground#650854fe
  • notificationsWarningIcon.foreground#5E4E00ce
  • notificationToast.border#EFF2F4fe
  • panel.background#D6DEE3fe
  • panel.border#EFF2F4fe
  • panel.dropBorder#EFF2F4fe
  • panelInput.border#EFF2F4fe
  • panelSection.border#EFF2F4fe
  • panelSection.dropBackground#D6DEE3fe
  • panelSectionHeader.background#D6DEE3fe
  • panelSectionHeader.border#EFF2F4fe
  • panelSectionHeader.foreground#0E3760ce
  • panelTitle.activeBorder#F4F6F800
  • panelTitle.activeForeground#021CC1fe
  • panelTitle.inactiveForeground#37475165
  • peekView.border#26328Efe
  • peekViewEditor.background#EFF2F4fe
  • peekViewEditor.matchHighlightBackground#B3A88F87
  • peekViewEditor.matchHighlightBorder#F4F6F800
  • peekViewEditorGutter.background#EFF2F4fe
  • peekViewEditorStickyScroll.background#D6DEE3fe
  • peekViewResult.background#EAEEF1fe
  • peekViewResult.fileForeground#0E3760ce
  • peekViewResult.lineForeground#0E3760ce
  • peekViewResult.matchHighlightBackground#C1A3BB8c
  • peekViewResult.selectionBackground#B794B089
  • peekViewResult.selectionForeground#6D0D0Dca
  • peekViewTitle.background#EAEEF1fe
  • peekViewTitleDescription.foreground#0E3760ce
  • peekViewTitleLabel.foreground#0E3760ce
  • pickerGroup.border#EFF2F4fe
  • pickerGroup.foreground#0E3760ce
  • ports.iconRunningProcessForeground#293D33fe
  • problemsErrorIcon.foreground#8F008Fce
  • problemsInfoIcon.foreground#3C00F8ce
  • problemsWarningIcon.foreground#5E4E00ce
  • profileBadge.background#2837A6fe
  • profileBadge.foreground#EAEEF1fe
  • progressBar.background#D6DEE3fe
  • quickInput.background#EAEEF1fe
  • quickInput.foreground#113855ae
  • quickInputList.focusBackground#A98080ae
  • quickInputList.focusForeground#253290fe
  • quickInputList.focusIconForeground#253290fe
  • quickInputTitle.background#EFF2F4fe
  • sash.hoverBorder#EFF2F4fe
  • scrollbar.shadow#F8F7F400
  • scrollbarSlider.activeBackground#678498fe
  • scrollbarSlider.background#A9B9C4ae
  • scrollbarSlider.hoverBackground#8FA5B36e
  • search.resultsInfoForeground#0E3760ce
  • searchEditor.findMatchBackground#B794B0ac
  • searchEditor.findMatchBorder#EFF2F4fe
  • searchEditor.textInputBorder#EFF2F4fe
  • selection.background#D6DEE3fe
  • settings.checkboxBackground#EFF2F4fe
  • settings.checkboxBorder#EFF2F4fe
  • settings.checkboxForeground#0E3760ce
  • settings.dropdownBackground#EFF2F4fe
  • settings.dropdownBorder#EFF2F4fe
  • settings.dropdownForeground#0E3760ce
  • settings.dropdownListBorder#EFF2F4fe
  • settings.focusedRowBackground#BD9EB787
  • settings.focusedRowBorder#EFF2F4fe
  • settings.headerBorder#EFF2F4fe
  • settings.headerForeground#0E3760ce
  • settings.modifiedItemIndicator#ffd611ce
  • settings.numberInputBackground#EFF2F4fe
  • settings.numberInputBorder#EFF2F4fe
  • settings.numberInputForeground#0E3760ce
  • settings.rowHoverBackground#D6DEE3fe
  • settings.sashBorder#EFF2F4fe
  • settings.settingsHeaderHoverForeground#253290fe
  • settings.textInputBackground#EFF2F4fe
  • settings.textInputBorder#EFF2F4fe
  • settings.textInputForeground#0E3760ce
  • sideBar.background#D6DEE3fe
  • sideBar.border#EFF2F4fe
  • sideBar.dropBackground#D6DEE3fe
  • sideBar.foreground#2A536Cae
  • sideBarSectionHeader.background#F8F4F400
  • sideBarSectionHeader.border#EFF2F4fe
  • sideBarSectionHeader.foreground#0E3760ce
  • sideBarTitle.foreground#0E3760ce
  • sideBySideEditor.horizontalBorder#EFF2F4fe
  • sideBySideEditor.verticalBorder#EFF2F4fe
  • simpleFindWidget.sashBorder#EFF2F4fe
  • statusBar.background#EAEEF1fe
  • statusBar.border#EFF2F4fe
  • statusBar.debuggingBackground#FFB9FFba
  • statusBar.debuggingBorder#EFF2F4fe
  • statusBar.debuggingForeground#0E3760ce
  • statusBar.focusBorder#F5F4F800
  • statusBar.foreground#0D537F6e
  • statusBar.noFolderBackground#EAEEF1fe
  • statusBar.noFolderBorder#EFF2F4fe
  • statusBar.noFolderForeground#0E3760ce
  • statusBarItem.activeBackground#EAEEF1fe
  • statusBarItem.compactHoverBackground#EAEEF1fe
  • statusBarItem.errorBackground#FFB9FFa2
  • statusBarItem.errorForeground#8F008Fce
  • statusBarItem.errorHoverBackground#FFB9FFb6
  • statusBarItem.errorHoverForeground#b400b4ce
  • statusBarItem.focusBorder#F4F6F800
  • statusBarItem.hoverBackground#EAEEF1fe
  • statusBarItem.hoverForeground#263390fe
  • statusBarItem.offlineBackground#EAEEF1fe
  • statusBarItem.offlineForeground#0E3760ce
  • statusBarItem.offlineHoverBackground#EAEEF1fe
  • statusBarItem.offlineHoverForeground#263390fe
  • statusBarItem.prominentBackground#EAEEF1fe
  • statusBarItem.prominentForeground#0E3760ce
  • statusBarItem.prominentHoverBackground#EAEEF1fe
  • statusBarItem.prominentHoverForeground#26328Efe
  • statusBarItem.remoteBackground#2837A6fe
  • statusBarItem.remoteForeground#EAEEF1fe
  • statusBarItem.remoteHoverBackground#EAEEF1fe
  • statusBarItem.remoteHoverForeground#293AB7fe
  • statusBarItem.warningBackground#F6CB00fe
  • statusBarItem.warningForeground#5E4E00ce
  • statusBarItem.warningHoverBackground#F6CB00fe
  • statusBarItem.warningHoverForeground#957B00ce
  • symbolIcon.arrayForeground#043E21fe
  • symbolIcon.booleanForeground#005858ce
  • symbolIcon.classForeground#223C17fe
  • symbolIcon.colorForeground#223C18fe
  • symbolIcon.constantForeground#611251fe
  • symbolIcon.constructorForeground#233C1Afe
  • symbolIcon.enumeratorForeground#3E341Ffe
  • symbolIcon.enumeratorMemberForeground#372F62fe
  • symbolIcon.eventForeground#3E341Ffe
  • symbolIcon.fieldForeground#4A2B44fe
  • symbolIcon.fileForeground#631C1Cfe
  • symbolIcon.folderForeground#153850fe
  • symbolIcon.functionForeground#293A23fe
  • symbolIcon.interfaceForeground#1E384Bfe
  • symbolIcon.keyForeground#382E61fe
  • symbolIcon.keywordForeground#6D0D0Dfe
  • symbolIcon.methodForeground#5D2222fe
  • symbolIcon.moduleForeground#6D0F0Ffe
  • symbolIcon.namespaceForeground#392281fe
  • symbolIcon.nullForeground#611251fe
  • symbolIcon.numberForeground#55224Bfe
  • symbolIcon.objectForeground#1B3D0Efe
  • symbolIcon.operatorForeground#1A384Dfe
  • symbolIcon.packageForeground#393058fe
  • symbolIcon.propertyForeground#522648fe
  • symbolIcon.referenceForeground#6D0D0Dfe
  • symbolIcon.snippetForeground#392281fe
  • symbolIcon.stringForeground#1A3C2Bfe
  • symbolIcon.structForeground#621052fe
  • symbolIcon.textForeground#2C4237fe
  • symbolIcon.typeParameterForeground#512A2Afe
  • symbolIcon.unitForeground#163C2Dfe
  • symbolIcon.variableForeground#2F3D29fe
  • tab.activeBackground#E5EAEDfe
  • tab.activeBorder#F8F7F400
  • tab.activeBorderTop#091FBDfe
  • tab.activeForeground#263195fe
  • tab.activeModifiedBorder#ffd611ce
  • tab.border#F8F7F400
  • tab.hoverBackground#2F5742a1
  • tab.hoverBorder#EFF2F4fe
  • tab.hoverForeground#253290fe
  • tab.inactiveBackground#C5D0D794
  • tab.inactiveForeground#3E4F5B65
  • tab.inactiveModifiedBorder#ffd611ce
  • tab.lastPinnedBorder#EFF2F4fe
  • tab.unfocusedActiveBackground#C7D2D92c
  • tab.unfocusedActiveBorder#F8F4F400
  • tab.unfocusedActiveBorderTop#C5D0D865
  • tab.unfocusedActiveForeground#3A4B5665
  • tab.unfocusedActiveModifiedBorder#ffd611ce
  • tab.unfocusedHoverBackground#33516536
  • tab.unfocusedHoverBorder#CCD6DC36
  • tab.unfocusedHoverForeground#22405465
  • tab.unfocusedInactiveBackground#B8C5CF92
  • tab.unfocusedInactiveForeground#33424C65
  • 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#6700679b
  • terminal.ansiRed#e60000fb
  • terminal.ansiWhite#cececec0
  • terminal.ansiYellow#c4a200fe
  • terminal.background#D6DEE3fe
  • terminal.border#EFF2F4fe
  • terminal.dropBackground#D6DEE3fe
  • terminal.findMatchBackground#D6DEE3fe
  • terminal.findMatchBorder#EFF2F4fe
  • terminal.findMatchHighlightBackground#D6DEE3fe
  • terminal.findMatchHighlightBorder#EFF2F4fe
  • terminal.foreground#2A536Cae
  • terminal.hoverHighlightBackground#D6DEE3fe
  • terminal.inactiveSelectionBackground#B3C1CB94
  • terminal.selectionBackground#A5997B87
  • terminal.selectionForeground#223C14ca
  • terminal.tab.activeBorder#091FBDfe
  • terminalCommandDecoration.defaultBackground#39562Ba2
  • terminalCommandDecoration.errorBackground#A30000cb
  • terminalCommandDecoration.successBackground#1F5921cb
  • terminalCursor.background#D6DEE3fe
  • terminalCursor.foreground#2837A6fe
  • terminalOverviewRuler.cursorForeground#0E3760ce
  • terminalOverviewRuler.findMatchForeground#005858ce
  • testing.iconErrored#b400b4ce
  • testing.iconFailed#ff6a6acb
  • testing.iconPassed#8acd8dcb
  • testing.iconQueued#8e6affce
  • testing.iconSkipped#c0c0c0a5
  • testing.iconUnset#808080c1
  • testing.message.error.decorationForeground#293BBFfe
  • testing.message.error.lineBackground#FFB9FFae
  • testing.message.info.decorationForeground#2837A6fe
  • testing.message.info.lineBackground#CACAFFfe
  • testing.peekBorder#EFF2F4fe
  • testing.peekHeaderBackground#D6DEE3fe
  • testing.runAction#8acd8dcb
  • textBlockQuote.background#D6DEE3fe
  • textBlockQuote.border#EFF2F4fe
  • textCodeBlock.background#D6DEE3fe
  • textLink.activeForeground#28359Efe
  • textLink.foreground#3C00F8ce
  • textPreformat.foreground#0E3760ce
  • textSeparator.foreground#0E3760ce
  • titleBar.activeBackground#EAEEF1fe
  • titleBar.activeForeground#0A3E71ae
  • titleBar.border#F4F8F600
  • titleBar.inactiveBackground#C7D2D9d3
  • titleBar.inactiveForeground#37475165
  • toolbar.activeBackground#C4D3BE81
  • toolbar.hoverBackground#D6DEE3fe
  • toolbar.hoverOutline#F5F4F800
  • tree.inactiveIndentGuidesStroke#4E654435
  • tree.indentGuidesStroke#28359Efe
  • tree.tableColumnsBorder#EFF2F4fe
  • tree.tableOddRowsBackground#D6DEE3fe
  • walkThrough.embeddedEditorBackground#D6DEE3fe
  • walkthrough.stepTitle.foreground#0E3760ce
  • welcomePage.background#D6DEE3fe
  • welcomePage.progress.background#D6DEE3fe
  • welcomePage.progress.foreground#0E3760ce
  • welcomePage.tileBackground#D6DEE3fe
  • welcomePage.tileBorder#EFF2F4fe
  • welcomePage.tileHoverBackground#D6DEE3fe
  • widget.border#EFF2F4fe
  • widget.shadow#F8F4F700
  • window.activeBorder#EFF2F4fe
  • window.inactiveBorder#C5D0D893

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment.block.documentation.c#1231486e—
comment.block.html#11304F6e—
comment.block.java#13304E6e—
comment.block.javadoc.java#1231486e—
comment.block.powershell#11304F6e—
comment.block.xml#1231486e—
comment.line.double-slash.c#12304E6e—
comment.line.double-slash.cpp#11304F6e—
comment.line.double-slash.java#1231486e—
comment.line.double-slash.js#11304F6e—
comment.line.number-sign.makefile#12304E6e—
comment.line.number-sign.python#12304E6e—
comment.line.number-sign.yaml#1231486e—
comment.line.percentage.erlang#13304E6e—
comment.line.powershell#11304F6e—
comment.source.cmake#11304F6e—
comment.source.cmakecache#12304E6e—
constant.character#2E2E2Ede—
constant.character.character-class.regexp#253210de—
constant.character.escape#632377de—
constant.character.set.regexp#194523de—
constant.language#15371Dde—
constant.numeric#084D51de—
constant.numeric.dec.python#1F2865de—
constant.other.caps.python#085119de—
constant.other.character-class.regexp#491758de—
constant.other.character-class.set.regexp#26320Fde—
constant.other.color.rgb-value#253210de—
constant.other.placeholder#5B0E2Bde—
constant.other.rgb-value#3D3D3Dde—
constant.regexp#1F2865de—
constant.sha.git-rebase#354519de—
emphasis#334C07de—
entity.name.class#4E0C63de—
entity.name.function#0A501Bde—
entity.name.function.preprocessor#233307de—
entity.name.function.python#491758de—
entity.name.label#0F3335de—
entity.name.namespace#194245de—
entity.name.operator#0F3335de—
entity.name.operator.custom-literal#521F61de—
entity.name.scope-resolution#173E20de—
entity.name.tag#632377de—
entity.name.tag.css#5D2270de—
entity.name.type#57152Fdebold
entity.name.variable#192573de—
entity.other.attribute#0A4D52de—
entity.other.attribute-name#173C3Ede—
entity.other.attribute-name.class.css#223303de—
entity.other.attribute-name.class.mixin.css#60032Ade—
entity.other.attribute-name.id#2E2E2Ede—
entity.other.attribute-name.id.css#0F3518de—
entity.other.attribute-name.parent-selector.css#471C55de—
entity.other.attribute-name.pseudo-class.css#10501Fde—
entity.other.attribute-name.pseudo-element.css#0C501Cde—
entity.other.attribute-name.scss#68213Ede—
entity.other.document.begin.yaml#1231486e—
entity.other.inherited-class#611F3Ade—
header#491758de—
invalid#104D51de—
keyword#1D2769debold
keyword.codetag.notation.python#541730debold
keyword.control#303E17debold
keyword.control.anchor.regexp#24330Fdebold
keyword.control.import.python#4C115Fdebold
keyword.operator#103335debold
keyword.operator.alignas#03370Fdebold
keyword.operator.alignof#1B4C26debold
keyword.operator.cast#192573debold
keyword.operator.delete#4C115Fdebold
keyword.operator.documentation.powershell#1231486ebold
keyword.operator.expression#582168debold
keyword.operator.instanceof#414141debold
keyword.operator.logical.python#541730debold
keyword.operator.minus.exponent#033438debold
keyword.operator.negation.regexp#343434debold
keyword.operator.new#541730debold
keyword.operator.noexcept#2E2E2Edebold
keyword.operator.or.regexp#0D3335debold
keyword.operator.plus.exponent#194245debold
keyword.operator.quantifier.regexp#091796debold
keyword.operator.sizeof#091796debold
keyword.operator.typeid#2E2E2Edebold
keyword.operator.wordlike#611F3Adebold
keyword.other.operator#0D501Ddebold
keyword.other.package.java#0C501Cdebold
keyword.other.unit#5B0E2Bdebold
keyword.other.using#26320Fdebold
markup.bold#364C0Cde—
markup.changed#2B3715de—
markup.deleted#173E20de—
markup.fenced_code.block.markdown#491758de—
markup.heading#222B70de—
markup.inline.raw#5D2270de—
markup.inserted#2B3715de—
markup.italic#2E2E2Ede—
markup.raw.block.markdown#3D3D3Dde—
markup.strikethrough#5A1E37de—
markup.underline#233307de—
meta.block.c#0D501Dde—
meta.block.c#4D0D61de—
meta.class.java#2E2E2Ede—
meta.definition.variable.name#2E2E2Ede—
meta.diff.header#263211de—
meta.embedded#2E2E2Ede—
meta.embedded.assembly#0C501Cde—
meta.function-call.arguments.python#364C0Cde—
meta.function-call.python#0A501Bde—
meta.member.access.python#4E0C63de—
meta.method.java#2E2E2Ede—
meta.object-literal.key#521F61de—
meta.paragraph.markdown#2E2E2Ede—
meta.preprocessor#0A501Bde—
meta.preprocessor.numeric#24330Fde—
meta.preprocessor.string#202769de—
meta.scope.prerequisites.makefile#212968de—
meta.structure.dictionary.json.comments#13304E6e—
meta.structure.dictionary.key.python#471C55de—
meta.structure.dictionary.value.json.comments#12304E6e—
meta.template.expression#5A1E37de—
meta.type.cast.expr#414141debold
meta.type.new.expr#194523debold
parameter#354519de—
punctuation.character.set.begin.regexp#03370Fde—
punctuation.character.set.end.regexp#4C1E5Ade—
punctuation.definition.array.begin.json#471A54de—
punctuation.definition.character-class.regexp#500366de—
punctuation.definition.comment#12304E6e—
punctuation.definition.comment.json.comments#11304F6e—
punctuation.definition.comment.python#11304F6e—
punctuation.definition.dictionary.begin.json#4C1E5Ade—
punctuation.definition.dictionary.end.json#5C0D2Ede—
punctuation.definition.group.assertion.regexp#0F3335de—
punctuation.definition.group.regexp#1C2570de—
punctuation.definition.list.begin.json#354C09de—
punctuation.definition.list.begin.markdown#1B4C26de—
punctuation.definition.list.begin.python#0C4D51de—
punctuation.definition.list.end.json#343434de—
punctuation.definition.list.end.markdown#233307de—
punctuation.definition.list.end.python#1B4C26de—
punctuation.definition.parameters.begin.python#26320Fde—
punctuation.definition.parameters.end.bracket.round.java#222B70de—
punctuation.definition.quote.begin.markdown#1B494Cde—
punctuation.definition.tag#414141de—
punctuation.definition.template-expression.begin#354C09de—
punctuation.definition.template-expression.end#2E2E2Ede—
punctuation.section.class.begin.bracket.curly.java#1B4C26de—
punctuation.section.embedded#084D51de—
punctuation.section.embedded.begin.php#1F2868de—
punctuation.section.embedded.end.php#194245de—
punctuation.terminator.java#0F3518de—
source.cmake#354C0Bde—
source.coffee.embedded#0F3518de—
source.cpp#043436de—
source.css.less#10501Fde—
source.groovy.embedded#263211de—
source.java#364C0Cde—
source.java-properties#2E2E2Ede—
source.json.comments#11304F6e—
source.makefile#5C0D29de—
source.powershell#414141de—
source.powershell.variable.other.member#5B0E2Bde—
source.python#521A31de—
storage#103335de—
storage.modifier#0F3335de—
storage.modifier.import.java#173C3Ede—
storage.modifier.package.java#364C0Cde—
storage.type#611F3Adebold
storage.type.annotation.groovy#2E2E2Edebold
storage.type.annotation.java#5B0E2Bdebold
storage.type.boolean.go#0F3335debold
storage.type.byte.go#383838debold
storage.type.cs#5A122Edebold
storage.type.error.go#4D0D61debold
storage.type.generic.cs#354C09debold
storage.type.generic.groovy#354C09debold
storage.type.generic.java#5B0E2Bdebold
storage.type.groovy#5A1E37debold
storage.type.java#2B3715debold
storage.type.modifier.cs#10501Fdebold
storage.type.numeric.go#153537debold
storage.type.object.array.groovy#354C09debold
storage.type.object.array.java#2E2E2Edebold
storage.type.parameters.groovy#4D0D61debold
storage.type.primitive.array.groovy#194245debold
storage.type.primitive.array.java#471C55debold
storage.type.primitive.groovy#1D2769debold
storage.type.primitive.java#0D4D51debold
storage.type.rune.go#3D3D3Ddebold
storage.type.string.go#081891debold
storage.type.token.java#461C53debold
storage.type.uintptr.go#521A31debold
storage.type.variable.cs#541730debold
string#582168de—
string.quoted.docstring.multi.python#11304F6e—
string.regexp#173C3Ede—
string.tag#2E2E2Ede—
string.value#414141de—
strong#531C33de—
support.class#03380Fde—
support.constant.color#531931de—
support.constant.dom#212968de—
support.constant.font-name#354519de—
support.constant.handlebars#2E2E2Ede—
support.constant.json#2E2E2Ede—
support.constant.math#1E2768de—
support.constant.media#0F3335de—
support.constant.media-type#471A54debold
support.constant.property-value#2E2E2Ede—
support.function#500366de—
support.function.git-rebase#5B0E2Bde—
support.other.parenthesis.regexp#2E2E2Ede—
support.type#2E2E2Edebold
support.type.property-name#0C4D51debold
support.type.vendored.property-name#364C0Cdebold
support.variable#26320Fde—
token.debug-token#414141de—
token.error-token#364C0Ede—
token.info-token#471C55de—
token.warn-token#354C0Bde—
variable#303E17de—
variable.css#085119de—
variable.language#5B0E2Bde—
variable.language.wildcard.java#03370Fde—
variable.other.constant#104D51de—
variable.other.definition.java#253210de—
variable.other.enummember#03380Fde—
variable.other.less#043436de—
variable.other.object.java#521A31de—
variable.other.object.property.java#24330Fde—
variable.parameter.c#531931de—
variable.parameter.function.language.python#2E2E2Ede—
variable.parameter.java#173E20de—
variable.scss#173E20de—