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#6B8E23
  • activityBar.activeFocusBorder#6B8E23
  • activityBar.background#E8F5E8
  • activityBar.border#E8F5E8
  • activityBar.foreground#2E8B57
  • activityBar.inactiveForeground#228B22
  • activityBarBadge.background#6B8E23
  • activityBarBadge.foreground#E8F5E8
  • activityBarTop.activeBorder#6B8E23
  • activityBarTop.background#F0F7EE
  • activityBarTop.foreground#2E8B57
  • activityBarTop.inactiveForeground#228B22
  • activityErrorBadge.background#BF616A
  • activityErrorBadge.foreground#E8F5E8
  • activityWarningBadge.background#B8860B
  • activityWarningBadge.foreground#E8F5E8
  • badge.background#6B8E23
  • badge.foreground#E8F5E8
  • banner.background#D8F0D8
  • banner.foreground#434C5E
  • banner.iconForeground#4D4D4D
  • breadcrumb.activeSelectionForeground#2F4F4F
  • breadcrumb.background#E8F5E8
  • breadcrumb.focusForeground#405020
  • breadcrumb.foreground#434C5E
  • breadcrumbPicker.background#F0F7EE
  • button.background#6B8E23
  • button.border#4F634F
  • button.foreground#E8F5E8
  • button.hoverBackground#6B8E23
  • button.secondaryBackground#C0D8C0
  • button.secondaryForeground#4D4D4D
  • button.secondaryHoverBackground#4F634F
  • button.secondaryHoverForeground#E8F5E8
  • button.separator#F0F7EE
  • charts.blue#6B8E23
  • charts.foreground#2E3440
  • charts.green#a3be8c
  • charts.lines#D8F0D8
  • charts.orange#FFAC8F
  • charts.purple#D4AECE
  • charts.red#BF616A
  • charts.yellow#B8860B
  • chat.avatarBackground#F0F7EE
  • chat.avatarForeground#B48EAD
  • chat.requestBackground#F0F7EE
  • chat.requestBorder#228B22
  • chat.requestBubbleBackground#E8F5E8
  • chat.requestBubbleHoverBackground#D8F0D8
  • chat.slashCommandBackground#00000000
  • chat.slashCommandForeground#B8860B
  • checkbox.background#D8F0D8
  • checkbox.border#4C566A
  • checkbox.foreground#6B8E23
  • commandCenter.activeBackground#E0EEE0
  • commandCenter.activeBorder#6B8E23
  • commandCenter.activeForeground#4D4D4D
  • commandCenter.background#E8F5E8
  • commandCenter.border#F0F7EE
  • commandCenter.debuggingBackground#E8F5E8
  • commandCenter.foreground#434C5E
  • debugConsole.errorForeground#B22222
  • debugConsole.infoForeground#405020
  • debugConsole.sourceForeground#2F4F4F
  • debugConsole.warningForeground#CD5C5C
  • debugConsoleInputIcon.foreground#B8860B
  • debugExceptionWidget.background#D8F0D8
  • debugExceptionWidget.border#E8F5E8
  • debugIcon.breakpointCurrentStackframeForeground#B8860B
  • debugIcon.breakpointDisabledForeground#4F634F
  • debugIcon.breakpointForeground#B22222
  • debugIcon.breakpointStackframeForeground#2F4F4F
  • debugIcon.breakpointUnverifiedForeground#CD5C5C
  • debugIcon.continueForeground#2F4F4F
  • debugIcon.disconnectForeground#2F4F4F
  • debugIcon.pauseForeground#2F4F4F
  • debugIcon.restartForeground#228B22
  • debugIcon.startForeground#228B22
  • debugIcon.stepBackForeground#2F4F4F
  • debugIcon.stepIntoForeground#2F4F4F
  • debugIcon.stepOutForeground#2F4F4F
  • debugIcon.stepOverForeground#2F4F4F
  • debugIcon.stopForeground#B22222
  • debugTokenExpression.boolean#FFAC8F
  • debugTokenExpression.error#BF616A
  • debugTokenExpression.name#6B8E23
  • debugTokenExpression.number#D4AECE
  • debugTokenExpression.string#a3be8c
  • debugTokenExpression.value#2E3440
  • debugToolBar.background#D8F0D8
  • debugView.exceptionLabelBackground#B22222
  • debugView.exceptionLabelForeground#E8F5E8
  • debugView.stateLabelBackground#228B22
  • debugView.stateLabelForeground#E8F5E8
  • debugView.valueChangedHighlight#B8860B
  • descriptionForeground#4D4D4D
  • diffEditor.diagonalFill#D8F0D8
  • diffEditor.insertedLineBackground#2E8B5759
  • diffEditor.insertedTextBackground#2E8B5759
  • diffEditor.move.border
  • diffEditor.moveActive.border
  • diffEditor.removedLineBackground#CD5C5C59
  • diffEditor.removedTextBackground#CD5C5C59
  • diffEditor.unchangedCodeBackground#E8F5E8
  • diffEditor.unchangedRegionBackground#E8F5E8
  • diffEditor.unchangedRegionForeground#4D4D4D
  • diffEditor.unchangedRegionShadow#CCD3DD
  • diffEditorGutter.insertedLineBackground#2E8B5766
  • diffEditorGutter.removedLineBackground#CD5C5C66
  • diffEditorOverview.insertedForeground#2E8B57a5
  • diffEditorOverview.removedForeground#CD5C5Ca5
  • disabledForeground#4C566A
  • dropdown.background#D8F0D8
  • dropdown.border#4C566A
  • dropdown.foreground#434C5E
  • dropdown.listBackground#C0D8C0
  • editor.background#F0F7EE
  • editor.findMatchBackground#A3BE8C4d
  • editor.findMatchBorder#405020
  • editor.findMatchHighlightBackground#A3BE8C33
  • editor.findMatchHighlightBorder#00000000
  • editor.findRangeHighlightBackground#A3BE8C26
  • editor.findRangeHighlightBorder#00000000
  • editor.focusedStackFrameHighlightBackground#4050204d
  • editor.foldBackground#40502026
  • editor.foreground#2E3440
  • editor.hoverHighlightBackground#40502026
  • editor.inactiveSelectionBackground#40502026
  • editor.inlineValuesBackground#4F634F
  • editor.inlineValuesForeground#4D4D4D
  • editor.lineHighlightBackground#9ACD3240
  • editor.lineHighlightBorder#00000000
  • editor.linkedEditingBackground#C0D8C0
  • editor.rangeHighlightBackground#C0D8C0
  • editor.rangeHighlightBorder#D8F0D8
  • editor.selectionBackground#4050204D
  • editor.selectionHighlightBackground#40502066
  • editor.selectionHighlightBorder#00000000
  • editor.stackFrameHighlightBackground#B8860B4d
  • editor.wordHighlightBackground#A3BE8C40
  • editor.wordHighlightBorder#00000000
  • editor.wordHighlightStrongBackground#A3BE8C4d
  • editor.wordHighlightStrongBorder#00000000
  • editorBracketHighlight.foreground1#BF616A
  • editorBracketHighlight.foreground2#C46545
  • editorBracketHighlight.foreground3#8B6500
  • editorBracketHighlight.foreground4#5A8060
  • editorBracketHighlight.foreground5#6B8E23
  • editorBracketHighlight.foreground6#9A6F94
  • editorBracketMatch.background#9ACD3226
  • editorBracketMatch.border#6B8E23
  • editorCodeLens.foreground#4C566A
  • editorCommentsWidget.rangeActiveBackground#A3BE8C40
  • editorCommentsWidget.rangeBackground#A3BE8C26
  • editorCursor.background#F0F7EE
  • editorCursor.foreground#2E3440
  • editorError.background#00000000
  • editorError.border#00000000
  • editorError.foreground#BF616A
  • editorGhostText.foreground#4C566A
  • editorGroup.border#E8F5E8
  • editorGroup.dropBackground#E8F5E8bf
  • editorGroup.emptyBackground#E8F5E8
  • editorGroup.focusedEmptyBorder#F0F7EE
  • editorGroupHeader.noTabsBackground#E0EEE0
  • editorGroupHeader.tabsBackground#E0EEE0
  • editorGroupHeader.tabsBorder#F0F7EE
  • editorGutter.addedBackground#228B22
  • editorGutter.background#F0F7EE
  • editorGutter.deletedBackground#B22222
  • editorGutter.foldingControlForeground#4D4D4D
  • editorGutter.modifiedBackground#B8860B
  • editorHint.border#F0F7EE
  • editorHint.foreground#8fbcbb
  • editorHoverWidget.background#D8F0D8
  • editorHoverWidget.border#4C566A
  • editorIndentGuide.activeBackground#405020
  • editorIndentGuide.background#4C566A
  • editorInfo.background#00000000
  • editorInfo.border#F0F7EE
  • editorInfo.foreground#6B8E23
  • editorInlayHint.background#D8F0D8
  • editorInlayHint.foreground#4C566A
  • editorLightBulb.foreground#B8860B
  • editorLightBulbAi.foreground#B8860B
  • editorLightBulbAutoFix.foreground#a3be8c
  • editorLineNumber.activeForeground#4D4D4D
  • editorLineNumber.foreground#4C566A
  • editorLink.activeForeground#405020
  • editorMarkerNavigation.background#D8F0D8
  • editorMarkerNavigationError.background#BF616A
  • editorMarkerNavigationInfo.background#6B8E23
  • editorMarkerNavigationWarning.background#B8860B
  • editorOverviewRuler.addedForeground#228B22
  • editorOverviewRuler.border#F0F7EE
  • editorOverviewRuler.currentContentForeground#C0D8C0
  • editorOverviewRuler.deletedForeground#B22222
  • editorOverviewRuler.errorForeground#B22222
  • editorOverviewRuler.findMatchForeground#6B8E2326
  • editorOverviewRuler.incomingContentForeground#C0D8C0
  • editorOverviewRuler.infoForeground#405020
  • editorOverviewRuler.modifiedForeground#B8860B
  • editorOverviewRuler.rangeHighlightForeground#6B8E2326
  • editorOverviewRuler.selectionHighlightForeground#6B8E2326
  • editorOverviewRuler.warningForeground#B8860B
  • editorOverviewRuler.wordHighlightForeground#6B8E2326
  • editorOverviewRuler.wordHighlightStrongForeground#6B8E2326
  • editorPane.background#F0F7EE
  • editorRuler.foreground#4C566A
  • editorStickyScroll.background#F0F7EE
  • editorStickyScroll.border#D8F0D8
  • editorStickyScroll.shadow#CCD3DD
  • editorStickyScrollHover.background#9ACD320c
  • editorSuggestWidget.background#D8F0D8
  • editorSuggestWidget.border#4C566A
  • editorSuggestWidget.foreground#434C5E
  • editorSuggestWidget.highlightForeground#2F4F4F
  • editorSuggestWidget.selectedBackground#4F634F
  • editorSuggestWidget.selectedForeground#E8F5E8
  • editorUnnecessaryCode.opacity#CCD3DDa5
  • editorWarning.background#00000000
  • editorWarning.border#00000000
  • editorWarning.foreground#B8860B
  • editorWhitespace.foreground#D8F0D8
  • editorWidget.background#D8F0D8
  • editorWidget.border#4C566A
  • editorWidget.foreground#434C5E
  • errorForeground#B22222
  • extensionBadge.remoteForeground#228B22
  • extensionButton.background#6B8E23
  • extensionButton.foreground#E8F5E8
  • extensionButton.hoverBackground#6B8E23
  • extensionButton.prominentBackground#405020
  • extensionButton.prominentForeground#E8F5E8
  • extensionButton.prominentHoverBackground#6B8E23
  • extensionIcon.preReleaseForeground#B48EAD
  • extensionIcon.sponsorForeground#405020
  • extensionIcon.starForeground#B8860B
  • extensionIcon.verifiedForeground#228B22
  • focusBorder#6B8E23
  • foreground#2F4F4F
  • gauge.background#C0D8C0
  • gauge.border#4C566A
  • gauge.errorBackground#BF616A
  • gauge.errorForeground#E8F5E8
  • gauge.foreground#6B8E23
  • gauge.warningBackground#B8860B
  • gauge.warningForeground#E8F5E8
  • gitDecoration.addedResourceForeground#228B22
  • gitDecoration.conflictingResourceForeground#CD5C5C
  • gitDecoration.deletedResourceForeground#B22222
  • gitDecoration.ignoredResourceForeground#4F634F
  • gitDecoration.modifiedResourceForeground#B8860B
  • gitDecoration.stageDeletedResourceForeground#B22222
  • gitDecoration.stageModifiedResourceForeground#B8860B
  • gitDecoration.untrackedResourceForeground#2E8B57
  • icon.foreground#3B4252
  • inlineChat.background#F0F7EE
  • inlineChat.border#4C566A
  • inlineChat.shadow#CCD3DD
  • inlineChatDiff.inserted#a3be8c4D
  • inlineChatDiff.removed#BF616A4D
  • input.background#D8F0D8
  • input.border#4C566A
  • input.foreground#2E3440
  • input.placeholderForeground#4D4D4D
  • inputOption.activeBackground#4F634F
  • inputOption.activeBorder#6B8E23
  • inputOption.activeForeground#E8F5E8
  • inputOption.hoverBackground#4F634F
  • inputOption.hoverForeground#E8F5E8
  • inputValidation.errorBackground#C0D8C0
  • inputValidation.errorBorder#BF616A
  • inputValidation.errorForeground#B22222
  • inputValidation.infoBackground#C0D8C0
  • inputValidation.infoBorder#6B8E23
  • inputValidation.infoForeground#405020
  • inputValidation.warningBackground#C0D8C0
  • inputValidation.warningBorder#B8860B
  • inputValidation.warningForeground#B8860B
  • interactive.activeCodeBorder#6B8E23
  • interactive.inactiveCodeBorder#D8F0D8
  • keybindingLabel.background#4C566A
  • keybindingLabel.border#4C566A
  • keybindingLabel.bottomBorder#4C566A
  • keybindingLabel.foreground#E8F5E8
  • list.activeSelectionBackground#4F634F
  • list.activeSelectionForeground#E8F5E8
  • list.activeSelectionIconForeground#E8F5E8
  • list.dropBackground#E8F5E8bf
  • list.errorForeground#B22222
  • list.focusAndSelectionOutline#405020
  • list.focusBackground#D2EAD2
  • list.focusForeground#0F2415
  • list.focusOutline#405020
  • list.highlightForeground#405020
  • list.hoverBackground#E5F4E5
  • list.hoverForeground#1F3322
  • list.inactiveFocusBackground#E0EEE0
  • list.inactiveFocusOutline#D8F0D8
  • list.inactiveSelectionBackground#D2EAD2
  • list.inactiveSelectionForeground#1F3322
  • list.inactiveSelectionIconForeground#1F3322
  • list.invalidItemForeground#B22222
  • list.warningForeground#B8860B
  • listFilterWidget.background#D8F0D8
  • listFilterWidget.noMatchesOutline#BF616A
  • listFilterWidget.outline#6B8E23
  • listFilterWidget.shadow#CCD3DD
  • menu.background#D8F0D8
  • menu.border#4C566A
  • menu.foreground#434C5E
  • menu.selectionBackground#405020
  • menu.selectionForeground#F2F9F2
  • menu.separatorBackground#4F634F
  • menubar.selectionBackground#5C7C5C
  • menubar.selectionForeground#F2F9F2
  • merge.border#4C566A
  • merge.commonContentBackground#6B8E2319
  • merge.commonHeaderBackground#6B8E2326
  • merge.currentContentBackground#B2222219
  • merge.currentHeaderBackground#B2222226
  • merge.incomingContentBackground#228B2219
  • merge.incomingHeaderBackground#228B2226
  • mergeEditor.change.background#9ACD3219
  • mergeEditor.change.word.background#9ACD3219
  • mergeEditor.conflict.handled.minimapOverViewRuler#a3be8c
  • mergeEditor.conflict.handledFocused.border#a3be8c
  • mergeEditor.conflict.handledUnfocused.border#a3be8c
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#BF616A
  • mergeEditor.conflict.unhandledFocused.border#BF616A
  • mergeEditor.conflict.unhandledUnfocused.border#BF616A
  • minimap.errorHighlight#BF616Aa5
  • minimap.findMatchHighlight#6B8E23a5
  • minimap.infoHighlight#6B8E23a5
  • minimap.selectionHighlight#4C566A26
  • minimap.selectionOccurrenceHighlight#6B8E23a5
  • minimap.warningHighlight#B8860Ba5
  • minimapGutter.addedBackground#228B22
  • minimapGutter.deletedBackground#B22222
  • minimapGutter.modifiedBackground#B8860B
  • notebook.cellBorderColor#C0D8C0
  • notebook.cellEditorBackground#E8F5E87f
  • notebook.cellInsertionIndicator#6B8E23
  • notebook.cellStatusBarItemHoverBackground#4F634F
  • notebook.cellStatusBarItemHoverForeground#E8F5E8
  • notebook.cellToolbarSeparator#4C566A
  • notebook.editorBackground#E0EEE0
  • notebook.focusedEditorBorder#6B8E23
  • notebookStatusErrorIcon.foreground#BF616A
  • notebookStatusRunningIcon.foreground#B8860B
  • notebookStatusSuccessIcon.foreground#a3be8c
  • notificationCenter.border#4C566A
  • notificationCenterHeader.background#D8F0D8
  • notificationCenterHeader.foreground#434C5E
  • notificationLink.foreground#6B8E23
  • notifications.background#D8F0D8
  • notifications.border#4C566A
  • notifications.foreground#434C5E
  • notificationsErrorIcon.foreground#BF616A
  • notificationsInfoIcon.foreground#6B8E23
  • notificationsWarningIcon.foreground#B8860B
  • notificationToast.border#4C566A
  • panel.background#E8F5E8
  • panel.border#D8F0D8
  • panel.dropBackground#E8F5E8bf
  • panelStickyScroll.background#E8F5E8
  • panelStickyScroll.border#D8F0D8
  • panelStickyScroll.shadow#CCD3DD
  • panelTitle.activeBorder#6B8E23
  • panelTitle.activeForeground#405020
  • panelTitle.inactiveForeground#4D4D4D
  • peekView.border#6B8E23
  • peekViewEditor.background#D8F0D8
  • peekViewEditor.matchHighlightBackground#6B8E2326
  • peekViewEditorGutter.background#D8F0D8
  • peekViewResult.background#E8F5E8
  • peekViewResult.fileForeground#4D4D4D
  • peekViewResult.lineForeground#4D4D4D
  • peekViewResult.matchHighlightBackground#6B8E2326
  • peekViewResult.selectionBackground#4F634F
  • peekViewResult.selectionForeground#E8F5E8
  • peekViewTitle.background#E8F5E8
  • peekViewTitleDescription.foreground#434C5E
  • peekViewTitleLabel.foreground#2E3440
  • pickerGroup.border#D8F0D8
  • pickerGroup.foreground#434C5E
  • ports.iconRunningProcessForeground#228B22
  • problemsErrorIcon.foreground#BF616A
  • problemsInfoIcon.foreground#6B8E23
  • problemsWarningIcon.foreground#B8860B
  • profileBadge.background#6B8E23
  • profileBadge.foreground#E8F5E8
  • progressBar.background#6B8E23
  • quickInput.background#D8F0D8
  • quickInput.border#4C566A
  • quickInput.foreground#2E3440
  • quickInputList.focusBackground#D2EAD2
  • quickInputList.focusForeground#0F2415
  • quickInputList.focusIconForeground#405020
  • quickInputList.hoverBackground#E5F4E5
  • quickInputTitle.background#E0EEE0
  • sash.hoverBorder#405020
  • scmGraph.foreground1#BF616A
  • scmGraph.foreground2#D08770
  • scmGraph.foreground3#EBCB8B
  • scmGraph.foreground4#A3BE8C
  • scmGraph.foreground5#405020
  • scmGraph.historyItemBaseRefColor#405020
  • scmGraph.historyItemHoverAdditionsForeground#228B22
  • scmGraph.historyItemHoverDefaultLabelBackground#4F634F
  • scmGraph.historyItemHoverDefaultLabelForeground#E8F5E8
  • scmGraph.historyItemHoverDeletionsForeground#B22222
  • scmGraph.historyItemHoverLabelBackground#4F634F
  • scmGraph.historyItemHoverLabelForeground#E8F5E8
  • scmGraph.historyItemRefColor#B48EAD
  • scmGraph.historyItemRemoteRefColor#228B22
  • scrollbar.shadow#CCD3DD
  • scrollbarSlider.activeBackground#a3be8c80
  • scrollbarSlider.background#34593340
  • scrollbarSlider.hoverBackground#4a755066
  • selection.background#4C566A26
  • settings.checkboxBackground#C0D8C0
  • settings.checkboxBorder#4C566A
  • settings.checkboxForeground#405020
  • settings.dropdownBackground#C0D8C0
  • settings.dropdownBorder#4C566A
  • settings.dropdownForeground#4D4D4D
  • settings.dropdownListBorder#6B8E23
  • settings.headerForeground#405020
  • settings.modifiedItemForeground#405020
  • settings.modifiedItemIndicator#6B8E23
  • settings.numberInputBackground#C0D8C0
  • settings.numberInputBorder#4C566A
  • settings.numberInputForeground#2F4F4F
  • settings.rowHoverBackground#6B8E230c
  • settings.sashBorder#D8F0D8
  • settings.settingsHeaderHoverForeground#2F4F4F
  • settings.textInputBackground#C0D8C0
  • settings.textInputBorder#4C566A
  • settings.textInputForeground#2F4F4F
  • sideBar.background#E8F5E8
  • sideBar.border#F0F7EE
  • sideBar.dropBackground#E8F5E8bf
  • sideBar.foreground#2F4F4F
  • sideBarSectionHeader.background#E8F5E8
  • sideBarSectionHeader.foreground#2E8B57
  • sideBarStickyScroll.background#E8F5E8
  • sideBarStickyScroll.border#D8F0D8
  • sideBarStickyScroll.shadow#CCD3DD
  • sideBarTitle.foreground#2E8B57
  • simpleFindWidget.sashBorder
  • statusBar.background#E8F5E8
  • statusBar.border#F0F7EE
  • statusBar.debuggingBackground#B48EAD
  • statusBar.debuggingBorder#F0F7EE
  • statusBar.debuggingForeground#2F4F4F
  • statusBar.focusBorder#6B8E23
  • statusBar.foreground#434C5E
  • statusBar.noFolderBackground#E8F5E8
  • statusBar.noFolderBorder#F0F7EE
  • statusBar.noFolderForeground#4D4D4D
  • statusBarItem.activeBackground#4F634F
  • statusBarItem.activeForeground#E8F5E8
  • statusBarItem.errorBackground#B22222
  • statusBarItem.errorForeground#2F4F4F
  • statusBarItem.focusBorder#6B8E23
  • statusBarItem.hoverBackground#4F634F
  • statusBarItem.hoverForeground#E8F5E8
  • statusBarItem.offlineBackground
  • statusBarItem.offlineForeground
  • statusBarItem.prominentBackground#E2F1E2
  • statusBarItem.prominentForeground#1F3322
  • statusBarItem.prominentHoverBackground#4F634F
  • statusBarItem.prominentHoverForeground#F2F9F2
  • statusBarItem.remoteBackground#228B22
  • statusBarItem.remoteForeground#E8F5E8
  • statusBarItem.remoteHoverBackground#b6d096
  • statusBarItem.remoteHoverForeground#E8F5E8
  • statusBarItem.warningBackground#B8860B
  • statusBarItem.warningForeground#E8F5E8
  • symbolIcon.arrayForeground#B48EAD
  • symbolIcon.booleanForeground#CD5C5C
  • symbolIcon.classForeground#B8860B
  • symbolIcon.colorForeground#2F4F4F
  • symbolIcon.constantForeground#B48EAD
  • symbolIcon.constructorForeground#405020
  • symbolIcon.enumeratorForeground#B8860B
  • symbolIcon.enumeratorMemberForeground#B8860B
  • symbolIcon.eventForeground#B8860B
  • symbolIcon.fieldForeground#228B22
  • symbolIcon.fileForeground#2F4F4F
  • symbolIcon.folderForeground#405020
  • symbolIcon.functionForeground#405020
  • symbolIcon.interfaceForeground#B8860B
  • symbolIcon.keyForeground#2F4F4F
  • symbolIcon.keywordForeground#B22222
  • symbolIcon.methodForeground#405020
  • symbolIcon.moduleForeground#B8860B
  • symbolIcon.namespaceForeground#B8860B
  • symbolIcon.nullForeground#B48EAD
  • symbolIcon.numberForeground#CD5C5C
  • symbolIcon.objectForeground#2F4F4F
  • symbolIcon.operatorForeground#B22222
  • symbolIcon.packageForeground#2F4F4F
  • symbolIcon.propertyForeground#228B22
  • symbolIcon.referenceForeground#2F4F4F
  • symbolIcon.snippetForeground#405020
  • symbolIcon.stringForeground#228B22
  • symbolIcon.structForeground#B8860B
  • symbolIcon.textForeground#2F4F4F
  • symbolIcon.typeParameterForeground#2E8B57
  • symbolIcon.unitForeground#2F4F4F
  • symbolIcon.variableForeground#2F4F4F
  • tab.activeBackground#E0EEE0
  • tab.activeBorder#6B8E23
  • tab.activeForeground#2F4F4F
  • tab.activeModifiedBorder#4C566A
  • tab.border#E8F5E8
  • tab.hoverBackground#4F634F
  • tab.hoverBorder#6B8E23
  • tab.hoverForeground#E8F5E8
  • tab.inactiveBackground#E8F5E8
  • tab.inactiveForeground#4D4D4D
  • tab.inactiveModifiedBorder#D8F0D8
  • tab.lastPinnedBorder#D8F0D8
  • tab.unfocusedActiveBorder#D8F0D8
  • tab.unfocusedActiveForeground#4D4D4D
  • tab.unfocusedActiveModifiedBorder#D8F0D8
  • tab.unfocusedHoverBackground#4F634F
  • tab.unfocusedHoverBorder#4C566A
  • tab.unfocusedHoverForeground#E8F5E8
  • tab.unfocusedInactiveForeground#4F634F
  • tab.unfocusedInactiveModifiedBorder#D8F0D8
  • terminal.ansiBlack#D8F0D8
  • terminal.ansiBlue#6B8E23
  • terminal.ansiBrightBlack#4C566A
  • terminal.ansiBrightBlue#6B8E23
  • terminal.ansiBrightCyan#8fbcbb
  • terminal.ansiBrightGreen#a3be8c
  • terminal.ansiBrightMagenta#D4AECE
  • terminal.ansiBrightRed#BF616A
  • terminal.ansiBrightWhite#2E3440
  • terminal.ansiBrightYellow#B8860B
  • terminal.ansiCyan#8fbcbb
  • terminal.ansiGreen#a3be8c
  • terminal.ansiMagenta#D4AECE
  • terminal.ansiRed#BF616A
  • terminal.ansiWhite#434C5E
  • terminal.ansiYellow#B8860B
  • terminal.background#E8F5E8
  • terminal.border#D8F0D8
  • terminal.foreground#434C5E
  • terminal.selectionBackground#4F634F26
  • terminal.tab.activeBorder#6B8E23
  • terminalCommandDecoration.defaultBackground#4D4D4D
  • terminalCommandDecoration.errorBackground#B22222
  • terminalCommandDecoration.successBackground#228B22
  • terminalCursor.background#00000000
  • terminalCursor.foreground#2E3440
  • testing.iconErrored#BF616A
  • testing.iconFailed#BF616A
  • testing.iconPassed#a3be8c
  • testing.iconQueued#B8860B
  • testing.iconSkipped#D4AECE
  • testing.iconUnset#4C566A
  • testing.message.error.decorationForeground#B22222
  • testing.message.error.lineBackground#B2222219
  • testing.message.info.decorationForeground#405020
  • testing.message.info.lineBackground#40502019
  • testing.runAction#a3be8c
  • textBlockQuote.background#D8F0D8
  • textBlockQuote.border#6B8E23
  • textCodeBlock.background#CCD3DD
  • textLink.activeForeground#405020
  • textLink.foreground#6B8E23
  • textPreformat.foreground#2E3440
  • textSeparator.foreground#4C566A
  • titleBar.activeBackground#E8F5E8
  • titleBar.activeForeground#4D4D4D
  • titleBar.border#F0F7EE
  • titleBar.inactiveBackground#E8F5E8
  • titleBar.inactiveForeground#4F634F
  • tree.inactiveIndentGuidesStroke#D8F0D8
  • tree.indentGuidesStroke#4C566A
  • walkThrough.embeddedEditorBackground#E0EEE0
  • welcomePage.buttonBackground#C0D8C0
  • welcomePage.buttonHoverBackground#4F634F
  • welcomePage.buttonHoverForeground#E8F5E8
  • welcomePage.progress.background#6B8E23
  • welcomePage.progress.foreground#6B8E23
  • welcomePage.tileBackground#C0D8C0
  • welcomePage.tileHoverBackground#4F634F
  • welcomePage.tileHoverForeground#E8F5E8
  • 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#5E765Eitalic
