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.activeBackground#FFFFFF
  • activityBar.activeBorder#C14A6D
  • activityBar.activeFocusBorder#C14A6D
  • activityBar.background#F1F2F7
  • activityBar.border#D7DBE6
  • activityBar.dropBorder#7A57C0
  • activityBar.foreground#744CAC
  • activityBar.inactiveForeground#9AA3BB
  • activityBarBadge.background#744CAC
  • activityBarBadge.foreground#FFFFFF
  • activityErrorBadge.background#C93A54
  • activityErrorBadge.foreground#FFFFFF
  • activityWarningBadge.background#B8861E
  • activityWarningBadge.foreground#FFFFFF
  • badge.background#744CAC
  • badge.foreground#FFFFFF
  • banner.background#E9EBF2
  • banner.foreground#3A4154
  • banner.iconForeground#C14A6D
  • breadcrumb.activeSelectionForeground#2E3444
  • breadcrumb.background#F9FAFC
  • breadcrumb.focusForeground#3A4154
  • breadcrumb.foreground#8A93A8
  • breadcrumbPicker.background#FFFFFF
  • button.background#8C6BD3
  • button.border#00000000
  • button.foreground#FFFFFF
  • button.hoverBackground#7A57C0
  • button.secondaryBackground#FFFFFF
  • button.secondaryBorder#C3C9D9
  • button.secondaryForeground#3A4154
  • button.secondaryHoverBackground#F2F3F8
  • chart.axis#DDE0E9
  • chart.guide#E3E6EE
  • chart.line#8A93A8
  • charts.blue#3A5FB5
  • charts.foreground#6E7690
  • charts.green#2E7D4A
  • charts.lines#C3C9D9
  • charts.orange#BC5819
  • charts.purple#744CAC
  • charts.red#B32545
  • charts.yellow#8A6617
  • chat.avatarBackground#E4E7EF
  • chat.avatarForeground#744CAC
  • chat.editedFileForeground#C14A6D
  • chat.linesAddedForeground#2E7D4A
  • chat.linesRemovedForeground#B32545
  • chat.requestBackground#FFFFFF
  • chat.requestBorder#C3C9D9
  • chat.requestBubbleBackground#F5F6FA
  • chat.requestBubbleHoverBackground#F2F3F8
  • chat.requestCodeBorder#C3C9D9
  • chat.slashCommandBackground#E9EBF2
  • chat.slashCommandForeground#3A4154
  • checkbox.background#FFFFFF
  • checkbox.border#C3C9D9
  • checkbox.foreground#3A4154
  • checkbox.selectBackground#DFE2EC
  • checkbox.selectBorder#744CAC
  • commandCenter.activeBackground#E9EBF2
  • commandCenter.activeBorder#7A57C0
  • commandCenter.activeForeground#2E3444
  • commandCenter.background#FFFFFF
  • commandCenter.border#D7DBE6
  • commandCenter.foreground#565E74
  • commandCenter.inactiveBorder#DDE0E9
  • commandCenter.inactiveForeground#8A93A8
  • commentsView.resolvedIcon#2E7D4A
  • commentsView.unresolvedIcon#BC5819
  • debugConsole.errorForeground#B32545
  • debugConsole.infoForeground#3A5FB5
  • debugConsole.sourceForeground#8A93A8
  • debugConsole.warningForeground#8A6617
  • debugConsoleInputIcon.foreground#8C6BD3
  • debugExceptionWidget.background#FFFFFF
  • debugExceptionWidget.border#C3C9D9
  • debugIcon.breakpointCurrentStackframeForeground#3C8F59
  • debugIcon.breakpointDisabledForeground#9AA3BB
  • debugIcon.breakpointForeground#B32545
  • debugIcon.breakpointStackframeForeground#2E7D4A
  • debugIcon.breakpointUnverifiedForeground#8A93A8
  • debugIcon.continueForeground#247144
  • debugIcon.disconnectForeground#B32545
  • debugIcon.pauseForeground#8A6617
  • debugIcon.restartForeground#1F7A73
  • debugIcon.startForeground#247144
  • debugIcon.stepBackForeground#3A5FB5
  • debugIcon.stepIntoForeground#3A5FB5
  • debugIcon.stepOutForeground#3A5FB5
  • debugIcon.stepOverForeground#3A5FB5
  • debugIcon.stopForeground#B32545
  • debugTokenExpression.boolean#BC5819
  • debugTokenExpression.error#B32545
  • debugTokenExpression.name#3A5FB5
  • debugTokenExpression.number#BC5819
  • debugTokenExpression.string#2E7D4A
  • debugTokenExpression.type#8A6617
  • debugTokenExpression.value#3A4154
  • debugToolBar.background#FFFFFF
  • debugToolBar.border#C3C9D9
  • debugView.exceptionLabelBackground#F9FAFC
  • debugView.exceptionLabelForeground#B32545
  • debugView.stateLabelBackground#E9EBF2
  • debugView.stateLabelForeground#3A4154
  • debugView.valueChangedHighlight#8A6617
  • descriptionForeground#6E7690
  • diffEditor.border#D7DBE6
  • diffEditor.diagonalFill#D7DBE6
  • diffEditor.insertedLineBackground#2E7D4A22
  • diffEditor.insertedTextBackground#2E7D4A4C
  • diffEditor.insertedTextBorder#2E7D4A
  • diffEditor.removedLineBackground#B3254522
  • diffEditor.removedTextBackground#B325454C
  • diffEditor.removedTextBorder#B32545
  • diffEditorGutter.insertedLineBackground#3C8F59
  • diffEditorGutter.removedLineBackground#C93A54
  • diffEditorOverview.insertedForeground#2E7D4ACC
  • diffEditorOverview.removedForeground#B32545CC
  • disabledForeground#9AA3BB
  • dropdown.background#FFFFFF
  • dropdown.border#C3C9D9
  • dropdown.foreground#3A4154
  • dropdown.listBackground#FFFFFF
  • editor.background#F9FAFC
  • editor.compositionBorder#7A57C0
  • editor.findMatchBackground#BC5819
  • editor.findMatchBorder#BC5819
  • editor.findMatchForeground#FFFFFF
  • editor.findMatchHighlightBackground#8C6BD355
  • editor.findMatchHighlightBorder#7A57C0
  • editor.findMatchHighlightForeground#3A4154
  • editor.findRangeHighlightBackground#C0B4E822
  • editor.findRangeHighlightBorder#7A57C0
  • editor.focusedStackFrameHighlightBackground#8C6BD344
  • editor.foldBackground#EDEFF5
  • editor.foldPlaceholderForeground#9AA3BB
  • editor.foreground#3A4154
  • editor.hoverHighlightBackground#C14A6D11
  • editor.inactiveLineHighlightBackground#F5F6FA
  • editor.inactiveSelectionBackground#C4D0EA66
  • editor.inlineValuesBackground#F9FAFC8C
  • editor.inlineValuesForeground#BC5819
  • editor.lineHighlightBackground#F1F2F7
  • editor.lineHighlightBorder#00000000
  • editor.linkedEditingBackground#B7C5EB88
  • editor.placeholder.foreground#9AA3BB
  • editor.rangeHighlightBackground#C0B4E822
  • editor.rangeHighlightBorder#7A57C0
  • editor.selectionBackground#B7C5EB
  • editor.selectionForeground#2E3444
  • editor.selectionHighlightBackground#B7C5EB5E
  • editor.selectionHighlightBorder#00000000
  • editor.snippetFinalTabstopHighlightBackground#BC581933
  • editor.snippetFinalTabstopHighlightBorder#BC5819
  • editor.snippetTabstopHighlightBackground#8C6BD333
  • editor.snippetTabstopHighlightBorder#744CAC
  • editor.stackFrameHighlightBackground#C0B4E833
  • editor.symbolHighlightBackground#C14A6D2C
  • editor.symbolHighlightBorder#C14A6D
  • editor.wordHighlightBackground#C4D0EA66
  • editor.wordHighlightBorder#00000000
  • editor.wordHighlightStrongBackground#C0B4E880
  • editor.wordHighlightStrongBorder#00000000
  • editor.wordHighlightTextBackground#B7C5EBAA
  • editor.wordHighlightTextBorder#00000000
  • editorActionList.background#FFFFFF
  • editorActionList.focusBackground#E9EBF2
  • editorActionList.focusForeground#2E3444
  • editorActionList.foreground#3A4154
  • editorBracketHighlight.foreground1#C14A6D
  • editorBracketHighlight.foreground2#744CAC
  • editorBracketHighlight.foreground3#1F7A73
  • editorBracketHighlight.foreground4#BC5819
  • editorBracketHighlight.foreground5#3A5FB5
  • editorBracketHighlight.foreground6#2E7D4A
  • editorBracketHighlight.unexpectedBracket.foreground#C93A54
  • editorBracketMatch.background#C0B4E833
  • editorBracketMatch.border#744CAC
  • editorBracketMatch.foreground#744CAC
  • editorBracketPairGuide.activeBackground1#C14A6D66
  • editorBracketPairGuide.activeBackground2#744CAC66
  • editorBracketPairGuide.activeBackground3#1F7A7366
  • editorBracketPairGuide.activeBackground4#BC581966
  • editorBracketPairGuide.activeBackground5#3A5FB566
  • editorBracketPairGuide.activeBackground6#2E7D4A66
  • editorBracketPairGuide.background1#C14A6D33
  • editorBracketPairGuide.background2#744CAC33
  • editorBracketPairGuide.background3#1F7A7333
  • editorBracketPairGuide.background4#BC581933
  • editorBracketPairGuide.background5#3A5FB533
  • editorBracketPairGuide.background6#2E7D4A33
  • editorCodeLens.foreground#9AA3BB
  • editorCommentsWidget.rangeActiveBackground#C0B4E880
  • editorCommentsWidget.rangeBackground#C3C9D960
  • editorCommentsWidget.replyInputBackground#FFFFFF
  • editorCommentsWidget.resolvedBorder#2E7D4A
  • editorCommentsWidget.unresolvedBorder#B32545
  • editorCursor.background#F9FAFC
  • editorCursor.foreground#C14A6D
  • editorError.background#B3254514
  • editorError.border#00000000
  • editorError.foreground#B32545
  • editorGhostText.background#00000000
  • editorGhostText.border#00000000
  • editorGhostText.foreground#AAB0C3
  • editorGroup.border#D7DBE6
  • editorGroup.dropBackground#7A57C0AA
  • editorGroup.dropIntoPromptBackground#F1F2F7
  • editorGroup.dropIntoPromptBorder#C3C9D9
  • editorGroup.dropIntoPromptForeground#3A4154
  • editorGroup.emptyBackground#F9FAFC
  • editorGroup.focusedEmptyBorder#7A57C0
  • editorGroupHeader.border#D7DBE6
  • editorGroupHeader.noTabsBackground#F1F2F7
  • editorGroupHeader.tabsBackground#F1F2F7
  • editorGroupHeader.tabsBorder#D7DBE6
  • editorGutter.addedBackground#3C8F59
  • editorGutter.addedSecondaryBackground#3C8F5966
  • editorGutter.background#F9FAFC
  • editorGutter.commentGlyphForeground#9AA3BB
  • editorGutter.commentRangeForeground#AAB0C3
  • editorGutter.commentUnresolvedGlyphForeground#BC5819
  • editorGutter.deletedBackground#C93A54
  • editorGutter.deletedSecondaryBackground#C93A5466
  • editorGutter.foldingControlForeground#8A93A8
  • editorGutter.itemGlyphForeground#8A93A8
  • editorGutter.modifiedBackground#B8861E
  • editorGutter.modifiedSecondaryBackground#B8861E66
  • editorHint.border#00000000
  • editorHint.foreground#2E7D4A
  • editorHoverWidget.background#FFFFFF
  • editorHoverWidget.border#C3C9D9
  • editorHoverWidget.foreground#3A4154
  • editorHoverWidget.highlightForeground#B32545
  • editorHoverWidget.statusBarBackground#E9EBF2
  • editorIndentGuide.activeBackground#C3C9D9
  • editorIndentGuide.activeBackground1#C3C9D9
  • editorIndentGuide.activeBackground2#B7A6DC
  • editorIndentGuide.activeBackground3#B4BDD2
  • editorIndentGuide.activeBackground4#C3C9D9
  • editorIndentGuide.activeBackground5#BAC0D4
  • editorIndentGuide.activeBackground6#C3C9D9
  • editorIndentGuide.background#E3E6EE
  • editorIndentGuide.background1#E3E6EE
  • editorIndentGuide.background2#E7E1F1
  • editorIndentGuide.background3#E2E6EF
  • editorIndentGuide.background4#E3E7F0
  • editorIndentGuide.background5#E6E6F0
  • editorIndentGuide.background6#E2E3EA
  • editorInfo.background#3A5FB514
  • editorInfo.border#00000000
  • editorInfo.foreground#3A5FB5
  • editorInlayHint.background#E7E9F0
  • editorInlayHint.foreground#7A84A0
  • editorInlayHint.parameterBackground#E7E9F0
  • editorInlayHint.parameterForeground#A34A6B
  • editorInlayHint.typeBackground#E7E9F0
  • editorInlayHint.typeForeground#3A5FB5
  • editorLightBulb.foreground#8A6617
  • editorLightBulbAi.foreground#C14A6D
  • editorLightBulbAutoFix.foreground#2E7D4A
  • editorLineNumber.activeForeground#7A57C0
  • editorLineNumber.dimmedForeground#D7DBE6
  • editorLineNumber.foreground#B8BFCE
  • editorLink.activeForeground#2A48A0
  • editorMarkerNavigation.background#FFFFFF
  • editorMarkerNavigationError.background#B32545
  • editorMarkerNavigationInfo.background#3A5FB5
  • editorMarkerNavigationWarning.background#8A6617
  • editorMultiCursor.primary.background#F9FAFC
  • editorMultiCursor.primary.foreground#C14A6D
  • editorMultiCursor.secondary.background#F9FAFC
  • editorMultiCursor.secondary.foreground#1F7A73
  • editorOverviewRuler.addedForeground#2E7D4A
  • editorOverviewRuler.background#F9FAFC
  • editorOverviewRuler.border#E3E6EE
  • editorOverviewRuler.bracketMatchForeground#7A57C0
  • editorOverviewRuler.commonContentForeground#9AA3BB
  • editorOverviewRuler.currentContentForeground#744CAC
  • editorOverviewRuler.deletedForeground#B32545
  • editorOverviewRuler.errorForeground#B32545
  • editorOverviewRuler.findMatchForeground#BC5819
  • editorOverviewRuler.incomingContentForeground#3A5FB5
  • editorOverviewRuler.infoForeground#3A5FB5
  • editorOverviewRuler.modifiedForeground#8A6617
  • editorOverviewRuler.rangeHighlightForeground#7A57C0
  • editorOverviewRuler.selectionHighlightForeground#C14A6D66
  • editorOverviewRuler.warningForeground#8A6617
  • editorOverviewRuler.wordHighlightForeground#8C6BD3
  • editorOverviewRuler.wordHighlightStrongForeground#744CAC
  • editorOverviewRuler.wordHighlightTextForeground#3A5FB5
  • editorPane.background#F9FAFC
  • editorRuler.foreground#DDE0E9
  • editorStickyScroll.background#F1F2F7
  • editorStickyScroll.border#D7DBE6
  • editorStickyScroll.shadow#00000000
  • editorStickyScrollGutter.background#F1F2F7
  • editorStickyScrollHover.background#E9EBF2
  • editorSuggestWidget.background#FFFFFF
  • editorSuggestWidget.border#C3C9D9
  • editorSuggestWidget.focusHighlightForeground#B32545
  • editorSuggestWidget.foreground#3A4154
  • editorSuggestWidget.highlightForeground#B32545
  • editorSuggestWidget.selectedBackground#E9EBF2
  • editorSuggestWidget.selectedForeground#2E3444
  • editorSuggestWidget.selectedIconForeground#2E3444
  • editorSuggestWidgetStatus.foreground#8A93A8
  • editorUnicodeHighlight.background#B325452C
  • editorUnicodeHighlight.border#B32545
  • editorUnnecessaryCode.border#9AA3BB
  • editorUnnecessaryCode.opacity#FFFFFF66
  • editorWarning.background#8A661714
  • editorWarning.border#00000000
  • editorWarning.foreground#8A6617
  • editorWhitespace.foreground#E3E6EE
  • editorWidget.background#FFFFFF
  • editorWidget.border#C3C9D9
  • editorWidget.foreground#3A4154
  • editorWidget.resizeBorder#7A57C0
  • errorForeground#B32545
  • extensionBadge.remoteBackground#DBE6F5
  • extensionBadge.remoteForeground#2A48A0
  • extensionButton.background#FFFFFF
  • extensionButton.border#C3C9D9
  • extensionButton.foreground#3A4154
  • extensionButton.hoverBackground#F2F3F8
  • extensionButton.prominentBackground#744CAC
  • extensionButton.prominentForeground#FFFFFF
  • extensionButton.prominentHoverBackground#8C6BD3
  • extensionIcon.starForeground#8A6617
  • extensionIcon.verifiedForeground#3A5FB5
  • focusBorder#7A57C0
  • foreground#3A4154
  • gauge.background#FFFFFF
  • gauge.border#D7DBE6
  • gauge.errorBackground#F9E2E9
  • gauge.errorForeground#A8253F
  • gauge.foreground#3A4154
  • gauge.warningBackground#F4ECD4
  • gauge.warningForeground#7A5E12
  • git.blame.editorDecorationForeground#AAB0C3
  • gitDecoration.addedResourceForeground#247144
  • gitDecoration.conflictingResourceForeground#BC5819
  • gitDecoration.deletedResourceForeground#A8253F
  • gitDecoration.ignoredResourceForeground#B4BCCE
  • gitDecoration.modifiedResourceForeground#8A6617
  • gitDecoration.renamedResourceForeground#3A5FB5
  • gitDecoration.stageDeletedResourceForeground#A8253F
  • gitDecoration.stageModifiedResourceForeground#8A6617
  • gitDecoration.submoduleResourceForeground#1F7A73
  • gitDecoration.untrackedResourceForeground#2E7D4A
  • icon.foreground#636F85
  • inlineChat.background#FFFFFF
  • inlineChat.border#C3C9D9
  • inlineChat.foreground#3A4154
  • inlineChat.shadow#00000000
  • inlineChatDiff.inserted#2E7D4A4C
  • inlineChatDiff.removed#B325454C
  • inlineChatInput.background#E9EBF2
  • inlineChatInput.border#D7DBE6
  • inlineChatInput.focusBorder#7A57C0
  • inlineChatInput.placeholderForeground#9AA3BB
  • input.background#FFFFFF
  • input.border#C3C9D9
  • input.foreground#3A4154
  • input.placeholderForeground#9AA3BB
  • inputOption.activeBackground#E4E0F4
  • inputOption.activeBorder#744CAC
  • inputOption.activeForeground#3A4154
  • inputOption.hoverBackground#F0EFF7
  • inputValidation.errorBackground#F9E9EE
  • inputValidation.errorBorder#C93A54
  • inputValidation.errorForeground#B32545
  • inputValidation.infoBackground#E9EFFB
  • inputValidation.infoBorder#3A5FB5
  • inputValidation.infoForeground#2A48A0
  • inputValidation.warningBackground#F6F0DC
  • inputValidation.warningBorder#8A6617
  • inputValidation.warningForeground#7A5E12
  • interactive.activeCodeBorder#7A57C0
  • interactive.inactiveCodeBorder#C3C9D9
  • keybindingLabel.background#EDEFF5
  • keybindingLabel.border#DDE0E9
  • keybindingLabel.bottomBorder#C3C9D9
  • keybindingLabel.foreground#3A4154
  • list.activeSelectionBackground#DEE2EE
  • list.activeSelectionForeground#2E3444
  • list.activeSelectionIconForeground#2E3444
  • list.deemphasizedForeground#9AA3BB
  • list.dropBackground#B7C5EB55
  • list.dropBetweenBackground#7A57C0
  • list.errorForeground#B32545
  • list.filterMatchBackground#B7C5EB66
  • list.filterMatchBorder#7A57C0
  • list.focusAndSelectionOutline#7A57C0
  • list.focusBackground#DEE2EE
  • list.focusForeground#2E3444
  • list.focusHighlightForeground#B32545
  • list.focusOutline#7A57C0
  • list.highlightForeground#B32545
  • list.hoverBackground#E9EBF2
  • list.hoverForeground#3A4154
  • list.inactiveFocusBackground#E4E7EF
  • list.inactiveFocusOutline#C3C9D9
  • list.inactiveSelectionBackground#E4E7EF
  • list.inactiveSelectionForeground#3A4154
  • list.inactiveSelectionIconForeground#565E74
  • list.invalidItemForeground#B32545
  • list.warningForeground#8A6617
  • listFilterWidget.background#FFFFFF
  • listFilterWidget.noMatchesOutline#C93A54
  • listFilterWidget.outline#7A57C0
  • markdownAlert.caution.foreground#B32545
  • markdownAlert.important.foreground#744CAC
  • markdownAlert.note.foreground#3A5FB5
  • markdownAlert.tip.foreground#2E7D4A
  • markdownAlert.warning.foreground#8A6617
  • menu.background#FFFFFF
  • menu.border#D7DBE6
  • menu.foreground#3A4154
  • menu.selectionBackground#E9EBF2
  • menu.selectionBorder#00000000
  • menu.selectionForeground#2E3444
  • menu.separatorBackground#DDE0E9
  • menubar.selectionBackground#E4E7EF
  • menubar.selectionBorder#00000000
  • menubar.selectionForeground#2E3444
  • merge.border#C3C9D9
  • merge.commonContentBackground#DDE0E9
  • merge.commonHeaderBackground#E4E7EF
  • merge.currentContentBackground#C0B4E82E
  • merge.currentHeaderBackground#E4DDF4
  • merge.incomingContentBackground#B7C5EB1C
  • merge.incomingHeaderBackground#DBE6F5
  • minimap.background#F9FAFC
  • minimap.errorHighlight#C93A54
  • minimap.findMatchHighlight#BC5819
  • minimap.infoHighlight#3A5FB5
  • minimap.selectionHighlight#C14A6D66
  • minimap.selectionOccurrenceHighlight#744CAC66
  • minimap.warningHighlight#8A6617
  • minimapGutter.addedBackground#3C8F59
  • minimapGutter.deletedBackground#C93A54
  • minimapGutter.modifiedBackground#B8861E
  • minimapSlider.activeBackground#AAB0C355
  • minimapSlider.background#C3C9D933
  • minimapSlider.hoverBackground#C3C9D944
  • notebook.cellBorderColor#D7DBE6
  • notebook.cellEditorBackground#F9FAFC
  • notebook.cellHoverBackground#F5F6FA
  • notebook.cellInsertionIndicator#7A57C0
  • notebook.cellStatusBarItemHoverBackground#E9EBF2
  • notebook.cellToolbarSeparator#D7DBE6
  • notebook.editorBackground#F9FAFC
  • notebook.focusedCellBackground#F5F6FA
  • notebook.focusedCellBorder#7A57C0
  • notebook.focusedEditorBorder#7A57C0
  • notebook.inactiveFocusedCellBorder#D7DBE6
  • notebook.inactiveSelectedCellBorder#C3C9D9
  • notebook.outputContainerBackgroundColor#F1F2F7
  • notebook.outputContainerBorderColor#D7DBE6
  • notebook.selectedCellBackground#EDEFF5
  • notebook.selectedCellBorder#C3C9D9
  • notebook.symbolHighlightBackground#C14A6D11
  • notebookEditorOverviewRuler.runningCellForeground#2E7D4A
  • notebookScrollbarSlider.activeBackground#9C85D8
  • notebookScrollbarSlider.background#C3C9D9
  • notebookScrollbarSlider.hoverBackground#AAB0C3
  • notebookStatusErrorIcon.foreground#B32545
  • notebookStatusRunningIcon.foreground#3A5FB5
  • notebookStatusSuccessIcon.foreground#2E7D4A
  • notificationCenter.border#C3C9D9
  • notificationCenterHeader.background#E9EBF2
  • notificationCenterHeader.foreground#3A4154
  • notificationLink.foreground#3A5FB5
  • notifications.background#FFFFFF
  • notifications.border#DDE0E9
  • notifications.foreground#3A4154
  • notificationsErrorIcon.foreground#B32545
  • notificationsInfoIcon.foreground#3A5FB5
  • notificationsWarningIcon.foreground#8A6617
  • notificationToast.border#C3C9D9
  • outputView.background#F9FAFC
  • outputViewStickyScroll.background#F1F2F7
  • panel.background#F1F2F7
  • panel.border#D7DBE6
  • panel.dropBorder#7A57C0
  • panelInput.border#C3C9D9
  • panelSection.border#DDE0E9
  • panelSection.dropBackground#B7C5EB55
  • panelSectionHeader.background#E9EBF2
  • panelSectionHeader.border#D7DBE6
  • panelSectionHeader.foreground#8A93A8
  • panelStickyScroll.background#F1F2F7
  • panelStickyScroll.border#D7DBE6
  • panelTitle.activeBorder#C14A6D
  • panelTitle.activeForeground#2E3444
  • panelTitle.border#D7DBE6
  • panelTitle.inactiveForeground#8A93A8
  • panelTitleBadge.background#744CAC
  • panelTitleBadge.foreground#FFFFFF
  • peekView.border#7A57C0
  • peekViewEditor.background#F9FAFC
  • peekViewEditor.matchHighlightBackground#8C6BD333
  • peekViewEditor.matchHighlightBorder#7A57C0
  • peekViewEditorGutter.background#F9FAFC
  • peekViewResult.background#FFFFFF
  • peekViewResult.fileForeground#6E7690
  • peekViewResult.lineForeground#8A93A8
  • peekViewResult.matchHighlightBackground#8C6BD333
  • peekViewResult.selectionBackground#E4E7EF
  • peekViewResult.selectionForeground#2E3444
  • peekViewTitle.background#E9EBF2
  • peekViewTitleDescription.foreground#6E7690
  • peekViewTitleLabel.foreground#3A4154
  • pickerGroup.border#DDE0E9
  • pickerGroup.foreground#8A93A8
  • ports.iconRunningProcessForeground#8A6617
  • problemsErrorIcon.foreground#B32545
  • problemsInfoIcon.foreground#3A5FB5
  • problemsWarningIcon.foreground#8A6617
  • profileBadge.background#E4E7EF
  • profileBadge.foreground#744CAC
  • profiles.sashBorder#D7DBE6
  • progressBar.background#8C6BD3
  • quickInput.background#FFFFFF
  • quickInput.foreground#3A4154
  • quickInputList.focusBackground#E9EBF2
  • quickInputList.focusForeground#2E3444
  • quickInputList.focusIconForeground#2E3444
  • quickInputTitle.background#E9EBF2
  • radio.activeBackground#DFE2EC
  • radio.activeBorder#744CAC
  • radio.activeForeground#3A4154
  • radio.inactiveBackground#FFFFFF
  • radio.inactiveBorder#C3C9D9
  • radio.inactiveForeground#6E7690
  • radio.inactiveHoverBackground#F2F3F8
  • sash.hoverBorder#7A57C0
  • scmGraph.foreground1#C14A6D
  • scmGraph.foreground2#744CAC
  • scmGraph.foreground3#3A5FB5
  • scmGraph.foreground4#1F7A73
  • scmGraph.foreground5#2E7D4A
  • scmGraph.historyItemBaseRefColor#7A57C0
  • scmGraph.historyItemHoverAdditionsForeground#2E7D4A
  • scmGraph.historyItemHoverDeletionsForeground#B32545
  • scmGraph.historyItemRefColor#8A6617
  • scmGraph.historyItemRemoteRefColor#BC5819
  • scrollbar.background#F1F2F7
  • scrollbar.shadow#00000000
  • scrollbarSlider.activeBackground#9C85D8
  • scrollbarSlider.background#C3C9D9
  • scrollbarSlider.hoverBackground#AAB0C3
  • search.resultsInfoForeground#8A93A8
  • searchEditor.findMatchBackground#8C6BD355
  • searchEditor.findMatchBorder#7A57C0
  • searchEditor.textInputBorder#C3C9D9
  • selection.background#B7C5EB
  • settings.checkboxBackground#FFFFFF
  • settings.checkboxBorder#C3C9D9
  • settings.checkboxForeground#3A4154
  • settings.dropdownBackground#FFFFFF
  • settings.dropdownBorder#C3C9D9
  • settings.dropdownForeground#3A4154
  • settings.dropdownListBorder#DDE0E9
  • settings.focusedRowBackground#E9EBF2
  • settings.focusedRowBorder#7A57C0
  • settings.headerBorder#DDE0E9
  • settings.headerForeground#3A4154
  • settings.modifiedItemIndicator#8A6617
  • settings.numberInputBackground#FFFFFF
  • settings.numberInputBorder#C3C9D9
  • settings.numberInputForeground#3A4154
  • settings.rowHoverBackground#EDEFF5
  • settings.sashBorder#DDE0E9
  • settings.settingsHeaderHoverForeground#2E3444
  • settings.textInputBackground#FFFFFF
  • settings.textInputBorder#C3C9D9
  • settings.textInputForeground#3A4154
  • sideBar.background#F1F2F7
  • sideBar.border#D7DBE6
  • sideBar.dropBackground#B7C5EB55
  • sideBar.foreground#565E74
  • sideBarActivityBarTop.border#D7DBE6
  • sideBarSectionHeader.background#E9EBF2
  • sideBarSectionHeader.border#D7DBE6
  • sideBarSectionHeader.foreground#8A93A8
  • sideBarStickyScroll.background#F1F2F7
  • sideBarStickyScroll.border#D7DBE6
  • sideBarStickyScroll.shadow#00000000
  • sideBarTitle.background#F1F2F7
  • sideBarTitle.border#D7DBE6
  • sideBarTitle.foreground#8A93A8
  • sideBySideEditor.horizontalBorder#D7DBE6
  • sideBySideEditor.verticalBorder#D7DBE6
  • simpleFindWidget.sashBorder#7A57C0
  • statusBar.background#E4E7EF
  • statusBar.border#D7DBE6
  • statusBar.debuggingBackground#E4DDF4
  • statusBar.debuggingBorder#D7DBE6
  • statusBar.debuggingForeground#5A3E97
  • statusBar.focusBorder#7A57C0
  • statusBar.foreground#565E74
  • statusBar.noFolderBackground#E9EBF2
  • statusBar.noFolderBorder#D7DBE6
  • statusBar.noFolderForeground#565E74
  • statusBarItem.activeBackground#DDE0E9
  • statusBarItem.compactHoverBackground#DDE0E9
  • statusBarItem.errorBackground#F9E2E9
  • statusBarItem.errorForeground#A8253F
  • statusBarItem.errorHoverBackground#F6D6E0
  • statusBarItem.errorHoverForeground#B32545
  • statusBarItem.focusBorder#7A57C0
  • statusBarItem.hoverBackground#DDE0E9
  • statusBarItem.hoverForeground#2E3444
  • statusBarItem.offlineBackground#F9E2E9
  • statusBarItem.offlineForeground#A8253F
  • statusBarItem.offlineHoverBackground#F6D6E0
  • statusBarItem.offlineHoverForeground#B32545
  • statusBarItem.prominentBackground#744CAC
  • statusBarItem.prominentForeground#FFFFFF
  • statusBarItem.prominentHoverBackground#8C6BD3
  • statusBarItem.prominentHoverForeground#FFFFFF
  • statusBarItem.remoteBackground#DBE6F5
  • statusBarItem.remoteForeground#2A48A0
  • statusBarItem.remoteHoverBackground#CDDCEE
  • statusBarItem.remoteHoverForeground#24408F
  • statusBarItem.warningBackground#F4ECD4
  • statusBarItem.warningForeground#7A5E12
  • statusBarItem.warningHoverBackground#F0E4C2
  • statusBarItem.warningHoverForeground#6E5510
  • symbolIcon.arrayForeground#1F7A73
  • symbolIcon.booleanForeground#BC5819
  • symbolIcon.classForeground#8A6617
  • symbolIcon.colorForeground#C14A6D
  • symbolIcon.constantForeground#BC5819
  • symbolIcon.constructorForeground#C14A6D
  • symbolIcon.enumeratorForeground#8A6617
  • symbolIcon.enumeratorMemberForeground#3A5FB5
  • symbolIcon.eventForeground#B32545
  • symbolIcon.fieldForeground#3A5FB5
  • symbolIcon.fileForeground#6E7690
  • symbolIcon.folderForeground#636F85
  • symbolIcon.functionForeground#C14A6D
  • symbolIcon.interfaceForeground#8A6617
  • symbolIcon.keyForeground#8A6617
  • symbolIcon.keywordForeground#744CAC
  • symbolIcon.methodForeground#C14A6D
  • symbolIcon.moduleForeground#1F7A73
  • symbolIcon.namespaceForeground#1F7A73
  • symbolIcon.nullForeground#BC5819
  • symbolIcon.numberForeground#BC5819
  • symbolIcon.objectForeground#3A5FB5
  • symbolIcon.operatorForeground#8A93A8
  • symbolIcon.packageForeground#1F7A73
  • symbolIcon.propertyForeground#3A5FB5
  • symbolIcon.referenceForeground#2E7D4A
  • symbolIcon.snippetForeground#2E7D4A
  • symbolIcon.stringForeground#2E7D4A
  • symbolIcon.structForeground#8A6617
  • symbolIcon.textForeground#636F85
  • symbolIcon.typeParameterForeground#3A5FB5
  • symbolIcon.unitForeground#BC5819
  • symbolIcon.variableForeground#3A5FB5
  • tab.activeBackground#F9FAFC
  • tab.activeBorder#C14A6D
  • tab.activeBorderTop#C14A6D
  • tab.activeForeground#2E3444
  • tab.activeModifiedBorder#BC5819
  • tab.border#D7DBE6
  • tab.dragAndDropBorder#C14A6D
  • tab.hoverBackground#E9EBF2
  • tab.hoverBorder#C14A6D70
  • tab.hoverForeground#3A4154
  • tab.inactiveBackground#F1F2F7
  • tab.inactiveForeground#8A93A8
  • tab.inactiveModifiedBorder#BC581955
  • tab.lastPinnedBorder#D7DBE6
  • tab.selectedBackground#F9FAFC
  • tab.selectedBorderTop#C14A6D
  • tab.selectedForeground#2E3444
  • tab.unfocusedActiveBackground#F5F6FA
  • tab.unfocusedActiveBorder#C3C9D9
  • tab.unfocusedActiveBorderTop#C3C9D9
  • tab.unfocusedActiveForeground#636F85
  • tab.unfocusedActiveModifiedBorder#BC581977
  • tab.unfocusedHoverBackground#E4E7EF
  • tab.unfocusedHoverBorder#C3C9D9
  • tab.unfocusedHoverForeground#565E74
  • tab.unfocusedInactiveBackground#EDEFF5
  • tab.unfocusedInactiveForeground#9AA3BB
  • tab.unfocusedInactiveModifiedBorder#BC581944
  • terminal.ansiBlack#3A4154
  • terminal.ansiBlue#3A5FB5
  • terminal.ansiBrightBlack#9AA3BB
  • terminal.ansiBrightBlue#4A70C9
  • terminal.ansiBrightCyan#2B9188
  • terminal.ansiBrightGreen#3C8F59
  • terminal.ansiBrightMagenta#9A62C4
  • terminal.ansiBrightRed#C9607A
  • terminal.ansiBrightWhite#2E3444
  • terminal.ansiBrightYellow#BB8F26
  • terminal.ansiCyan#1F7A73
  • terminal.ansiGreen#2E7D4A
  • terminal.ansiMagenta#8448BB
  • terminal.ansiRed#C93A54
  • terminal.ansiWhite#6E7690
  • terminal.ansiYellow#A37A1C
  • terminal.background#F9FAFC
  • terminal.border#D7DBE6
  • terminal.dropBackground#B7C5EB55
  • terminal.findMatchBackground#BC5819
  • terminal.findMatchBorder#BC5819
  • terminal.findMatchForeground#FFFFFF
  • terminal.findMatchHighlightBackground#8C6BD355
  • terminal.findMatchHighlightBorder#7A57C0
  • terminal.foreground#3A4154
  • terminal.hoverHighlightBackground#C14A6D2C
  • terminal.inactiveSelectionBackground#C4D0EA66
  • terminal.selectionBackground#B7C5EB
  • terminal.selectionForeground#2E3444
  • terminal.tab.activeBorder#C14A6D
  • terminalCommandDecoration.defaultBackground#C3C9D9
  • terminalCommandDecoration.errorBackground#C93A54
  • terminalCommandDecoration.successBackground#3C8F59
  • terminalCursor.background#F9FAFC
  • terminalCursor.foreground#C14A6D
  • terminalOverviewRuler.cursorForeground#C14A6D
  • terminalOverviewRuler.findMatchForeground#BC5819
  • terminalStickyScroll.background#F1F2F7
  • terminalStickyScroll.border#D7DBE6
  • terminalStickyScrollHover.background#E9EBF2
  • testing.coveredBackground#2E7D4A18
  • testing.coveredBorder#3C8F59
  • testing.coveredGutterBackground#3C8F59
  • testing.iconErrored#744CAC
  • testing.iconFailed#B32545
  • testing.iconPassed#2E7D4A
  • testing.iconQueued#8A6617
  • testing.iconSkipped#9AA3BB
  • testing.iconUnset#9AA3BB
  • testing.peekBorder#7A57C0
  • testing.peekHeaderBackground#E9EBF2
  • testing.runAction#3A4154
  • testing.uncoveredBackground#B325451C
  • testing.uncoveredBorder#C93A54
  • testing.uncoveredGutterBackground#C93A54
  • textBlockQuote.background#EDEFF5
  • textBlockQuote.border#C3C9D9
  • textCodeBlock.background#F2F3F8
  • textLink.activeForeground#2A48A0
  • textLink.foreground#3A5FB5
  • textPreformat.background#F2F3F8
  • textPreformat.foreground#3A4154
  • textSeparator.foreground#C3C9D9
  • titleBar.activeBackground#F1F2F7
  • titleBar.activeForeground#565E74
  • titleBar.border#D7DBE6
  • titleBar.inactiveBackground#EDEFF5
  • titleBar.inactiveForeground#8A93A8
  • toolbar.activeBackground#DEE2EE
  • toolbar.hoverBackground#E9EBF2
  • toolbar.hoverOutline#00000000
  • tree.inactiveIndentGuidesStroke#E7E9F0
  • tree.indentGuidesStroke#DDE0E9
  • tree.tableColumnsBorder#DDE0E9
  • tree.tableOddRowsBackground#F1F2F700
  • walkThrough.embeddedEditorBackground#F9FAFC
  • walkthrough.stepTitle.foreground#3A4154
  • welcomePage.background#F9FAFC
  • welcomePage.progress.background#DDE0E9
  • welcomePage.progress.foreground#8C6BD3
  • welcomePage.tileBackground#FFFFFF
  • welcomePage.tileBorder#DDE0E9
  • welcomePage.tileHoverBackground#F2F3F8
  • widget.border#C3C9D9
  • widget.shadow#00000000
  • window.activeBorder#C3C9D9
  • window.inactiveBorder#D7DBE6

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment, comment.block.documentation#6C7996italic
comment.line.arrow, punctuation.definition.comment.arrow#6C7996italic
punctuation, punctuation.separator, punctuation.accessor, punctuation.terminator, punctuation.definition, meta.brace, meta.delimiter#636F85
keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.relational, keyword.operator.bitwise, keyword.operator.spread, keyword.operator.expression, keyword.operator.instanceof, keyword.operator.new, keyword.operator.typeof, keyword.control, keyword.other, keyword.other.template#744CAC
keyword, storage, storage.type, storage.modifier, keyword.declaration#744CAC
variable, variable.other, variable.other.member, variable.other.object, variable.other.property, variable.other.readwrite, variable.other.constant, meta.object-literal.key#3A4154
variable.parameter, variable.other.parameter#3A4154italic
variable.language, variable.other.this, variable.other.readwrite this, keyword.other.special-method#BC5819italic
constant.numeric, constant.language, constant.character, constant.other.symbol, constant.other.key, constant.other.unit, constant.other.placeholder, keyword.other.unit, support.constant, constant.language.boolean, constant.language.null#BC5819
string, string.quoted, string.unquoted, string.other, string.template, string.quoted.single, string.quoted.double, string.quoted.other, punctuation.definition.string, meta.string#2E7D4A
string.template variable, string.template punctuation, keyword.other.substitution#3A4154
string.regexp, source.regexp#1F7A73
constant.character.escape, constant.other.escape#9C4E13
entity.name.function, entity.name.method, meta.function entity.name.function, meta.function-call entity.name.function, support.function, support.function.console, variable.function, variable.other.function, entity.name.function.symbol, keyword.other.function#C14A6D
entity.name.type, entity.name.type.class, entity.name.class, entity.name.type.interface, entity.name.type.enum, entity.name.type.struct, entity.name.namespace, entity.other.inherited-class, support.type, support.class, storage.type.primitive, support.type.primitive#8A6617
entity.name.type.type-parameter, meta.type.entity.name.type#3A5FB5italic
tag.decorator.js, entity.name.function.decorator, meta.decorator, annotation, punctuation.definition.annotation#1F7A73italic
entity.name.tag, entity.name.tag.html, entity.name.tag.jsx, meta.tag.sgml#1F7A73
punctuation.definition.tag, meta.tag punctuation#9AA3BB
entity.other.attribute-name, entity.other.attribute-name.html, meta.attribute#3A5FB5
string.quoted.double attribute-value, entity.other.attribute-value#2E7D4A
entity.other.attribute-name.class, meta.selector entity.other.attribute-name.class#8A6617
entity.other.attribute-name.id#C14A6D
entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element, entity.other.attribute-name.tag#3A5FB5
support.type.property-name, support.type.property-name.css, source.css support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, support.variable.property#3A4154
keyword.other.unit.css, keyword.other.color, constant.other.color#BC5819
variable.other.property, support.variable.property.dom, support.type.object.dom, variable.other.object.property#3A5FB5
punctuation.section.embedded, meta.embedded#3A4154
invalid, invalid.illegal, malformed#B32545bold underline
invalid.deprecated, invalid.deprecated.comment#9AA3BBunderline
meta.diagnostic, source.sublime-linter#8A93A8
markup.heading, markup.heading entity.name, markdown.heading#C14A6Dbold
punctuation.definition.heading.markdown, markup.heading punctuation.definition.heading#9AA3BB
markup.bold, markup.bold string, punctuation.definition.bold#C14A6Dbold
markup.italic, punctuation.definition.italic#744CACitalic
markup.strikethrough, punctuation.definition.strikethrough#8A93A8strikethrough
markup.inline.raw, markup.raw.inline, markup.inline.raw.string#2E7D4A
markup.raw.block, markup.raw.block.fenced.markdown, punctuation.definition.fenced.markdown#2E7D4A
markup.quote, markup.quote punctuation.definition.blockquote#8A93A8italic
string.other.link.title.markdown, string.other.link.description.title.markdown, markup.underline.link, link#3A5FB5underline
constant.other.reference.link.markdown, meta.link#1F7A73
markup.list, punctuation.definition.list_item.markdown#C14A6D
meta.separator#9AA3BBbold
markup.inserted, markup.inserted.git_gutter#2E7D4A
markup.deleted, markup.deleted.git_gutter#B32545
markup.changed, markup.changed.git_gutter#8A6617
*url*, *link*, *uri*, *email*#3A5FB5underline
support.type.property-name.json, meta.structure.dictionary.json support.type.property-name.json#3A4154
entity.key, entity.name.tag.yaml, meta.structure.dictionary.json string.unquoted.label.json#3A4154
keyword.key.toml, support.type.property-name.toml#3A4154
variable.other.bash, variable.other.shell, shell.variable#BC5819
keyword.other.DML, keyword.other.DDL, keyword.other.create#744CAC
entity.name.type.table, entity.name.class.table#8A6617
meta, default, text, source#3A4154