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.

  • //-------------- BASE --------------
  • //1-------------- WINDOW / TITLE BAR --------------
  • //10-------------- DIFF EDITOR --------------
  • //11-------------- MERGE CONFLICT --------------
  • //12-------------- TABS --------------
  • //13-------------- BREADCRUMB --------------
  • //14-------------- STATUS BAR --------------
  • //15-------------- PANEL --------------
  • //16-------------- TERMINAL --------------
  • //17-------------- INPUT / DROPDOWN / BUTTON / BADGE --------------
  • //18-------------- LIST / TREE --------------
  • //19-------------- SCROLLBAR / MINIMAP --------------
  • //2-------------- COMMAND CENTER --------------
  • //20-------------- NOTIFICATIONS / BANNER --------------
  • //21-------------- QUICK INPUT / PICKER / KEYBINDING --------------
  • //22-------------- GIT DECORATION --------------
  • //23-------------- EXTENSIONS / SETTINGS --------------
  • //24-------------- DEBUG --------------
  • //25-------------- TESTING --------------
  • //26-------------- CHARTS / SYMBOL ICONS --------------
  • //27-------------- WALK-THROUGH / WELCOME --------------
  • //28-------------- SCM --------------
  • //3-------------- MENU / MENUBAR --------------
  • //4-------------- ACTIVITY BAR --------------
  • //5-------------- SIDE BAR --------------
  • //6-------------- AUXILIARY BAR --------------
  • //7-------------- EDITOR --------------
  • //7-1-------------- EDITOR GUTTER / DECORATIONS --------------
  • //8-------------- EDITOR WIDGET / SUGGEST / HOVER --------------
  • //9-------------- MARKER NAVIGATION / PEEK VIEW --------------
  • activityBar.activeBackground#DDEAF5
  • activityBar.activeBorder#00000000
  • activityBar.activeFocusBorder#00000000
  • activityBar.background#E3F0FA
  • activityBar.border#00000000
  • activityBar.foreground#A4CAE4
  • activityBar.inactiveForeground#AEC5D6
  • activityBarBadge.background#A5BFD2
  • activityBarBadge.foreground#FFFFFF
  • activityBarTop.activeBorder#7BB1D7
  • activityBarTop.foreground#5E6264
  • activityBarTop.inactiveForeground#98B4C8
  • activityErrorBadge.background#D8546B
  • activityErrorBadge.foreground#FFFFFF
  • activityWarningBadge.background#D0A577
  • activityWarningBadge.foreground#FFFFFF
  • auxiliaryBar.background#E1E9EF
  • auxiliaryBar.border#C8DFF0
  • auxiliaryBar.foreground#5E6264
  • auxiliaryBarActivityBar.background#E1E9EF
  • auxiliaryBarTitle.background#E1E9EF
  • auxiliaryBarTitle.border#00000000
  • auxiliaryBarTitle.foreground#A7BECE
  • badge.background#A5BFD2
  • badge.foreground#FFFFFF
  • banner.background#B8D9F060
  • banner.foreground#5E6264
  • banner.iconForeground#7BB1D7
  • breadcrumb.activeSelectionForeground#7BB1D7
  • breadcrumb.background#FAFDFF
  • breadcrumb.focusForeground#7BB1D7
  • breadcrumb.foreground#5E6264
  • breadcrumbPicker.background#E5F2FB
  • button.background#B6D6EC
  • button.border#00000000
  • button.foreground#FFFFFF
  • button.hoverBackground#A9CCE4
  • button.secondaryBackground#F2F8FD
  • button.secondaryForeground#5E6264
  • button.secondaryHoverBackground#E5F2FB
  • button.separator#FFFFFF40
  • charts.blue#A8D2F0
  • charts.foreground#5E6264
  • charts.green#98B4C8
  • charts.lines#B0CCE0
  • charts.orange#78B0D8
  • charts.purple#94CBF2
  • charts.red#D89898
  • charts.yellow#CFCFCF
  • checkbox.background#FAFCFE
  • checkbox.border#C8DBE8
  • checkbox.foreground#3D85B8
  • checkbox.selectBackground#FAFCFE
  • checkbox.selectBorder#3D85B8
  • commandCenter.activeForeground#9AAAB5
  • commandCenter.foreground#9AAAB5
  • commandCenter.inactiveForeground#A9B6BF
  • debugConsole.errorForeground#D8546B
  • debugConsole.infoForeground#A8D2F0
  • debugConsole.sourceForeground#7894A8
  • debugConsole.warningForeground#D6A864
  • debugConsoleInputIcon.foreground#7BB1D7
  • debugIcon.breakpointCurrentStackframeForeground#CFCFCF
  • debugIcon.breakpointDisabledForeground#98B4C8
  • debugIcon.breakpointForeground#93C6EB
  • debugIcon.breakpointStackframeForeground#A0C6E1
  • debugIcon.breakpointUnverifiedForeground#B0CCE0
  • debugIcon.continueForeground#98B4C8
  • debugIcon.disconnectForeground#98B4C8
  • debugIcon.pauseForeground#A8D2F0
  • debugIcon.restartForeground#98B4C8
  • debugIcon.startForeground#98B4C8
  • debugIcon.stepBackForeground#A8BBC8
  • debugIcon.stepIntoForeground#A8D2F0
  • debugIcon.stepOutForeground#A8D2F0
  • debugIcon.stepOverForeground#A8D2F0
  • debugIcon.stopForeground#D89898
  • debugTokenExpression.boolean#98B4C8
  • debugTokenExpression.error#D8546B
  • debugTokenExpression.name#A8D2F0
  • debugTokenExpression.number#78B0D8
  • debugTokenExpression.string#B8D9F0
  • debugTokenExpression.value#5E6264
  • debugToolBar.background#F2F8FD
  • debugToolBar.border#C8DFF0
  • debugView.exceptionLabelBackground#D8546B
  • debugView.exceptionLabelForeground#FFFFFF
  • debugView.stateLabelBackground#B8D9F060
  • debugView.stateLabelForeground#5E6264
  • debugView.valueChangedHighlight#A8D2F080
  • descriptionForeground#7894A8
  • diffEditor.border#C8DFF0
  • diffEditor.diagonalFill#B0CCE030
  • diffEditor.insertedLineBackground#84B26A1F
  • diffEditor.insertedTextBackground#84B26A33
  • diffEditor.insertedTextBorder#00000000
  • diffEditor.removedLineBackground#D8546B1A
  • diffEditor.removedTextBackground#D8546B2E
  • diffEditor.removedTextBorder#00000000
  • diffEditorGutter.insertedLineBackground#84B26A33
  • diffEditorGutter.removedLineBackground#D8546B2E
  • diffEditorOverview.insertedForeground#84B26A
  • diffEditorOverview.removedForeground#D8546B
  • dropdown.background#FEFFFF
  • dropdown.border#E5F2FB
  • dropdown.foreground#5E6264
  • dropdown.listBackground#FEFFFF
  • editor.background#FCFEFF
  • editor.findMatchBackground#8DBADA60
  • editor.findMatchHighlightBackground#8DBADA30
  • editor.findRangeHighlightBackground#A0C6E120
  • editor.focusedStackFrameHighlightBackground#98B4C830
  • editor.foreground#5E6264
  • editor.hoverHighlightBackground#B8D9F040
  • editor.inactiveSelectionBackground#B8D9F020
  • editor.lineHighlightBackground#D9EBF81A
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#D9EBF860
  • editor.selectionBackground#B8D9F035
  • editor.selectionHighlightBackground#B8D9F020
  • editor.snippetFinalTabstopHighlightBorder#7BB1D760
  • editor.snippetTabstopHighlightBackground#B8D9F035
  • editor.stackFrameHighlightBackground#CFCFCF30
  • editor.symbolHighlightBackground#CFCFCF30
  • editor.wordHighlightBackground#B7D9F225
  • editor.wordHighlightStrongBackground#B7D9F240
  • editorBracketHighlight.foreground1#D6E0EC
  • editorBracketHighlight.foreground2#D2E2E6
  • editorBracketHighlight.foreground3#DAD8EC
  • editorBracketHighlight.foreground4#D4DCE2
  • editorBracketHighlight.foreground5#E2E0D4
  • editorBracketHighlight.foreground6#DCE4EE
  • editorBracketHighlight.unexpectedBracket.foreground#D8546B
  • editorBracketMatch.background#B8D9F040
  • editorBracketMatch.border#7BB1D7
  • editorBracketPairGuide.activeBackground1#C8E2F580
  • editorBracketPairGuide.activeBackground2#B7D9F280
  • editorBracketPairGuide.activeBackground3#A0C6E180
  • editorBracketPairGuide.activeBackground4#A8D2F080
  • editorBracketPairGuide.activeBackground5#E8C8A880
  • editorBracketPairGuide.activeBackground6#A8BBC880
  • editorCodeLens.foreground#98B4C8
  • editorCursor.background#FAFDFF
  • editorCursor.foreground#B7D9F2
  • editorError.background#D8546B20
  • editorError.foreground#D8546B
  • editorGhostText.background#00000000
  • editorGhostText.border#00000000
  • editorGhostText.foreground#98B4C8
  • editorGroup.border#C8DFF0
  • editorGroup.dropBackground#B8D9F040
  • editorGroupHeader.border#00000000
  • editorGroupHeader.noTabsBackground#F6FAFD
  • editorGroupHeader.tabsBackground#F1F7FC
  • editorGroupHeader.tabsBorder#00000000
  • editorGutter.addedBackground#98B4C8
  • editorGutter.background#FAFDFF
  • editorGutter.commentRangeForeground#B0CCE0
  • editorGutter.deletedBackground#D89898
  • editorGutter.foldingControlForeground#98B4C8
  • editorGutter.modifiedBackground#A8D2F0
  • editorHint.foreground#A8BBC8
  • editorHoverWidget.background#FEFFFF
  • editorHoverWidget.border#E5F2FB
  • editorHoverWidget.foreground#5E6264
  • editorHoverWidget.highlightForeground#7BB1D7
  • editorHoverWidget.statusBarBackground#F2F8FD
  • editorIndentGuide.activeBackground1#94CBF2
  • editorIndentGuide.background1#D5E5F0
  • editorInfo.background#B7D9F215
  • editorInfo.foreground#B7D9F2
  • editorInlayHint.background#D9EBF880
  • editorInlayHint.foreground#7894A8
  • editorInlayHint.parameterBackground#B8D9F040
  • editorInlayHint.parameterForeground#7BB1D7
  • editorInlayHint.typeBackground#A0C6E130
  • editorInlayHint.typeForeground#A0C6E1
  • editorLineNumber.activeForeground#94CBF2
  • editorLineNumber.foreground#C7D8E4
  • editorLink.activeForeground#A8D2F0
  • editorMarkerNavigation.background#FEFFFF
  • editorMarkerNavigationError.background#D8546B
  • editorMarkerNavigationInfo.background#A8D2F0
  • editorMarkerNavigationWarning.background#D6A864
  • editorOverviewRuler.addedForeground#98B4C8
  • editorOverviewRuler.border#00000000
  • editorOverviewRuler.bracketMatchForeground#7BB1D7
  • editorOverviewRuler.deletedForeground#D89898
  • editorOverviewRuler.errorForeground#D8546B
  • editorOverviewRuler.findMatchForeground#CFCFCF
  • editorOverviewRuler.infoForeground#A8D2F0
  • editorOverviewRuler.modifiedForeground#A8D2F0
  • editorOverviewRuler.rangeHighlightForeground#A0C6E1
  • editorOverviewRuler.selectionHighlightForeground#B8D9F0
  • editorOverviewRuler.warningForeground#D6A864
  • editorOverviewRuler.wordHighlightForeground#B7D9F2
  • editorOverviewRuler.wordHighlightStrongForeground#B7D9F2
  • editorRuler.foreground#C8DFF0
  • editorStickyScroll.background#F6FAFD
  • editorStickyScrollHover.background#D9EBF8
  • editorSuggestWidget.background#FEFFFF
  • editorSuggestWidget.border#E5F2FB
  • editorSuggestWidget.focusHighlightForeground#7BB1D7
  • editorSuggestWidget.foreground#5E6264
  • editorSuggestWidget.highlightForeground#7BB1D7
  • editorSuggestWidget.selectedBackground#B8D9F060
  • editorSuggestWidget.selectedForeground#5E6264
  • editorSuggestWidget.selectedIconForeground#7BB1D7
  • editorSuggestWidgetStatus.foreground#7894A8
  • editorUnnecessaryCode.opacity#5E6264B3
  • editorWarning.background#E2B57B25
  • editorWarning.foreground#E2B57B
  • editorWhitespace.foreground#D5E5F0
  • editorWidget.background#FEFFFF
  • editorWidget.border#E5F2FB
  • editorWidget.foreground#5E6264
  • editorWidget.resizeBorder#FEFFFF
  • errorForeground#D8546B
  • extensionBadge.remoteBackground#7BB1D7
  • extensionBadge.remoteForeground#FFFFFF
  • extensionButton.background#B6D6EC
  • extensionButton.foreground#FFFFFF
  • extensionButton.hoverBackground#A9CCE4
  • extensionButton.prominentBackground#B6D6EC
  • extensionButton.prominentForeground#FFFFFF
  • extensionButton.prominentHoverBackground#A9CCE4
  • extensionButton.separator#FFFFFF40
  • extensionIcon.preReleaseForeground#A0C6E1
  • extensionIcon.sponsorForeground#7BB1D7
  • extensionIcon.starForeground#CFCFCF
  • extensionIcon.verifiedForeground#98B4C8
  • focusBorder#C8DFF0
  • foreground#5E6264
  • gitDecoration.addedResourceForeground#98B4C8
  • gitDecoration.conflictingResourceForeground#D89898
  • gitDecoration.deletedResourceForeground#D89898
  • gitDecoration.ignoredResourceForeground#B0CCE0
  • gitDecoration.modifiedResourceForeground#A8D2F0
  • gitDecoration.renamedResourceForeground#A0C6E1
  • gitDecoration.stageDeletedResourceForeground#D89898
  • gitDecoration.stageModifiedResourceForeground#A8D2F0
  • gitDecoration.submoduleResourceForeground#A8BBC8
  • gitDecoration.untrackedResourceForeground#CFCFCF
  • icon.foreground#A9BDCA
  • input.background#FAFCFE
  • input.border#FAFCFE
  • input.foreground#888E93
  • input.placeholderForeground#C7CFD6
  • inputOption.activeBackground#B8D9F060
  • inputOption.activeBorder#7BB1D7
  • inputOption.activeForeground#5E6264
  • inputOption.hoverBackground#B8D9F040
  • inputValidation.errorBackground#FAFDFF
  • inputValidation.errorBorder#D8546B
  • inputValidation.errorForeground#D8546B
  • inputValidation.infoBackground#FAFDFF
  • inputValidation.infoBorder#A8D2F0
  • inputValidation.infoForeground#A8D2F0
  • inputValidation.warningBackground#FAFDFF
  • inputValidation.warningBorder#D6A864
  • inputValidation.warningForeground#D6A864
  • keybindingLabel.background#FFFFFF
  • keybindingLabel.border#DEE6EC
  • keybindingLabel.bottomBorder#DEE6EC
  • keybindingLabel.foreground#5E6264
  • keybindingTable.headerBackground#F2F8FD
  • keybindingTable.rowsBackground#F7FAFC
  • list.activeSelectionBackground#B8D9F035
  • list.activeSelectionForeground#5E6264
  • list.activeSelectionIconForeground#7BB1D7
  • list.deemphasizedForeground#98B4C8
  • list.dropBackground#B8D9F040
  • list.dropBetweenBackground#7BB1D7
  • list.errorForeground#4D9FD8
  • list.focusAndSelectionOutline#7BB1D700
  • list.focusBackground#B8D9F035
  • list.focusForeground#5E6264
  • list.focusHighlightForeground#7BB1D7
  • list.focusOutline#7BB1D700
  • list.highlightForeground#7BB1D7
  • list.hoverBackground#B8D9F015
  • list.hoverForeground#5E6264
  • list.inactiveSelectionBackground#B8D9F020
  • list.inactiveSelectionForeground#5E6264
  • list.inactiveSelectionIconForeground#7894A8
  • list.invalidItemForeground#D8546B
  • list.warningForeground#93C2E4
  • listFilterWidget.background#FEFFFF
  • listFilterWidget.noMatchesOutline#D8546B
  • listFilterWidget.outline#7BB1D7
  • listFilterWidget.shadow#4F6B7F26
  • menu.background#FEFFFF
  • menu.border#00000000
  • menu.foreground#5E6264
  • menu.selectionBackground#B8D9F080
  • menu.selectionBorder#00000000
  • menu.selectionForeground#5E6264
  • menu.separatorBackground#00000000
  • menubar.selectionBackground#B8D9F060
  • menubar.selectionBorder#00000000
  • menubar.selectionForeground#5E6264
  • merge.border#C8DFF0
  • merge.commonContentBackground#B8D9F020
  • merge.commonHeaderBackground#B8D9F040
  • merge.currentContentBackground#A8D2F020
  • merge.currentHeaderBackground#A8D2F040
  • merge.incomingContentBackground#A0C6E120
  • merge.incomingHeaderBackground#A0C6E140
  • mergeEditor.change.background#B8D9F020
  • mergeEditor.change.word.background#B8D9F040
  • mergeEditor.conflict.handledFocused.border#98B4C8
  • mergeEditor.conflict.handledUnfocused.border#98B4C8
  • mergeEditor.conflict.unhandledFocused.border#D89898
  • mergeEditor.conflict.unhandledUnfocused.border#CFCFCF
  • minimap.background#FEFFFF00
  • minimap.errorHighlight#D8546B
  • minimap.findMatchHighlight#CFCFCF
  • minimap.foregroundOpacity#000000C0
  • minimap.infoHighlight#A8D2F0
  • minimap.selectionHighlight#B8D9F080
  • minimap.selectionOccurrenceHighlight#B8D9F060
  • minimap.warningHighlight#D6A864
  • minimapGutter.addedBackground#98B4C8
  • minimapGutter.deletedBackground#D89898
  • minimapGutter.modifiedBackground#A8D2F0
  • minimapSlider.activeBackground#7BB1D760
  • minimapSlider.background#B0CCE040
  • minimapSlider.hoverBackground#B0CCE060
  • notificationCenter.border#00000000
  • notificationCenterHeader.background#EDF6FC
  • notificationCenterHeader.foreground#5E6264
  • notificationLink.foreground#A8D2F0
  • notifications.background#FEFFFF
  • notifications.border#00000000
  • notifications.foreground#5E6264
  • notificationsErrorIcon.foreground#D8546B
  • notificationsInfoIcon.foreground#A8D2F0
  • notificationsWarningIcon.foreground#D6A864
  • notificationToast.border#00000000
  • panel.background#FEFFFF
  • panel.border#C8DFF0
  • panel.dropBorder#7BB1D7
  • panel.foreground#5E6264
  • panelInput.border#C8DFF0
  • panelSection.border#00000000
  • panelSection.dropBackground#B8D9F040
  • panelSectionHeader.background#F6FAFD
  • panelSectionHeader.border#00000000
  • panelSectionHeader.foreground#5E6264
  • panelStickyScroll.background#F6FAFD
  • panelStickyScroll.border#00000000
  • panelTitle.activeBorder#B8CBD9
  • panelTitle.activeForeground#626467
  • panelTitle.border#00000000
  • panelTitle.inactiveForeground#626467
  • panelTitleBadge.background#A5BFD2
  • panelTitleBadge.foreground#FFFFFF
  • peekView.border#7BB1D7
  • peekViewEditor.background#F2F8FD
  • peekViewEditor.matchHighlightBackground#CFCFCF60
  • peekViewEditorGutter.background#F2F8FD
  • peekViewResult.background#E5F2FB
  • peekViewResult.fileForeground#5E6264
  • peekViewResult.lineForeground#7894A8
  • peekViewResult.matchHighlightBackground#CFCFCF80
  • peekViewResult.selectionBackground#B8D9F060
  • peekViewResult.selectionForeground#5E6264
  • peekViewTitle.background#E5F2FB
  • peekViewTitleDescription.foreground#7894A8
  • peekViewTitleLabel.foreground#5E6264
  • pickerGroup.border#C8DBE8
  • pickerGroup.foreground#7894A8
  • problemsErrorIcon.foreground#D8546B
  • problemsInfoIcon.foreground#A8D2F0
  • problemsWarningIcon.foreground#D6A864
  • progressBar.background#7BB1D7
  • quickInput.background#FEFFFF
  • quickInput.foreground#5E6264
  • quickInputList.focusBackground#B8D9F035
  • quickInputList.focusForeground#5E6264
  • quickInputList.focusIconForeground#7BB1D7
  • quickInputTitle.background#FEFFFF
  • radio.activeBackground#B8D9F060
  • radio.activeBorder#7BB1D7
  • radio.activeForeground#5E6264
  • radio.inactiveBackground#FAFDFF
  • radio.inactiveBorder#C8DFF0
  • radio.inactiveForeground#7894A8
  • radio.inactiveHoverBackground#B8D9F020
  • sash.hoverBorder#B7D9F2
  • scm.providerBorder#00000000
  • scmGraph.foreground1#7BB1D7
  • scmGraph.foreground2#A8D2F0
  • scmGraph.foreground3#98B4C8
  • scmGraph.foreground4#A0C6E1
  • scmGraph.foreground5#94CBF2
  • scmGraph.historyItemBaseRefColor#98B4C8
  • scmGraph.historyItemHoverLabelForeground#FFFFFF
  • scmGraph.historyItemRefColor#7BB1D7
  • scmGraph.historyItemRemoteRefColor#A8D2F0
  • scrollbar.shadow#4F6B7F26
  • scrollbarSlider.activeBackground#7BB1D780
  • scrollbarSlider.background#B0CCE060
  • scrollbarSlider.hoverBackground#B0CCE090
  • selection.background#B8D9F050
  • settings.checkboxBackground#FAFCFE
  • settings.checkboxBorder#C8DBE8
  • settings.checkboxForeground#3D85B8
  • settings.dropdownBackground#FAFDFF
  • settings.dropdownBorder#C8DFF0
  • settings.dropdownForeground#5E6264
  • settings.dropdownListBorder#C8DFF0
  • settings.focusedRowBackground#B8D9F020
  • settings.focusedRowBorder#7BB1D780
  • settings.headerBorder#C8DFF0
  • settings.headerForeground#5E6264
  • settings.modifiedItemIndicator#A8D2F0
  • settings.numberInputBackground#FAFDFF
  • settings.numberInputBorder#C8DFF0
  • settings.numberInputForeground#5E6264
  • settings.rowHoverBackground#B8D9F015
  • settings.sashBorder#00000000
  • settings.textInputBackground#FAFDFF
  • settings.textInputBorder#C8DFF0
  • settings.textInputForeground#5E6264
  • sideBar.background#F1F7FC
  • sideBar.border#00000000
  • sideBar.foreground#5E6264
  • sideBarSectionHeader.background#EDF6FC
  • sideBarSectionHeader.border#00000000
  • sideBarSectionHeader.foreground#5E6264
  • sideBarTitle.foreground#A7BECE
  • statusBar.background#E3F0FA
  • statusBar.border#00000000
  • statusBar.debuggingBackground#CFCFCF
  • statusBar.debuggingBorder#A8BBC8
  • statusBar.debuggingForeground#FFFFFF
  • statusBar.focusBorder#7BB1D7
  • statusBar.foreground#5E6264
  • statusBar.noFolderBackground#EDF6FC
  • statusBar.noFolderBorder#00000000
  • statusBar.noFolderForeground#5E6264
  • statusBarItem.activeBackground#B8D9F060
  • statusBarItem.compactHoverBackground#B8D9F060
  • statusBarItem.errorBackground#D8546B
  • statusBarItem.errorForeground#FFFFFF
  • statusBarItem.focusBorder#7BB1D7
  • statusBarItem.hoverBackground#B8D9F040
  • statusBarItem.hoverForeground#5E6264
  • statusBarItem.offlineBackground#98B4C8
  • statusBarItem.offlineForeground#FFFFFF
  • statusBarItem.prominentBackground#B8D9F060
  • statusBarItem.prominentForeground#5E6264
  • statusBarItem.prominentHoverBackground#B8D9F080
  • statusBarItem.remoteBackground#E3F0FA
  • statusBarItem.remoteForeground#5E6264
  • statusBarItem.remoteHoverBackground#C2DDF2
  • statusBarItem.warningBackground#D0A577
  • statusBarItem.warningForeground#FFFFFF
  • symbolIcon.arrayForeground#A8BBC8
  • symbolIcon.booleanForeground#98B4C8
  • symbolIcon.classForeground#A0C6E1
  • symbolIcon.colorForeground#7BB1D7
  • symbolIcon.constantForeground#78B0D8
  • symbolIcon.constructorForeground#A0C6E1
  • symbolIcon.enumeratorForeground#78B0D8
  • symbolIcon.enumeratorMemberForeground#78B0D8
  • symbolIcon.eventForeground#CFCFCF
  • symbolIcon.fieldForeground#A8D2F0
  • symbolIcon.fileForeground#5E6264
  • symbolIcon.folderForeground#A0C6E1
  • symbolIcon.functionForeground#A8D2F0
  • symbolIcon.interfaceForeground#A0C6E1
  • symbolIcon.keyForeground#7BB1D7
  • symbolIcon.keywordForeground#94CBF2
  • symbolIcon.methodForeground#A8D2F0
  • symbolIcon.moduleForeground#A8BBC8
  • symbolIcon.namespaceForeground#A8BBC8
  • symbolIcon.nullForeground#98B4C8
  • symbolIcon.numberForeground#78B0D8
  • symbolIcon.objectForeground#A0C6E1
  • symbolIcon.operatorForeground#7BB1D7
  • symbolIcon.packageForeground#A8BBC8
  • symbolIcon.propertyForeground#A8D2F0
  • symbolIcon.referenceForeground#B8D9F0
  • symbolIcon.snippetForeground#98B4C8
  • symbolIcon.stringForeground#B8D9F0
  • symbolIcon.structForeground#A0C6E1
  • symbolIcon.textForeground#5E6264
  • symbolIcon.typeParameterForeground#A0C6E1
  • symbolIcon.unitForeground#78B0D8
  • symbolIcon.variableForeground#5E6264
  • tab.activeBackground#FAFDFF
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#A0B3C1
  • tab.activeModifiedBorder#C5DAE9
  • tab.border#00000000
  • tab.dragAndDropBorder#7BB1D7
  • tab.hoverBackground#B8D9F020
  • tab.hoverBorder#00000000
  • tab.hoverForeground#5E6264
  • tab.inactiveBackground#EFF7FC
  • tab.inactiveForeground#A9B3BA
  • tab.inactiveModifiedBorder#C5DAE9
  • tab.lastPinnedBorder#7BB1D760
  • tab.unfocusedActiveBackground#FAFDFF
  • tab.unfocusedActiveBorder#00000000
  • tab.unfocusedActiveBorderTop#00000000
  • tab.unfocusedActiveForeground#7894A8
  • tab.unfocusedActiveModifiedBorder#C5DAE9
  • tab.unfocusedHoverBorder#00000000
  • tab.unfocusedInactiveBackground#EFF7FC
  • tab.unfocusedInactiveForeground#A9B3BA
  • tab.unfocusedInactiveModifiedBorder#C5DAE9
  • terminal.ansiBlack#5E6264
  • terminal.ansiBlue#BAD4E7
  • terminal.ansiBrightBlack#909EA8
  • terminal.ansiBrightBlue#BBDAF1
  • terminal.ansiBrightCyan#98B4C8
  • terminal.ansiBrightGreen#98ABB8
  • terminal.ansiBrightMagenta#3D85B8
  • terminal.ansiBrightRed#D89898
  • terminal.ansiBrightWhite#32363A
  • terminal.ansiBrightYellow#C8B088
  • terminal.ansiCyan#A8C4D8
  • terminal.ansiGreen#A8BBC8
  • terminal.ansiMagenta#77ABD0
  • terminal.ansiRed#E8A8A8
  • terminal.ansiWhite#5E6264
  • terminal.ansiYellow#D8C098
  • terminal.background#FEFFFF
  • terminal.border#C8DFF0
  • terminal.dropBackground#B8D9F040
  • terminal.findMatchBackground#CFCFCF80
  • terminal.findMatchHighlightBackground#CFCFCF40
  • terminal.foreground#5E6264
  • terminal.hoverHighlightBackground#B8D9F040
  • terminal.inactiveSelectionBackground#B8D9F030
  • terminal.selectionBackground#B8D9F060
  • terminal.tab.activeBorder#7BB1D7
  • terminalCommandDecoration.defaultBackground#BAD4E7
  • terminalCommandDecoration.errorBackground#D8546B
  • terminalCommandDecoration.successBackground#A8BBC8
  • terminalCursor.background#FAFDFF
  • terminalCursor.foreground#B7D9F2
  • terminalOverviewRuler.cursorForeground#7BB1D7
  • terminalOverviewRuler.findMatchForeground#CFCFCF
  • testing.coverCountBadgeBackground#98B4C8
  • testing.coverCountBadgeForeground#FFFFFF
  • testing.coveredBackground#98B4C820
  • testing.iconErrored#D8546B
  • testing.iconFailed#D8546B
  • testing.iconPassed#98B4C8
  • testing.iconQueued#CFCFCF
  • testing.iconSkipped#98B4C8
  • testing.iconUnset#B0CCE0
  • testing.message.error.decorationForeground#D8546B
  • testing.message.error.lineBackground#D8546B15
  • testing.message.info.decorationForeground#A8D2F0
  • testing.message.info.lineBackground#A8D2F015
  • testing.peekBorder#7BB1D7
  • testing.peekHeaderBackground#F2F8FD
  • testing.runAction#98B4C8
  • testing.uncoveredBackground#C7DEEE20
  • textLink.activeForeground#9AAAB5
  • textLink.foreground#9AAAB5
  • titleBar.activeBackground#E3F0FA
  • titleBar.activeForeground#9AAAB5
  • titleBar.border#00000000
  • titleBar.inactiveBackground#F6FAFD
  • titleBar.inactiveForeground#9AAAB5
  • tree.inactiveIndentGuidesStroke#D9EBF8
  • tree.indentGuidesStroke#C8DFF0
  • tree.tableColumnsBorder#00000000
  • tree.tableOddRowsBackground#E5F2FB40
  • walkThrough.embeddedEditorBackground#F2F8FD
  • walkthrough.stepTitle.foreground#5E6264
  • welcomePage.background#FAFDFF
  • welcomePage.progress.background#E5F2FB
  • welcomePage.progress.foreground#B6D6EC
  • welcomePage.tileBackground#F2F8FD
  • welcomePage.tileBorder#C8DFF0
  • welcomePage.tileHoverBackground#E5F2FB
  • widget.border#C8DFF0
  • widget.shadow#4F6B7F26
  • window.activeBorder#00000000
  • window.inactiveBorder#00000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#C8C8CBitalic
