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.

  • activityBar.activeBorder#2F6B91
  • activityBar.activeFocusBorder#2F6B91
  • activityBar.background#ECEFF4
  • activityBar.border#ECEFF4
  • activityBar.foreground#434C5E
  • activityBar.inactiveForeground#4C566A
  • activityBarBadge.background#2F6B91
  • activityBarBadge.foreground#ECEFF4
  • activityBarTop.activeBorder#2F6B91
  • activityBarTop.background#E5E9F0
  • activityBarTop.foreground#434C5E
  • activityBarTop.inactiveForeground#D8DEE9
  • activityErrorBadge.background#963548
  • activityErrorBadge.foreground#ECEFF4
  • activityWarningBadge.background#A04F3D
  • activityWarningBadge.foreground#ECEFF4
  • badge.background#2F6B91
  • badge.foreground#ECEFF4
  • banner.background#D8DEE9
  • banner.foreground#434C5E
  • banner.iconForeground#434C5E
  • breadcrumb.activeSelectionForeground#2E3440
  • breadcrumb.background#E5E9F0
  • breadcrumb.focusForeground#2F6B91
  • breadcrumb.foreground#434C5E
  • breadcrumbPicker.background#E5E9F0
  • button.background#2F6B91
  • button.border#2F6B91
  • button.foreground#ECEFF4
  • button.hoverBackground#81a1c1
  • button.secondaryBackground#D8DEE9
  • button.secondaryForeground#434C5E
  • button.secondaryHoverBackground#4C566A
  • button.secondaryHoverForeground#ECEFF4
  • button.separator#E5E9F0
  • charts.blue#2F6B91
  • charts.foreground#2E3440
  • charts.green#a3be8c
  • charts.lines#D8DEE9
  • charts.orange#A04030
  • charts.purple#8C4F7A
  • charts.red#963548
  • charts.yellow#A04F3D
  • chat.avatarBackground#E5E9F0
  • chat.avatarForeground#8C4F7A
  • chat.requestBackground#D8DEE9
  • chat.requestBorder#4C566A
  • chat.requestBubbleBackground#D8DEE9
  • chat.requestBubbleHoverBackground#E6EDF4
  • chat.slashCommandBackground#00000000
  • chat.slashCommandForeground#A04F3D
  • checkbox.background#D8DEE9
  • checkbox.border#4C566A
  • checkbox.foreground#2F6B91
  • commandCenter.activeBackground#E5E9F0
  • commandCenter.activeBorder#2F6B91
  • commandCenter.activeForeground#434C5E
  • commandCenter.background#ECEFF4
  • commandCenter.border#E5E9F0
  • commandCenter.debuggingBackground#ECEFF4
  • commandCenter.foreground#434C5E
  • debugConsole.errorForeground#963548
  • debugConsole.infoForeground#2F6B91
  • debugConsole.sourceForeground#2E3440
  • debugConsole.warningForeground#A04030
  • debugConsoleInputIcon.foreground#A04F3D
  • debugExceptionWidget.background#D8DEE9
  • debugExceptionWidget.border#ECEFF4
  • debugIcon.breakpointCurrentStackframeForeground#A04F3D
  • debugIcon.breakpointDisabledForeground#4C566A
  • debugIcon.breakpointForeground#963548
  • debugIcon.breakpointStackframeForeground#2E3440
  • debugIcon.breakpointUnverifiedForeground#A04030
  • debugIcon.continueForeground#2E3440
  • debugIcon.disconnectForeground#2E3440
  • debugIcon.pauseForeground#2E3440
  • debugIcon.restartForeground#a3be8c
  • debugIcon.startForeground#a3be8c
  • debugIcon.stepBackForeground#2E3440
  • debugIcon.stepIntoForeground#2E3440
  • debugIcon.stepOutForeground#2E3440
  • debugIcon.stepOverForeground#2E3440
  • debugIcon.stopForeground#963548
  • debugTokenExpression.boolean#A04030
  • debugTokenExpression.error#963548
  • debugTokenExpression.name#2F6B91
  • debugTokenExpression.number#8C4F7A
  • debugTokenExpression.string#a3be8c
  • debugTokenExpression.value#2E3440
  • debugToolBar.background#D8DEE9
  • debugView.exceptionLabelBackground#963548
  • debugView.exceptionLabelForeground#ECEFF4
  • debugView.stateLabelBackground#a3be8c
  • debugView.stateLabelForeground#ECEFF4
  • debugView.valueChangedHighlight#A04F3D
  • descriptionForeground#434C5E
  • diffEditor.diagonalFill#D8DEE9
  • diffEditor.insertedLineBackground#2F6B9159
  • diffEditor.insertedTextBackground#2F6B9159
  • diffEditor.move.border
  • diffEditor.moveActive.border
  • diffEditor.removedLineBackground#9635484D
  • diffEditor.removedTextBackground#96354859
  • diffEditor.unchangedCodeBackground#ECEFF4
  • diffEditor.unchangedRegionBackground#ECEFF4
  • diffEditor.unchangedRegionForeground#434C5E
  • diffEditor.unchangedRegionShadow#CCD3DD
  • diffEditorGutter.insertedLineBackground#2F6B9166
  • diffEditorGutter.removedLineBackground#96354866
  • diffEditorOverview.insertedForeground#2F6B91a5
  • diffEditorOverview.removedForeground#963548a5
  • disabledForeground#4C566A
  • dropdown.background#D8DEE9
  • dropdown.border#4C566A
  • dropdown.foreground#434C5E
  • dropdown.listBackground#D8DEE9
  • editor.background#E5E9F0
  • editor.findMatchBackground#5E81AC4d
  • editor.findMatchBorder#5E81AC
  • editor.findMatchHighlightBackground#5E81AC33
  • editor.findMatchHighlightBorder#00000000
  • editor.findRangeHighlightBackground#5E81AC26
  • editor.findRangeHighlightBorder#00000000
  • editor.focusedStackFrameHighlightBackground#5E81AC4d
  • editor.foldBackground#5E81AC26
  • editor.foreground#2E3440
  • editor.hoverHighlightBackground#5E81AC26
  • editor.inactiveSelectionBackground#5E81AC26
  • editor.inlineValuesBackground#4C566A
  • editor.inlineValuesForeground#434C5E
  • editor.lineHighlightBackground#5E81AC33
  • editor.lineHighlightBorder#00000000
  • editor.linkedEditingBackground#D8DEE9
  • editor.rangeHighlightBackground#D8DEE9
  • editor.rangeHighlightBorder#D8DEE9
  • editor.selectionBackground#2F6B9159
  • editor.selectionHighlightBackground#2F6B9159
  • editor.selectionHighlightBorder#00000000
  • editor.stackFrameHighlightBackground#d1b46e4d
  • editor.wordHighlightBackground#5E81AC40
  • editor.wordHighlightBorder#00000000
  • editor.wordHighlightStrongBackground#5E81AC4D
  • editor.wordHighlightStrongBorder#00000000
  • editorBracketHighlight.foreground1#963548
  • editorBracketHighlight.foreground2#A04030
  • editorBracketHighlight.foreground3#A04F3D
  • editorBracketHighlight.foreground4#5E7A5E
  • editorBracketHighlight.foreground5#2F6B91
  • editorBracketHighlight.foreground6#8C4F7A
  • editorBracketMatch.background#81a1c126
  • editorBracketMatch.border#2F6B91
  • editorCodeLens.foreground#4C566A
  • editorCommentsWidget.rangeActiveBackground#5E81AC4D
  • editorCommentsWidget.rangeBackground#D8DEE9
  • editorCursor.background#E5E9F0
  • editorCursor.foreground#2E3440
  • editorError.background#00000000
  • editorError.border#00000000
  • editorError.foreground#963548
  • editorGhostText.foreground#4C566A
  • editorGroup.border#ECEFF4
  • editorGroup.dropBackground#ECEFF4bf
  • editorGroup.emptyBackground#ECEFF4
  • editorGroup.focusedEmptyBorder#E5E9F0
  • editorGroupHeader.noTabsBackground#E5E9F0
  • editorGroupHeader.tabsBackground#E5E9F0
  • editorGroupHeader.tabsBorder#E5E9F0
  • editorGutter.addedBackground#a3be8c
  • editorGutter.background#E5E9F0
  • editorGutter.deletedBackground#963548
  • editorGutter.foldingControlForeground#434C5E
  • editorGutter.modifiedBackground#A04F3D
  • editorHint.border#E5E9F0
  • editorHint.foreground#3B6B71
  • editorHoverWidget.background#D8DEE9
  • editorHoverWidget.border#4C566A
  • editorIndentGuide.activeBackground#434C5E
  • editorIndentGuide.background#4C566A
  • editorInfo.background#00000000
  • editorInfo.border#E5E9F0
  • editorInfo.foreground#2F6B91
  • editorInlayHint.background#D8DEE9
  • editorInlayHint.foreground#4C566A
  • editorLightBulb.foreground#A04F3D
  • editorLightBulbAi.foreground#A04F3D
  • editorLightBulbAutoFix.foreground#a3be8c
  • editorLineNumber.activeForeground#434C5E
  • editorLineNumber.foreground#4C566A
  • editorLink.activeForeground#2F6B91
  • editorMarkerNavigation.background#D8DEE9
  • editorMarkerNavigationError.background#963548
  • editorMarkerNavigationInfo.background#2F6B91
  • editorMarkerNavigationWarning.background#A04F3D
  • editorOverviewRuler.addedForeground#a3be8c
  • editorOverviewRuler.border#E5E9F0
  • editorOverviewRuler.currentContentForeground#D8DEE9
  • editorOverviewRuler.deletedForeground#963548
  • editorOverviewRuler.errorForeground#963548
  • editorOverviewRuler.findMatchForeground#81a1c126
  • editorOverviewRuler.incomingContentForeground#D8DEE9
  • editorOverviewRuler.infoForeground#2F6B91
  • editorOverviewRuler.modifiedForeground#A04F3D
  • editorOverviewRuler.rangeHighlightForeground#81a1c126
  • editorOverviewRuler.selectionHighlightForeground#81a1c126
  • editorOverviewRuler.warningForeground#A04F3D
  • editorOverviewRuler.wordHighlightForeground#81a1c126
  • editorOverviewRuler.wordHighlightStrongForeground#81a1c126
  • editorPane.background#E5E9F0
  • editorRuler.foreground#4C566A
  • editorStickyScroll.background#E5E9F0
  • editorStickyScroll.border#D8DEE9
  • editorStickyScroll.shadow#CCD3DD
  • editorStickyScrollHover.background#81a1c10c
  • editorSuggestWidget.background#D8DEE9
  • editorSuggestWidget.border#4C566A
  • editorSuggestWidget.foreground#434C5E
  • editorSuggestWidget.highlightForeground#2E3440
  • editorSuggestWidget.selectedBackground#4C566A
  • editorSuggestWidget.selectedForeground#ECEFF4
  • editorUnnecessaryCode.opacity#CCD3DDa5
  • editorWarning.background#00000000
  • editorWarning.border#00000000
  • editorWarning.foreground#A04F3D
  • editorWhitespace.foreground#D8DEE9
  • editorWidget.background#D8DEE9
  • editorWidget.border#4C566A
  • editorWidget.foreground#2E3440
  • errorForeground#963548
  • extensionBadge.remoteForeground#a3be8c
  • extensionButton.background#2F6B91
  • extensionButton.foreground#ECEFF4
  • extensionButton.hoverBackground#81a1c1
  • extensionButton.prominentBackground#2F6B91
  • extensionButton.prominentForeground#ECEFF4
  • extensionButton.prominentHoverBackground#81a1c1
  • extensionIcon.preReleaseForeground#8C4F7A
  • extensionIcon.sponsorForeground#2F6B91
  • extensionIcon.starForeground#A04F3D
  • extensionIcon.verifiedForeground#a3be8c
  • focusBorder#2F6B91
  • foreground#2E3440
  • gauge.background#D8DEE9
  • gauge.border#D8DEE9
  • gauge.errorBackground#BF616A
  • gauge.errorForeground#ECEFF4
  • gauge.foreground#2F6B91
  • gauge.warningBackground#A04F3D
  • gauge.warningForeground#ECEFF4
  • gitDecoration.addedResourceForeground#a3be8c
  • gitDecoration.conflictingResourceForeground#A04030
  • gitDecoration.deletedResourceForeground#963548
  • gitDecoration.ignoredResourceForeground#4C566A
  • gitDecoration.modifiedResourceForeground#A04F3D
  • gitDecoration.stageDeletedResourceForeground#963548
  • gitDecoration.stageModifiedResourceForeground#A04F3D
  • gitDecoration.untrackedResourceForeground#3B6B71
  • icon.foreground#3B4252
  • inlineChat.background#E5E9F0
  • inlineChat.border#4C566A
  • inlineChat.shadow#CCD3DD
  • inlineChatDiff.inserted#a3be8c19
  • inlineChatDiff.removed#BF616A19
  • input.background#D8DEE9
  • input.border#4C566A
  • input.foreground#2E3440
  • input.placeholderForeground#434C5E
  • inputOption.activeBackground#4C566A
  • inputOption.activeBorder#2F6B91
  • inputOption.activeForeground#ECEFF4
  • inputOption.hoverBackground#4C566A
  • inputOption.hoverForeground#ECEFF4
  • inputValidation.errorBackground#D8DEE9
  • inputValidation.errorBorder#963548
  • inputValidation.errorForeground#963548
  • inputValidation.infoBackground#D8DEE9
  • inputValidation.infoBorder#2F6B91
  • inputValidation.infoForeground#2F6B91
  • inputValidation.warningBackground#D8DEE9
  • inputValidation.warningBorder#A04F3D
  • inputValidation.warningForeground#A04F3D
  • interactive.activeCodeBorder#2F6B91
  • interactive.inactiveCodeBorder#D8DEE9
  • keybindingLabel.background#4C566A
  • keybindingLabel.border#4C566A
  • keybindingLabel.bottomBorder#4C566A
  • keybindingLabel.foreground#ECEFF4
  • list.activeSelectionBackground#4C566A
  • list.activeSelectionForeground#ECEFF4
  • list.activeSelectionIconForeground#ECEFF4
  • list.dropBackground#ECEFF4bf
  • list.errorForeground#963548
  • list.focusAndSelectionOutline#5E81AC
  • list.focusBackground#C9D6E5
  • list.focusForeground#0F1B2B
  • list.focusOutline#5E81AC
  • list.highlightForeground#5E81AC
  • list.hoverBackground#E6EDF4
  • list.hoverForeground#1F2633
  • list.inactiveFocusBackground#E5E9F0
  • list.inactiveFocusOutline#D8DEE9
  • list.inactiveSelectionBackground#C9D6E5
  • list.inactiveSelectionForeground#1F2633
  • list.inactiveSelectionIconForeground#1F2633
  • list.invalidItemForeground#963548
  • list.warningForeground#8C3C4A
  • listFilterWidget.background#D8DEE9
  • listFilterWidget.noMatchesOutline#963548
  • listFilterWidget.outline#2F6B91
  • listFilterWidget.shadow#CCD3DD
  • menu.background#D8DEE9
  • menu.border#4C566A
  • menu.foreground#434C5E
  • menu.selectionBackground#5E81AC
  • menu.selectionForeground#0F1B2B
  • menu.separatorBackground#4C566A
  • menubar.selectionBackground#4C5F78
  • menubar.selectionForeground#F5FAFF
  • merge.border#4C566A
  • merge.commonContentBackground#81a1c119
  • merge.commonHeaderBackground#81a1c126
  • merge.currentContentBackground#BF616A19
  • merge.currentHeaderBackground#BF616A26
  • merge.incomingContentBackground#a3be8c19
  • merge.incomingHeaderBackground#a3be8c26
  • mergeEditor.change.background#81a1c119
  • mergeEditor.change.word.background#81a1c119
  • mergeEditor.conflict.handled.minimapOverViewRuler#a3be8c
  • mergeEditor.conflict.handledFocused.border#a3be8c
  • mergeEditor.conflict.handledUnfocused.border#a3be8c
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#963548
  • mergeEditor.conflict.unhandledFocused.border#963548
  • mergeEditor.conflict.unhandledUnfocused.border#963548
  • minimap.errorHighlight#BF616Aa5
  • minimap.findMatchHighlight#5E8AACa5
  • minimap.infoHighlight#5E8AACa5
  • minimap.selectionHighlight#4C566A26
  • minimap.selectionOccurrenceHighlight#5E8AACa5
  • minimap.warningHighlight#d1b46ea5
  • minimapGutter.addedBackground#a3be8c
  • minimapGutter.deletedBackground#963548
  • minimapGutter.modifiedBackground#A04F3D
  • notebook.cellBorderColor#D8DEE9
  • notebook.cellEditorBackground#ECEFF47f
  • notebook.cellInsertionIndicator#2F6B91
  • notebook.cellStatusBarItemHoverBackground#4C566A
  • notebook.cellStatusBarItemHoverForeground#ECEFF4
  • notebook.cellToolbarSeparator#4C566A
  • notebook.editorBackground#E5E9F0
  • notebook.focusedEditorBorder#2F6B91
  • notebookStatusErrorIcon.foreground#963548
  • notebookStatusRunningIcon.foreground#A04F3D
  • notebookStatusSuccessIcon.foreground#a3be8c
  • notificationCenter.border#4C566A
  • notificationCenterHeader.background#D8DEE9
  • notificationCenterHeader.foreground#434C5E
  • notificationLink.foreground#2F6B91
  • notifications.background#D8DEE9
  • notifications.border#4C566A
  • notifications.foreground#434C5E
  • notificationsErrorIcon.foreground#963548
  • notificationsInfoIcon.foreground#2F6B91
  • notificationsWarningIcon.foreground#A04F3D
  • notificationToast.border#4C566A
  • panel.background#ECEFF4
  • panel.border#D8DEE9
  • panel.dropBackground#ECEFF4bf
  • panelStickyScroll.background#ECEFF4
  • panelStickyScroll.border#D8DEE9
  • panelStickyScroll.shadow#CCD3DD
  • panelTitle.activeBorder#2F6B91
  • panelTitle.activeForeground#2F6B91
  • panelTitle.inactiveForeground#434C5E
  • peekView.border#2F6B91
  • peekViewEditor.background#D8DEE9
  • peekViewEditor.matchHighlightBackground#81a1c126
  • peekViewEditorGutter.background#D8DEE9
  • peekViewResult.background#ECEFF4
  • peekViewResult.fileForeground#434C5E
  • peekViewResult.lineForeground#434C5E
  • peekViewResult.matchHighlightBackground#81a1c126
  • peekViewResult.selectionBackground#4C566A
  • peekViewResult.selectionForeground#ECEFF4
  • peekViewTitle.background#ECEFF4
  • peekViewTitleDescription.foreground#434C5E
  • peekViewTitleLabel.foreground#2E3440
  • pickerGroup.border#D8DEE9
  • pickerGroup.foreground#434C5E
  • ports.iconRunningProcessForeground#a3be8c
  • problemsErrorIcon.foreground#963548
  • problemsInfoIcon.foreground#2F6B91
  • problemsWarningIcon.foreground#A04F3D
  • profileBadge.background#2F6B91
  • profileBadge.foreground#ECEFF4
  • progressBar.background#2F6B91
  • quickInput.background#D8DEE9
  • quickInput.border#4C566A
  • quickInput.foreground#2E3440
  • quickInputList.focusBackground#C9D6E5
  • quickInputList.focusForeground#0F1B2B
  • quickInputList.focusIconForeground#2F6B91
  • quickInputList.hoverBackground#E6EDF4
  • quickInputTitle.background#E5E9F0
  • sash.hoverBorder#5E81AC
  • scmGraph.foreground1#963548
  • scmGraph.foreground2#D08770
  • scmGraph.foreground3#8C3C4A
  • scmGraph.foreground4#A3BE8C
  • scmGraph.foreground5#5E81AC
  • scmGraph.historyItemBaseRefColor#5E81AC
  • scmGraph.historyItemHoverAdditionsForeground#A3BE8C
  • scmGraph.historyItemHoverDefaultLabelBackground#4C566A
  • scmGraph.historyItemHoverDefaultLabelForeground#ECEFF4
  • scmGraph.historyItemHoverDeletionsForeground#963548
  • scmGraph.historyItemHoverLabelBackground#4C566A
  • scmGraph.historyItemHoverLabelForeground#ECEFF4
  • scmGraph.historyItemRefColor#B48EAD
  • scmGraph.historyItemRemoteRefColor#A3BE8C
  • scrollbar.shadow#CCD3DD
  • scrollbarSlider.activeBackground#5E81AC99
  • scrollbarSlider.background#4C566A40
  • scrollbarSlider.hoverBackground#2E344099
  • selection.background#4C566A26
  • settings.checkboxBackground#D8DEE9
  • settings.checkboxBorder#4C566A
  • settings.checkboxForeground#2F6B91
  • settings.dropdownBackground#D8DEE9
  • settings.dropdownBorder#4C566A
  • settings.dropdownForeground#434C5E
  • settings.dropdownListBorder#2F6B91
  • settings.headerForeground#2F6B91
  • settings.modifiedItemForeground#2F6B91
  • settings.modifiedItemIndicator#2F6B91
  • settings.numberInputBackground#D8DEE9
  • settings.numberInputBorder#4C566A
  • settings.numberInputForeground#2E3440
  • settings.rowHoverBackground#81a1c10c
  • settings.sashBorder#D8DEE9
  • settings.settingsHeaderHoverForeground#2E3440
  • settings.textInputBackground#D8DEE9
  • settings.textInputBorder#4C566A
  • settings.textInputForeground#2E3440
  • sideBar.background#ECEFF4
  • sideBar.border#E5E9F0
  • sideBar.dropBackground#ECEFF4bf
  • sideBar.foreground#434C5E
  • sideBarSectionHeader.background#ECEFF4
  • sideBarSectionHeader.foreground#2E3440
  • sideBarStickyScroll.background#ECEFF4
  • sideBarStickyScroll.border#D8DEE9
  • sideBarStickyScroll.shadow#CCD3DD
  • sideBarTitle.foreground#434C5E
  • simpleFindWidget.sashBorder
  • statusBar.background#ECEFF4
  • statusBar.border#E5E9F0
  • statusBar.debuggingBackground#8C4F7A
  • statusBar.debuggingBorder#E5E9F0
  • statusBar.debuggingForeground#2E3440
  • statusBar.focusBorder#2F6B91
  • statusBar.foreground#434C5E
  • statusBar.noFolderBackground#ECEFF4
  • statusBar.noFolderBorder#E5E9F0
  • statusBar.noFolderForeground#434C5E
  • statusBarItem.activeBackground#4C566A
  • statusBarItem.activeForeground#ECEFF4
  • statusBarItem.errorBackground#963548
  • statusBarItem.errorForeground#2E3440
  • statusBarItem.focusBorder#2F6B91
  • statusBarItem.hoverBackground#4C566A
  • statusBarItem.hoverForeground#ECEFF4
  • statusBarItem.offlineBackground
  • statusBarItem.offlineForeground
  • statusBarItem.prominentBackground#E4ECF5
  • statusBarItem.prominentForeground#0F1B2B
  • statusBarItem.prominentHoverBackground#4C5F78
  • statusBarItem.prominentHoverForeground#F5FAFF
  • statusBarItem.remoteBackground#a3be8c
  • statusBarItem.remoteForeground#ECEFF4
  • statusBarItem.remoteHoverBackground#b6d096
  • statusBarItem.remoteHoverForeground#ECEFF4
  • statusBarItem.warningBackground#A04F3D
  • statusBarItem.warningForeground#ECEFF4
  • symbolIcon.arrayForeground#8C4F7A
  • symbolIcon.booleanForeground#A04030
  • symbolIcon.classForeground#A04F3D
  • symbolIcon.colorForeground#2E3440
  • symbolIcon.constantForeground#8C4F7A
  • symbolIcon.constructorForeground#2F6B91
  • symbolIcon.enumeratorForeground#A04F3D
  • symbolIcon.enumeratorMemberForeground#A04F3D
  • symbolIcon.eventForeground#A04F3D
  • symbolIcon.fieldForeground#a3be8c
  • symbolIcon.fileForeground#2E3440
  • symbolIcon.folderForeground#2F6B91
  • symbolIcon.functionForeground#2F6B91
  • symbolIcon.interfaceForeground#A04F3D
  • symbolIcon.keyForeground#2E3440
  • symbolIcon.keywordForeground#963548
  • symbolIcon.methodForeground#2F6B91
  • symbolIcon.moduleForeground#A04F3D
  • symbolIcon.namespaceForeground#A04F3D
  • symbolIcon.nullForeground#8C4F7A
  • symbolIcon.numberForeground#A04030
  • symbolIcon.objectForeground#2E3440
  • symbolIcon.operatorForeground#963548
  • symbolIcon.packageForeground#2E3440
  • symbolIcon.propertyForeground#a3be8c
  • symbolIcon.referenceForeground#2E3440
  • symbolIcon.snippetForeground#2F6B91
  • symbolIcon.stringForeground#a3be8c
  • symbolIcon.structForeground#A04F3D
  • symbolIcon.textForeground#2E3440
  • symbolIcon.typeParameterForeground#3B6B71
  • symbolIcon.unitForeground#2E3440
  • symbolIcon.variableForeground#2E3440
  • tab.activeBackground#E5E9F0
  • tab.activeBorder#2F6B91
  • tab.activeForeground#2E3440
  • tab.activeModifiedBorder#4C566A
  • tab.border#ECEFF4
  • tab.hoverBackground#4C566A
  • tab.hoverBorder#2F6B91
  • tab.hoverForeground#ECEFF4
  • tab.inactiveBackground#ECEFF4
  • tab.inactiveForeground#434C5E
  • tab.inactiveModifiedBorder#D8DEE9
  • tab.lastPinnedBorder#D8DEE9
  • tab.unfocusedActiveBorder#D8DEE9
  • tab.unfocusedActiveForeground#434C5E
  • tab.unfocusedActiveModifiedBorder#D8DEE9
  • tab.unfocusedHoverBackground#4C566A
  • tab.unfocusedHoverBorder#4C566A
  • tab.unfocusedHoverForeground#ECEFF4
  • tab.unfocusedInactiveForeground#4C566A
  • tab.unfocusedInactiveModifiedBorder#D8DEE9
  • terminal.ansiBlack#D8DEE9
  • terminal.ansiBlue#2F6B91
  • terminal.ansiBrightBlack#4C566A
  • terminal.ansiBrightBlue#2F6B91
  • terminal.ansiBrightCyan#3B6B71
  • terminal.ansiBrightGreen#a3be8c
  • terminal.ansiBrightMagenta#8C4F7A
  • terminal.ansiBrightRed#963548
  • terminal.ansiBrightWhite#2E3440
  • terminal.ansiBrightYellow#A04F3D
  • terminal.ansiCyan#3B6B71
  • terminal.ansiGreen#a3be8c
  • terminal.ansiMagenta#8C4F7A
  • terminal.ansiRed#963548
  • terminal.ansiWhite#434C5E
  • terminal.ansiYellow#A04F3D
  • terminal.background#ECEFF4
  • terminal.border#D8DEE9
  • terminal.foreground#434C5E
  • terminal.selectionBackground#4C566A26
  • terminal.tab.activeBorder#2F6B91
  • terminalCommandDecoration.defaultBackground#434C5E
  • terminalCommandDecoration.errorBackground#963548
  • terminalCommandDecoration.successBackground#a3be8c
  • terminalCursor.background#00000000
  • terminalCursor.foreground#2E3440
  • testing.iconErrored#963548
  • testing.iconFailed#963548
  • testing.iconPassed#a3be8c
  • testing.iconQueued#A04F3D
  • testing.iconSkipped#8C4F7A
  • testing.iconUnset#4C566A
  • testing.message.error.decorationForeground#963548
  • testing.message.error.lineBackground#BF616A19
  • testing.message.info.decorationForeground#2F6B91
  • testing.message.info.lineBackground#5E8AAC19
  • testing.runAction#a3be8c
  • textBlockQuote.background#D8DEE9
  • textBlockQuote.border#2F6B91
  • textCodeBlock.background#CCD3DD
  • textLink.activeForeground#2F6B91
  • textLink.foreground#2F6B91
  • textPreformat.foreground#2E3440
  • textSeparator.foreground#4C566A
  • titleBar.activeBackground#ECEFF4
  • titleBar.activeForeground#434C5E
  • titleBar.border#E5E9F0
  • titleBar.inactiveBackground#ECEFF4
  • titleBar.inactiveForeground#4C566A
  • tree.inactiveIndentGuidesStroke#D8DEE9
  • tree.indentGuidesStroke#4C566A
  • walkThrough.embeddedEditorBackground#E5E9F0
  • welcomePage.buttonBackground#D5E4F2
  • welcomePage.buttonHoverBackground#D6E4F5
  • welcomePage.buttonHoverForeground#0F1B2B
  • welcomePage.progress.background#2F6B91
  • welcomePage.progress.foreground#2F6B91
  • welcomePage.tileBackground#E8EDF3
  • welcomePage.tileHoverBackground#D1DBEC
  • welcomePage.tileHoverForeground#0F1B2B
  • welcomePage.tileShadow#CCD3DD
  • widget.shadow#CCD3DD

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment keyword, comment markup.underline.link, comment string, comment punctuation.definition, comment punctuation, comment text#5A6978italic
comment storage.type#5A6978
comment entity.name.type#3B6B71
comment variable, comment variable.other#3B6B71
comment keyword, comment entity.name.tag, entity.name.tag.documentation#3B6B71
comment keyword.codetag.notation#8C4F7A
comment.git-status.header.remote#963548
comment.git-status.header.local#2F6B91
comment.other.git-status.head#2E3440
string.quoted.docstring, string.quoted.docstring punctuation.definition#A1C9F1
constant#8C4F7A
constant.other#2E3440
constant.other.caps#8C4F7A
constant.other.placeholder#A04030
constant.other.property#8C4F7A
constant.other.citation.latex#8C4F7A
constant.other.color#8C4F7A
constant.other.character-class.escape#8C4F7A
constant.other.key#8C4F7A
constant.other.symbol#A04030
constant.other.elm#2F6B91
constant.numeric#A04030
constant.language#8C4F7A
constant.character.escape#8C4F7A
constant.numeric.line-number.find-in-files#4C566A
constant.numeric.line-number.match.find-in-files#A04F3D
entity.name.section#A04F3D
entity.name.function, entity.name.function.templated, entity.name.function.member.static#2F6B91
entity.name.type.class.templated, entity.name.type.class.generic, entity.name.type.namespace#A04F3D
entity.name.label#8C4F7A
entity.name.function.preprocessor#2F6B91
entity.name#2F6B91
entity.name.class#A04F3D
entity.name.constant#8C4F7A
entity.name.namespace#2E3440
entity.other.inherited-class#A04F3Ditalic
entity.name.function#2F6B91
entity.name.tag, entity.name.tag.js.jsx support.class.component.js.jsx, entity.name.tag support.class.component, source.vue support.class.component#963548
source.ansible entity.name.tag#2F6B91
entity.name.function.operator#963548
meta.brackets entity.name.function.operator, punctuation.separator entity.name.function.operator#4C566A
entity.name.type, entity.name.type.class.reference, entity.name.type.class.value#A04F3D
entity.other.attribute-name#2F6B91italic
entity.other.attribute-name.class.css, entity.other.attribute-name.parent-selector-suffix.css, entity.other.attribute-name.parent-selector-suffix.css punctuation.definition.entity.css, entity.other.attribute-name.css, entity.other.animation-name.css#A04F3D
entity.other.attribute-name.id.css#C04810
entity.other.attribute-name.pseudo-class.css, entity.other.pseudo-class.css, entity.other.pseudo-element.css#2F6B91italic
entity.name.function, support.function#2F6B91
entity.other.git-status.hex#8C4F7A
entity.other.jinja2.delimiter#4C566A
entity.name.operator.custom-literal#2E3440
entity.name.operator.custom-literal.string#2F6B91
entity.name.operator.custom-literal.number#C04810
entity.name.type.rust#A04F3D
entity.name.lifetime.rust#963548
invalid#963548italic underline
invalid.deprecated#A04030italic underline
keyword#963548
keyword.control#963548
keyword.control.directive#963548
keyword.operator, keyword.operator.member, keyword.operator.new#963548
keyword.other.substitution#4C566A
keyword.other.template.begin, keyword.other.template.end#963548
keyword.operator.heading.restructuredtext, keyword.operator.table.row.restructuredtext keyword.operator.table.data.restructuredtext#4C566A
keyword.other.parenthesis.elm#4C566A
keyword.other.fn.rust, keyword.other.rust, keyword.other.unsafe.rust, keyword.other.where.rust#2F6B91
keyword.control.rust, keyword.operator.misc.rust#963548
keyword.declaration.class.ruby, keyword.declaration.function.ruby, keyword.declaration.namespace.ruby#963548
markup.italicitalic
markup.boldbold
markup.heading#A04F3D
markup.raw#2F6B91
markup.underlineunderline
markup.underline.link#2F6B91
markup.inserted, markup.inserted punctuation.definition.inserted#5E81AC
markup.deleted, markup.deleted punctuation.definition.deleted#963548
markup.changed, markup.changed punctuation.definition.changed#A04F3D
markup.ignored, markup.ignored punctuation.definition.ignored#4C566A
markup.untracked#4C566A
markup.quoteitalic
meta.brace.round, meta.brace.square, meta.brace.curly, meta.delimiter.comma.js, meta.function-call.without-arguments.js, meta.function-call.method.without-arguments.js#4C566A
meta.function-call.generic.python, support.function.builtin.python#2F6B91
meta.function-call.python meta.function-call.arguments.python#2E3440
meta.interpolation#A04030
meta.instance.constructor#2F6B91
meta.attribute-with-value.class string, meta.attribute.class.html string#A04F3D
meta.attribute-with-value.id string, meta.attribute.id.html string#A04030
source.json meta.mapping.key string#2E3440
source.yaml meta.mapping.key string#963548
meta.object.member#2E3440
meta.property-list.css variable.other#A04030
entity.name.constant.preprocessor, meta.preprocessor#8C4F7A
meta.diff.git-diff.header#A04F3D
meta.type_params.rust#2E3440
meta.attribute.rust, meta.annotation.rust, variable.language.rust, variable.annotation.rust, meta.annotation.rust string, meta.annotation.rust keyword, meta.annotation.rust keyword.operator, meta.attribute.rust string#3B6B71
meta.type variable, meta.type variable.other.readwrite#8C4F7A
punctuation#4C566A
punctuation.definition.tag, punctuation.definition.tag source, punctuation.definition.group.begin.ruby, punctuation.definition.group.end.ruby, punctuation.definition.group.begin.css, punctuation.definition.group.end.css, punctuation.definition.string.end.html source.css, punctuation.definition.block, punctuation.definition.parameters.begin, punctuation.definition.parameters.end, punctuation.separator.parameter, punctuation.accessor, punctuation.terminator#4C566A
punctuation.definition.group#2E3440
punctuation.definition.comment#4C566A
punctuation.definition.variable, punctuation.definition.keyword.scss, punctuation.definition.entity.css#3B6B71
punctuation.section.embedded, punctuation.section.embedded entity.name.tag, punctuation.section.embedded constant.other, punctuation.section.embedded source, punctuation.section.embedded.begin#C04810
punctuation.template-string.element.begin, punctuation.template-string.element.end, punctuation.definition.string.template.begin, punctuation.definition.string.template.end, string.quoted.template punctuation.definition.string.begin, string.quoted.template punctuation.definition.string.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end#963548
meta.paragraph.markdown meta.dummy.line-break, meta.paragraph.markdown meta.hard-line-break.markdown
markup.underline.link punctuation#2F6B91
meta.brace.round, meta.brace.square, keyword.operator.type.annotation, meta.type storage.modifier.array#4C566A
region.redish#963548
region.orangish#A04030
region.yellowish#A04F3D
region.greenish#a3be8c
region.bluish#2F6B91
region.purplish#8C4F7A
region.pinkish#963548
region.whitish#2E3440
source#2E3440
source.scss, source.sass#4C566A
source.sass variable.other, source.sass variable.sass, source.scss variable.other, source.scss variable.scss, source.scss variable.sass, source.css variable.other, source.css variable.scss, source.less variable.other, source.less variable.other.less, source.less variable.declaration.less#A04030italic
source.git-show.commit.sha#8C4F7A
source.git-show.author, source.git-show.date, source.git-diff.command, source.git-diff.command meta.diff.git-diff.header.from-file, source.git-diff.command meta.diff.git-diff.header.to-file#4C566A
source.git-show meta.diff.git-diff.header.extended.index.from-sha, source.git-show meta.diff.git-diff.header.extended.index.to-sha#8C4F7A
source.git-show meta.diff.range.unified#A04030
source.git-show meta.diff.header.from-file, source.git-show meta.diff.header.to-file#4C566A
storage#963548
storage.type#2F6B91italic
storage.type.extends#963548normal
storage.type.function.arrow#963548normal
storage.modifier, storage.type.modifier#963548italic
storage.class.restructuredtext.ref#8C4F7A
storage.modifier.visibility.rust, storage.modifier.lifetime.rust#963548
storage.modifier.const.rust, storage.modifier.dyn.rust, storage.modifier.mut.rust, storage.modifier.static.rust, storage.type.rust, storage.type.core.rust, storage.class.std.rust#2F6B91
storage.type.rust, storage.modifier.const.rust, storage.modifier.dyn.rust, storage.modifier.mut.rust, storage.modifier.static.rust, keyword.other.rust, keyword.other.where.rust#963548
storage.modifier.import.java#2E3440
string#2F6B91
string.unquoted.label#2E3440
string source#2E3440
string source punctuation.section.embedded, string punctuation.definition.string source#4C566A
string.other.link.title, string.other.link.description#963548
string.other.link.description.title#2F6B91
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end#963548
string.other.ref, string.other.restructuredtext.ref#2F6B91
string.other.git-status.help.key#3B6B71
string.other.git-status.remote#963548
support.constant#2F6B91
support.constant.handlebars#4C566A
support.type.vendor-prefix.css#3B6B71
support.function#2F6B91
support.macro#2F6B91
support.function.delimiter.elm#4C566A
support.type, entity.name.type.object.console#2F6B91italic
support.variable, support.variable.property#2F6B91
support.type.property-name#2E3440normal
support.class#A04F3D
support.constant.core.rust#8C4F7A
comment support, comment support.class#5A6978
text#2E3440
text.find-in-files#2E3440
variable, variable.other#2E3440
variable.parameter, parameters variable.function#C04810italic
variable.language, variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python#3B6B71italic
variable.language.arguments#8C4F7A
variable.other.class#A04F3D
variable.other.constant#8C4F7A
variable.other.readwrite#2E3440
variable.other.member#2E3440
variable.other.enummember#8C4F7A
variable.other.property, variable.other.property.static, variable.other.event#2E3440
variable.function#2F6B91
variable.other.substitution#A04030
source.ruby variable.other.readwrite.instance.ruby, source.ruby variable.other.readwrite.class.ruby#8C4F7A
source.jinja2 variable.other.jinja2.block#2F6B91
source.jinja2 variable.other.jinja2#A04030