comment storage.type#5A8060
comment entity.name.type#1A7A42
comment variable, comment variable.other#1A7A42
comment keyword, comment entity.name.tag, entity.name.tag.documentation#1A7A42
comment keyword.codetag.notation#7A4F7D
comment.git-status.header.remote#B22222
comment.git-status.header.local#405020
comment.other.git-status.head#2F4F4F
string.quoted.docstring, string.quoted.docstring punctuation.definition#A8C9A8
constant#7A4F7D
constant.other#2F4F4F
constant.other.caps#7A4F7D
constant.other.placeholder#CD5C5C
constant.other.property#7A4F7D
constant.other.citation.latex#7A4F7D
constant.other.color#7A4F7D
constant.other.character-class.escape#7A4F7D
constant.other.key#7A4F7D
constant.other.symbol#CD5C5C
constant.other.elm#405020
constant.numeric#A04030
constant.language#7A4F7D
constant.character.escape#7A4F7D
constant.numeric.line-number.find-in-files#4F634F
constant.numeric.line-number.match.find-in-files#7A5A00
entity.name.section#7A5A00
entity.name.function, entity.name.function.templated, entity.name.function.member.static#405020
entity.name.type.class.templated, entity.name.type.class.generic, entity.name.type.namespace#7A5A00
entity.name.label#7A4F7D
entity.name.function.preprocessor#405020
entity.name#405020
entity.name.class#7A5A00
entity.name.constant#7A4F7D
entity.name.namespace#2F4F4F
entity.other.inherited-class#7A5A00italic
entity.name.function#405020
entity.name.tag, entity.name.tag.js.jsx support.class.component.js.jsx, entity.name.tag support.class.component, source.vue support.class.component#B22222
source.ansible entity.name.tag#405020
entity.name.function.operator#B22222
meta.brackets entity.name.function.operator, punctuation.separator entity.name.function.operator#4F634F
entity.name.type, entity.name.type.class.reference, entity.name.type.class.value#7A5A00
entity.other.attribute-name#405020italic
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#7A5A00
entity.other.attribute-name.id.css#CD5C5C
entity.other.attribute-name.pseudo-class.css, entity.other.pseudo-class.css, entity.other.pseudo-element.css#405020italic
entity.name.function, support.function#405020
entity.other.git-status.hex#7A4F7D
entity.other.jinja2.delimiter#4F634F
entity.name.operator.custom-literal#2F4F4F
entity.name.operator.custom-literal.string#405020
entity.name.operator.custom-literal.number#CD5C5C
entity.name.type.rust#7A5A00
entity.name.lifetime.rust#B22222
invalid#B22222italic underline
invalid.deprecated#CD5C5Citalic underline
keyword#B22222
keyword.control#B22222
keyword.control.directive#B22222
keyword.operator, keyword.operator.member, keyword.operator.new#B22222
keyword.other.substitution#4F634F
keyword.other.template.begin, keyword.other.template.end#B22222
keyword.operator.heading.restructuredtext, keyword.operator.table.row.restructuredtext keyword.operator.table.data.restructuredtext#4F634F
keyword.other.parenthesis.elm#4F634F
keyword.other.fn.rust, keyword.other.rust, keyword.other.unsafe.rust, keyword.other.where.rust#405020
keyword.control.rust, keyword.operator.misc.rust#B22222
keyword.declaration.class.ruby, keyword.declaration.function.ruby, keyword.declaration.namespace.ruby#B22222
markup.italicitalic
markup.boldbold
markup.heading#7A5A00
markup.raw#405020
markup.underlineunderline
markup.underline.link#405020
markup.inserted, markup.inserted punctuation.definition.inserted#405020
markup.deleted, markup.deleted punctuation.definition.deleted#B22222
markup.changed, markup.changed punctuation.definition.changed#7A5A00
markup.ignored, markup.ignored punctuation.definition.ignored#4F634F
markup.untracked#4F634F
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#4F634F
meta.function-call.generic.python, support.function.builtin.python#405020
meta.function-call.python meta.function-call.arguments.python#2F4F4F
meta.interpolation#CD5C5C
meta.instance.constructor#405020
meta.attribute-with-value.class string, meta.attribute.class.html string#7A5A00
meta.attribute-with-value.id string, meta.attribute.id.html string#A04030
source.json meta.mapping.key string#2F4F4F
source.yaml meta.mapping.key string#B22222
meta.object.member#2F4F4F
meta.property-list.css variable.other#CD5C5C
entity.name.constant.preprocessor, meta.preprocessor#7A4F7D
meta.diff.git-diff.header#7A5A00
meta.type_params.rust#2F4F4F
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#2E8B57
meta.type variable, meta.type variable.other.readwrite#7A4F7D
punctuation#4F634F
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#4F634F
punctuation.definition.group#2F4F4F
punctuation.definition.comment#4F634F
punctuation.definition.variable, punctuation.definition.keyword.scss, punctuation.definition.entity.css#2E8B57
punctuation.section.embedded, punctuation.section.embedded entity.name.tag, punctuation.section.embedded constant.other, punctuation.section.embedded source, punctuation.section.embedded.begin#CD5C5C
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#B22222
meta.paragraph.markdown meta.dummy.line-break, meta.paragraph.markdown meta.hard-line-break.markdown
markup.underline.link punctuation#405020
meta.brace.round, meta.brace.square, keyword.operator.type.annotation, meta.type storage.modifier.array#4F634F
region.redish#B22222
region.orangish#CD5C5C
region.yellowish#7A5A00
region.greenish#228B22
region.bluish#405020
region.purplish#7A4F7D
region.pinkish#B22222
region.whitish#2F4F4F
source#2F4F4F
source.scss, source.sass#4F634F
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#CD5C5Citalic
source.git-show.commit.sha#7A4F7D
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#4F634F
source.git-show meta.diff.git-diff.header.extended.index.from-sha, source.git-show meta.diff.git-diff.header.extended.index.to-sha#7A4F7D
source.git-show meta.diff.range.unified#CD5C5C
source.git-show meta.diff.header.from-file, source.git-show meta.diff.header.to-file#4F634F
storage#B22222
storage.type#405020italic
storage.type.extends#B22222normal
storage.type.function.arrow#B22222normal
storage.modifier, storage.type.modifier#B22222italic
storage.class.restructuredtext.ref#7A4F7D
storage.modifier.visibility.rust, storage.modifier.lifetime.rust#B22222
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#405020
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#B22222
storage.modifier.import.java#2F4F4F
string#1A7A42
string.unquoted.label#2F4F4F
string source#2F4F4F
string source punctuation.section.embedded, string punctuation.definition.string source#4F634F
string.other.link.title, string.other.link.description#B22222
string.other.link.description.title#405020
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end#B22222
string.other.ref, string.other.restructuredtext.ref#405020
string.other.git-status.help.key#1A7A42
string.other.git-status.remote#B22222
support.constant#405020
support.constant.handlebars#4F634F
support.type.vendor-prefix.css#1A7A42
support.function#405020
support.macro#405020
support.function.delimiter.elm#4F634F
support.type, entity.name.type.object.console#405020italic
support.variable, support.variable.property#405020
support.type.property-name#2F4F4Fnormal
support.class#7A5A00
support.constant.core.rust#7A4F7D
comment support, comment support.class#5E765E
text#2F4F4F
text.find-in-files#2F4F4F
variable, variable.other#2F4F4F
variable.parameter, parameters variable.function#CD5C5Citalic
variable.language, variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python#2E8B57italic
variable.language.arguments#7A4F7D
variable.other.class#7A5A00
variable.other.constant#7A4F7D
variable.other.readwrite#2F4F4F
variable.other.member#2F4F4F
variable.other.enummember#7A4F7D
variable.other.property, variable.other.property.static, variable.other.event#2F4F4F
variable.function#405020
variable.other.substitution#CD5C5C
source.ruby variable.other.readwrite.instance.ruby, source.ruby variable.other.readwrite.class.ruby#7A4F7D
source.jinja2 variable.other.jinja2.block#405020
source.jinja2 variable.other.jinja2#CD5C5C