variable, string constant.other.placeholder#9AAEC4
keyword.other#65B4E3
entity.other.document.begin.yaml, entity.other.document.end.yaml, keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.logical.python, storage, storage.type, storage.modifier#65B4E3
keyword.operator, meta.tag#7BB1D7
punctuation, meta.brace.angle, punctuation.definition.tag, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, constant.other.color#CDDCE6
punctuation.definition.variable.shell#9AAEC4
punctuation.definition.regex.arbitrary-repetition.shell, punctuation.definition.arbitrary-repetition.shell#7BB1D7
punctuation.separator.statement.and.shell, punctuation.separator.statement.or.shell, punctuation.separator.statement.background.shell#7BB1D7
punctuation.math.operator.latex#7BB1D7
punctuation.definition.string.heredoc#9CAEBB
punctuation.definition.string.heredoc.quote.shell#CDDCE6
keyword.operator.type.annotation, keyword.operator.type.ts, keyword.operator.type.tsx#CDDCE6
storage.type.function.arrow#CDDCE6
keyword.operator.arrow.cs, keyword.operator.class.php, keyword.operator.key.php, keyword.operator.arrow.fat.rust, keyword.operator.arrow.skinny.rust, keyword.operator.key-value.rust, keyword.operator.namespace.rust#CDDCE6
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#65B4E3
source.yaml entity.name.tag, entity.name.tag.yaml, support.type.property-name.toml, source.toml entity.name.tag#65B4E3
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#94C3DF
meta.function entity.name.function, meta.definition.function entity.name.function, meta.definition.method entity.name.function, meta.method.declaration entity.name.function#9C9BE0
meta.block variable.other#A8BBC8
support.other.variable, string.other.link#65B4E3
constant.numeric, keyword.other.unit, constant.other.color.rgb-value.hex.css#DAC4AD
constant.language, support.constant, constant.character, constant.escape, entity.name.variable.enum-member, variable.other.enummember, constant.other, variable.other.constant, constant.enum#8C9CC0
variable.parameter, entity.name.variable.parameter, meta.record.identifier#A8BBC8
entity.name.variable.field, entity.name.variable.property, entity.name.variable.event#A8D2F0
entity.name.variable.local, entity.name.variable.tuple-element, entity.name.variable.range-variable#9AAEC4
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#9CAEBB
string.quoted.double.json, string.quoted.single.yaml, string.quoted.double.yaml, string.unquoted.plain.yaml, string.unquoted.block.yaml#94C0E3
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#92A4DC
support.type#92A4DC
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#94CBF2
variable.language#94CBF2italic
entity.name.method.js#9C9BE0italic
meta.class-method.js entity.name.function.js, variable.function.constructor#9C9BE0
entity.other.attribute-name#94C0E3
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#94C0E3italic
entity.other.attribute-name.class, entity.other.attribute-name.class punctuation.definition.entity#65B4E3
entity.other.attribute-name.id punctuation.definition.entity#94C0E3
source.css punctuation.definition.keyword.css, source.scss punctuation.definition.keyword.css, source.sass punctuation.definition.keyword.css, source.less punctuation.definition.keyword.css#94C0E3
source.css punctuation.definition.constant.css, source.scss punctuation.definition.constant.css, source.sass punctuation.definition.constant.css, source.less punctuation.definition.constant.css#DAC4AD
entity.other.attribute-name.pseudo-class punctuation.definition.entity, entity.other.attribute-name.pseudo-element punctuation.definition.entity#94C0E3
punctuation.definition.annotation, punctuation.definition.attribute#65B4E3
punctuation.definition.decorator, punctuation.decorator#94C3DF
punctuation.definition.block.tag.jsdoc, punctuation.definition.inline.tag.jsdoc#65B4E3
punctuation.definition.template-expression, punctuation.section.embedded.begin.ruby, punctuation.section.embedded.end.ruby#9AAEC4
punctuation.definition.variable#9AAEC4
string.quoted.other.ruby punctuation.definition.string.begin.ruby, string.quoted.other.ruby punctuation.definition.string.end.ruby, string.quoted.other.interpolated.ruby punctuation.definition.string.begin.ruby, string.quoted.other.interpolated.ruby punctuation.definition.string.end.ruby, string.quoted.other.ruby punctuation.section.array.begin.ruby, string.quoted.other.ruby punctuation.section.array.end.ruby, string.quoted.other.interpolated.ruby punctuation.section.array.begin.ruby, string.quoted.other.interpolated.ruby punctuation.section.array.end.ruby#9CAEBB
punctuation.section.regexp.begin.ruby, punctuation.section.regexp.end.ruby, string.regexp punctuation.section.regexp.ruby, string.regexp storage.type.string.python#98ABB8
punctuation.definition.constant.ruby, punctuation.definition.constant.hashkey.ruby, punctuation.definition.symbol.begin.ruby, punctuation.definition.symbol.end.ruby, punctuation.section.symbol.begin.ruby, punctuation.section.symbol.end.ruby, constant.language.symbol.interpolated.ruby punctuation.section.array.begin.ruby, constant.language.symbol.interpolated.ruby punctuation.section.array.end.ruby, constant.language.symbol.ruby punctuation.section.array.begin.ruby, constant.language.symbol.ruby punctuation.section.array.end.ruby#8C9CC0
string.quoted storage.type.string.python#9CAEBB
constant.character.format.placeholder.other.python#9AAEC4
punctuation.attribute-shorthand.event.html.vue#94C0E3
punctuation.definition.entity.html, punctuation.definition.constant.xml#8C9CC0
punctuation.definition.anchor.yaml, punctuation.definition.alias.yaml#9AAEC4
punctuation.definition.tag.secondary.yaml, punctuation.definition.tag.named.yaml, punctuation.definition.tag.primary.yaml, punctuation.definition.tag.begin.yaml, punctuation.definition.tag.end.yaml, punctuation.definition.tag.non-specific.yaml#65B4E3
punctuation.definition.range.diff#5E6264
source.sass keyword.control#65B4E3
markup.inserted#98B4C8
markup.deleted#D89898
markup.changed#A8D2F0
string.regexp#98ABB8
constant.character.escape#98ABB8
*url*, *link*, *uri*underline
support.attribute, meta.attribute.rust, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#92A4DCitalic
source.js constant.other.object.key.js string.unquoted.label.js#65B4E3
source.json meta.structure.dictionary.json support.type.property-name.json#65B4E3
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#92A4DC
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#8DBADA
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#7894A8
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#98ABB8
text.html.markdown, punctuation.definition.list_item.markdown#5E6264
punctuation.definition.list.begin.markdown, punctuation.definition.list.markdown#BFD0E0
text.html.markdown markup.inline.raw.markdown, text.html.markdown markup.inline.raw.string.markdown#94CBF2
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#98B4C8
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#94CBF2
markup.italic#94CBF2italic
markup.bold, markup.bold string#9CAEBBbold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string#9CAEBBbold italic
entity.name.section.markdown, heading.1.markdown, markup.heading.markdown#65B4E3
markup.underline#A0C6E1underline
markup.quote punctuation.definition.blockquote.markdown#A8D2F0
markup.quoteitalic
string.other.link.title.markdown#9CAEBB
string.other.link.description.title.markdown#9CAEBB
constant.other.reference.link.markdown#A0C6E1
markup.raw.block#94CBF2
markup.raw.block.fenced.markdown#5E6264B3
punctuation.definition.fenced.markdown#5E626480
variable.language.fenced.markdown, fenced_code.block.language#CDDCE6
meta.separator#7894A8bold
markup.table#5E6264
invalid, invalid.illegal#D8546B
invalid.deprecated#E8C8A8
source.css meta.property-name, source.scss meta.property-name, source.less meta.property-name, source.sass meta.property-name, source.stylus meta.property-name, source.postcss meta.property-name, source.css support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.sass support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name#94C0E3
source.css meta.at-rule.media.header, source.css meta.at-rule.header, source.css meta.at-rule.keyframes.header, source.css meta.at-rule.import#94C0E3
constant.numeric.css, keyword.other.unit, source.css constant.numeric, source.scss constant.numeric, source.less constant.numeric#DAC4AD
support.function.timing-function.css, invalid.deprecated.color.system.css#a2b6c9
meta.property-list.css#CDDCE6
source.css string, source.css meta.property-value, source.scss meta.property-value, source.less meta.property-value, source.css support.constant.property-value, source.scss string, source.scss support.constant.property-value, source.less string, source.less support.constant.property-value, source.sass string, source.stylus string#a2b6c9
text.html entity.name.tag, text.html.basic entity.name.tag, text.html.derivative entity.name.tag#65B4E3
text.html entity.other.attribute-name, text.html.basic entity.other.attribute-name, text.html.derivative entity.other.attribute-name#94C0E3
text.html meta.tag string.quoted, text.html.basic meta.tag string.quoted, text.html.derivative meta.tag string.quoted#a2b6c9
source.css variable.argument.css, source.css variable.other.css, source.css meta.property-value.css variable, source.scss variable.argument.css, source.scss variable.other.css, source.less variable.argument, source.less variable.other#9AAEC4
source.css keyword.operator, source.scss keyword.operator, source.less keyword.operator#7BB1D7
source.css support.constant.property-value, source.css meta.property-value support.constant, source.scss support.constant.property-value, source.less support.constant.property-value#a2b6c9
source.css entity.other.attribute-name.pseudo-class, source.css entity.other.attribute-name.pseudo-element, source.scss entity.other.attribute-name.pseudo-class, source.scss entity.other.attribute-name.pseudo-element, source.less entity.other.attribute-name.pseudo-class, source.less entity.other.attribute-name.pseudo-element#94C0E3
entity.other.keyframe-offset, source.css entity.name.tag, source.css meta.selector entity.name.tag, source.scss entity.name.tag, source.scss meta.selector entity.name.tag, source.less entity.name.tag, source.sass entity.name.tag#65B4E3
source.css support.type.vendored.property-name, source.css support.type.property-name.vendored, source.css meta.property-name support.type.vendored, source.scss support.type.vendored.property-name, source.less support.type.vendored.property-name#94C0E3
source.css punctuation.section.property-list, source.css punctuation.section.property-list.begin, source.css punctuation.section.property-list.end, source.css meta.property-list.css punctuation, source.scss punctuation.section.property-list, source.less punctuation.section.property-list#CDDCE6
text.html meta.tag punctuation.definition.tag, text.html meta.tag punctuation.definition.tag.begin, text.html meta.tag punctuation.definition.tag.end, text.html.basic meta.tag punctuation.definition.tag, text.html.basic meta.tag punctuation.definition.tag.begin, text.html.basic meta.tag punctuation.definition.tag.end, text.html.derivative meta.tag punctuation.definition.tag, text.html.derivative meta.tag punctuation.definition.tag.begin, text.html.derivative meta.tag punctuation.definition.tag.end, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#CDDCE6
punctuation.definition.string.begin.html, punctuation.definition.string.end.html, punctuation.separator.key-value.html, text.html meta.tag punctuation.separator.key-value, text.html.basic meta.tag punctuation.separator.key-value, text.html.derivative meta.tag punctuation.separator.key-value, text.html meta.tag punctuation.definition.string.begin, text.html meta.tag punctuation.definition.string.end, text.html.basic meta.tag punctuation.definition.string.begin, text.html.basic meta.tag punctuation.definition.string.end, text.html.derivative meta.tag punctuation.definition.string.begin, text.html.derivative meta.tag punctuation.definition.string.end#CDDCE6