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#B8CBD9
  • activityBarBadge.background#C1D5E6
  • activityBarBadge.foreground#FFFFFF
  • activityBarTop.activeBorder#7BB1D7
  • activityBarTop.foreground#5E6264
  • activityBarTop.inactiveForeground#98B4C8
  • activityErrorBadge.background#D8546B
  • activityErrorBadge.foreground#FFFFFF
  • activityWarningBadge.background#CC8A2A
  • 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#CFDEE9
  • 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#C1D5E6
  • 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#CC8A2A
  • 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#D6D6D7italic
variable, string constant.other.placeholder#9AAEC4
keyword.other#67B8E8
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#67B8E8
keyword.operator, meta.tag#7BB1D7
punctuation, meta.brace.angle, punctuation.definition.tag, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, constant.other.color#DEE6EC
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#DEE6EC
keyword.operator.type.annotation, keyword.operator.type.ts, keyword.operator.type.tsx#DEE6EC
storage.type.function.arrow#DEE6EC
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#DEE6EC
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#67B8E8
source.yaml entity.name.tag, entity.name.tag.yaml, support.type.property-name.toml, source.toml entity.name.tag#67B8E8
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#67B8E8
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#A7CBE6
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#A7CBE6
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#A7CBE6italic
entity.other.attribute-name.class#67B8E8
source.sass keyword.control#67B8E8
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#67B8E8
source.json meta.structure.dictionary.json support.type.property-name.json#67B8E8
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#B7D9F2
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#DEE6EC
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#A7CBE6
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#A7CBE6
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#B4C7D3
punctuation.definition.entity.css, meta.property-list.css#DEE6EC
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#B4C7D3
text.html entity.name.tag, text.html.basic entity.name.tag, text.html.derivative entity.name.tag#67B8E8
text.html entity.other.attribute-name, text.html.basic entity.other.attribute-name, text.html.derivative entity.other.attribute-name#A7CBE6
text.html meta.tag string.quoted, text.html.basic meta.tag string.quoted, text.html.derivative meta.tag string.quoted#B4C7D3
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#B4C7D3
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#A7CBE6
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#67B8E8
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#A7CBE6
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#DEE6EC
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#DEE6EC
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#DEE6EC