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#F0F2F6
  • activityBar.activeBorder#00000000
  • activityBar.activeFocusBorder#00000000
  • activityBar.background#FAFCFF
  • activityBar.border#00000000
  • activityBar.foreground#BECAE2
  • activityBar.inactiveForeground#C0C7D3
  • activityBarBadge.background#BDC5D5
  • activityBarBadge.foreground#FFFFFF
  • activityBarTop.activeBorder#A1B3D3
  • activityBarTop.foreground#5E6264
  • activityBarTop.inactiveForeground#B3BCCD
  • activityErrorBadge.background#D8546B
  • activityErrorBadge.foreground#FFFFFF
  • activityWarningBadge.background#D0A577
  • activityWarningBadge.foreground#FFFFFF
  • auxiliaryBar.background#E9EBF0
  • auxiliaryBar.border#D8E0EE
  • auxiliaryBar.foreground#5E6264
  • auxiliaryBarActivityBar.background#E9EBF0
  • auxiliaryBarTitle.background#E9EBF0
  • auxiliaryBarTitle.border#00000000
  • auxiliaryBarTitle.foreground#B7BDCA
  • badge.background#BDC5D5
  • badge.foreground#FFFFFF
  • banner.background#CDD8EC60
  • banner.foreground#5E6264
  • banner.iconForeground#A1B3D3
  • breadcrumb.activeSelectionForeground#A1B3D3
  • breadcrumb.background#FCFDFE
  • breadcrumb.focusForeground#A1B3D3
  • breadcrumb.foreground#5E6264
  • breadcrumbPicker.background#EDF1F9
  • button.background#CCD6E9
  • button.border#00000000
  • button.foreground#FFFFFF
  • button.hoverBackground#C2CDE2
  • button.secondaryBackground#F6F8FC
  • button.secondaryForeground#5E6264
  • button.secondaryHoverBackground#EDF1F9
  • button.separator#FFFFFF40
  • charts.blue#C3D0EA
  • charts.foreground#5E6264
  • charts.green#B3BCCD
  • charts.lines#C6CFE0
  • charts.orange#9FB2D4
  • charts.purple#B9C3D7
  • charts.red#D89898
  • charts.yellow#CFCFCF
  • checkbox.background#FCFCFE
  • checkbox.border#D7DDE9
  • checkbox.foreground#718AB9
  • checkbox.selectBackground#FCFCFE
  • checkbox.selectBorder#718AB9
  • commandCenter.activeForeground#B2B7C0
  • commandCenter.foreground#B2B7C0
  • commandCenter.inactiveForeground#BDC1C9
  • debugConsole.errorForeground#D8546B
  • debugConsole.infoForeground#C3D0EA
  • debugConsole.sourceForeground#99A2B3
  • debugConsole.warningForeground#D6A864
  • debugConsoleInputIcon.foreground#A1B3D3
  • debugIcon.breakpointCurrentStackframeForeground#CFCFCF
  • debugIcon.breakpointDisabledForeground#B3BCCD
  • debugIcon.breakpointForeground#B4C4E4
  • debugIcon.breakpointStackframeForeground#BBC8DF
  • debugIcon.breakpointUnverifiedForeground#C6CFE0
  • debugIcon.continueForeground#B3BCCD
  • debugIcon.disconnectForeground#B3BCCD
  • debugIcon.pauseForeground#C3D0EA
  • debugIcon.restartForeground#B3BCCD
  • debugIcon.startForeground#B3BCCD
  • debugIcon.stepBackForeground#BDC4CF
  • debugIcon.stepIntoForeground#C3D0EA
  • debugIcon.stepOutForeground#C3D0EA
  • debugIcon.stepOverForeground#C3D0EA
  • debugIcon.stopForeground#D89898
  • debugTokenExpression.boolean#B3BCCD
  • debugTokenExpression.error#D8546B
  • debugTokenExpression.name#C3D0EA
  • debugTokenExpression.number#9FB2D4
  • debugTokenExpression.string#CDD8EC
  • debugTokenExpression.value#5E6264
  • debugToolBar.background#F6F8FC
  • debugToolBar.border#D8E0EE
  • debugView.exceptionLabelBackground#D8546B
  • debugView.exceptionLabelForeground#FFFFFF
  • debugView.stateLabelBackground#CDD8EC60
  • debugView.stateLabelForeground#5E6264
  • debugView.valueChangedHighlight#C3D0EA80
  • descriptionForeground#99A2B3
  • diffEditor.border#D8E0EE
  • diffEditor.diagonalFill#C6CFE030
  • 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#EDF1F9
  • dropdown.foreground#5E6264
  • dropdown.listBackground#FEFFFF
  • editor.background#FDFEFF
  • editor.findMatchBackground#AEBCD860
  • editor.findMatchHighlightBackground#AEBCD830
  • editor.findRangeHighlightBackground#BBC8DF20
  • editor.focusedStackFrameHighlightBackground#B3BCCD30
  • editor.foreground#7E8083
  • editor.hoverHighlightBackground#CDD8EC40
  • editor.inactiveSelectionBackground#CDD8EC20
  • editor.lineHighlightBackground#E5EAF51A
  • editor.lineHighlightBorder#00000000
  • editor.rangeHighlightBackground#E5EAF560
  • editor.selectionBackground#CDD8EC35
  • editor.selectionHighlightBackground#CDD8EC20
  • editor.snippetFinalTabstopHighlightBorder#A1B3D360
  • editor.snippetTabstopHighlightBackground#CDD8EC35
  • editor.stackFrameHighlightBackground#CFCFCF30
  • editor.symbolHighlightBackground#CFCFCF30
  • editor.wordHighlightBackground#CDD8ED25
  • editor.wordHighlightStrongBackground#CDD8ED40
  • editorBracketHighlight.foreground1#E1E4ED
  • editorBracketHighlight.foreground2#DEE4E8
  • editorBracketHighlight.foreground3#E6E2ED
  • editorBracketHighlight.foreground4#DEE1E6
  • editorBracketHighlight.foreground5#E5E6DE
  • editorBracketHighlight.foreground6#E5E7EF
  • editorBracketHighlight.unexpectedBracket.foreground#D8546B
  • editorBracketMatch.background#CDD8EC40
  • editorBracketMatch.border#A1B3D3
  • editorBracketPairGuide.activeBackground1#D9E1F180
  • editorBracketPairGuide.activeBackground2#CDD8ED80
  • editorBracketPairGuide.activeBackground3#BBC8DF80
  • editorBracketPairGuide.activeBackground4#C3D0EA80
  • editorBracketPairGuide.activeBackground5#E8C8A880
  • editorBracketPairGuide.activeBackground6#BDC4CF80
  • editorCodeLens.foreground#B3BCCD
  • editorCursor.background#FCFDFE
  • editorCursor.foreground#CDD8ED
  • editorError.background#D8546B20
  • editorError.foreground#D8546B
  • editorGhostText.background#00000000
  • editorGhostText.border#00000000
  • editorGhostText.foreground#B3BCCD
  • editorGroup.border#D8E0EE
  • editorGroup.dropBackground#CDD8EC40
  • editorGroupHeader.border#00000000
  • editorGroupHeader.noTabsBackground#F9FAFD
  • editorGroupHeader.tabsBackground#F6F8FC
  • editorGroupHeader.tabsBorder#00000000
  • editorGutter.addedBackground#B3BCCD
  • editorGutter.background#FCFDFE
  • editorGutter.commentRangeForeground#C6CFE0
  • editorGutter.deletedBackground#D89898
  • editorGutter.foldingControlForeground#B3BCCD
  • editorGutter.modifiedBackground#8B9CCC
  • editorHint.foreground#BDC4CF
  • editorHoverWidget.background#FEFFFF
  • editorHoverWidget.border#EDF1F9
  • editorHoverWidget.foreground#5E6264
  • editorHoverWidget.highlightForeground#A1B3D3
  • editorHoverWidget.statusBarBackground#F6F8FC
  • editorIndentGuide.activeBackground1#B9C3D7
  • editorIndentGuide.background1#E1E6F0
  • editorInfo.background#CDD8ED15
  • editorInfo.foreground#CDD8ED
  • editorInlayHint.background#E5EAF580
  • editorInlayHint.foreground#99A2B3
  • editorInlayHint.parameterBackground#CDD8EC40
  • editorInlayHint.parameterForeground#A1B3D3
  • editorInlayHint.typeBackground#BBC8DF30
  • editorInlayHint.typeForeground#BBC8DF
  • editorLineNumber.activeForeground#B9C3D7
  • editorLineNumber.foreground#DCE1EA
  • editorLink.activeForeground#C3D0EA
  • editorMarkerNavigation.background#FEFFFF
  • editorMarkerNavigationError.background#D8546B
  • editorMarkerNavigationInfo.background#C3D0EA
  • editorMarkerNavigationWarning.background#D6A864
  • editorOverviewRuler.addedForeground#B3BCCD
  • editorOverviewRuler.border#00000000
  • editorOverviewRuler.bracketMatchForeground#A1B3D3
  • editorOverviewRuler.deletedForeground#D89898
  • editorOverviewRuler.errorForeground#D8546B
  • editorOverviewRuler.findMatchForeground#CFCFCF
  • editorOverviewRuler.infoForeground#C3D0EA
  • editorOverviewRuler.modifiedForeground#8B9CCC
  • editorOverviewRuler.rangeHighlightForeground#BBC8DF
  • editorOverviewRuler.selectionHighlightForeground#CDD8EC
  • editorOverviewRuler.warningForeground#D6A864
  • editorOverviewRuler.wordHighlightForeground#CDD8ED
  • editorOverviewRuler.wordHighlightStrongForeground#CDD8ED
  • editorRuler.foreground#D8E0EE
  • editorStickyScroll.background#F9FAFD
  • editorStickyScrollHover.background#E5EAF5
  • editorSuggestWidget.background#FEFFFF
  • editorSuggestWidget.border#EDF1F9
  • editorSuggestWidget.focusHighlightForeground#A1B3D3
  • editorSuggestWidget.foreground#5E6264
  • editorSuggestWidget.highlightForeground#A1B3D3
  • editorSuggestWidget.selectedBackground#CDD8EC60
  • editorSuggestWidget.selectedForeground#5E6264
  • editorSuggestWidget.selectedIconForeground#A1B3D3
  • editorSuggestWidgetStatus.foreground#99A2B3
  • editorUnnecessaryCode.opacity#5E6264B3
  • editorWarning.background#E2B57B25
  • editorWarning.foreground#E2B57B
  • editorWhitespace.foreground#E1E6F0
  • editorWidget.background#FEFFFF
  • editorWidget.border#EDF1F9
  • editorWidget.foreground#5E6264
  • editorWidget.resizeBorder#FEFFFF
  • errorForeground#D8546B
  • extensionBadge.remoteBackground#A1B3D3
  • extensionBadge.remoteForeground#FFFFFF
  • extensionButton.background#CCD6E9
  • extensionButton.foreground#FFFFFF
  • extensionButton.hoverBackground#C2CDE2
  • extensionButton.prominentBackground#CCD6E9
  • extensionButton.prominentForeground#FFFFFF
  • extensionButton.prominentHoverBackground#C2CDE2
  • extensionButton.separator#FFFFFF40
  • extensionIcon.preReleaseForeground#BBC8DF
  • extensionIcon.sponsorForeground#A1B3D3
  • extensionIcon.starForeground#CFCFCF
  • extensionIcon.verifiedForeground#B3BCCD
  • focusBorder#D8E0EE
  • foreground#5E6264
  • gitDecoration.addedResourceForeground#B3BCCD
  • gitDecoration.conflictingResourceForeground#D89898
  • gitDecoration.deletedResourceForeground#D89898
  • gitDecoration.ignoredResourceForeground#C6CFE0
  • gitDecoration.modifiedResourceForeground#8B9CCC
  • gitDecoration.renamedResourceForeground#BBC8DF
  • gitDecoration.stageDeletedResourceForeground#D89898
  • gitDecoration.stageModifiedResourceForeground#8B9CCC
  • gitDecoration.submoduleResourceForeground#BDC4CF
  • gitDecoration.untrackedResourceForeground#CFCFCF
  • icon.foreground#A6ACBB
  • input.background#FCFCFE
  • input.border#FCFCFE
  • input.foreground#A1A3A7
  • input.placeholderForeground#D4D7DC
  • inputOption.activeBackground#CDD8EC60
  • inputOption.activeBorder#A1B3D3
  • inputOption.activeForeground#5E6264
  • inputOption.hoverBackground#CDD8EC40
  • inputValidation.errorBackground#FCFDFE
  • inputValidation.errorBorder#D8546B
  • inputValidation.errorForeground#D8546B
  • inputValidation.infoBackground#FCFDFE
  • inputValidation.infoBorder#C3D0EA
  • inputValidation.infoForeground#C3D0EA
  • inputValidation.warningBackground#FCFDFE
  • inputValidation.warningBorder#D6A864
  • inputValidation.warningForeground#D6A864
  • keybindingLabel.background#FFFFFF
  • keybindingLabel.border#E6E9EE
  • keybindingLabel.bottomBorder#E6E9EE
  • keybindingLabel.foreground#5E6264
  • keybindingTable.headerBackground#F6F8FC
  • keybindingTable.rowsBackground#F9FAFC
  • list.activeSelectionBackground#CDD8EC35
  • list.activeSelectionForeground#5E6264
  • list.activeSelectionIconForeground#A1B3D3
  • list.deemphasizedForeground#B3BCCD
  • list.dropBackground#CDD8EC40
  • list.dropBetweenBackground#A1B3D3
  • list.errorForeground#829DCE
  • list.focusAndSelectionOutline#A1B3D300
  • list.focusBackground#CDD8EC35
  • list.focusForeground#5E6264
  • list.focusHighlightForeground#A1B3D3
  • list.focusOutline#A1B3D300
  • list.highlightForeground#A1B3D3
  • list.hoverBackground#CDD8EC15
  • list.hoverForeground#5E6264
  • list.inactiveSelectionBackground#CDD8EC20
  • list.inactiveSelectionForeground#5E6264
  • list.inactiveSelectionIconForeground#99A2B3
  • list.invalidItemForeground#D8546B
  • list.warningForeground#8BA3CC
  • listFilterWidget.background#FEFFFF
  • listFilterWidget.noMatchesOutline#D8546B
  • listFilterWidget.outline#A1B3D3
  • listFilterWidget.shadow#72809926
  • menu.background#FEFFFF
  • menu.border#00000000
  • menu.foreground#5E6264
  • menu.selectionBackground#CDD8EC80
  • menu.selectionBorder#00000000
  • menu.selectionForeground#5E6264
  • menu.separatorBackground#00000000
  • menubar.selectionBackground#CDD8EC60
  • menubar.selectionBorder#00000000
  • menubar.selectionForeground#5E6264
  • merge.border#D8E0EE
  • merge.commonContentBackground#CDD8EC20
  • merge.commonHeaderBackground#CDD8EC40
  • merge.currentContentBackground#C3D0EA20
  • merge.currentHeaderBackground#C3D0EA40
  • merge.incomingContentBackground#BBC8DF20
  • merge.incomingHeaderBackground#BBC8DF40
  • mergeEditor.change.background#CDD8EC20
  • mergeEditor.change.word.background#CDD8EC40
  • mergeEditor.conflict.handledFocused.border#B3BCCD
  • mergeEditor.conflict.handledUnfocused.border#B3BCCD
  • mergeEditor.conflict.unhandledFocused.border#D89898
  • mergeEditor.conflict.unhandledUnfocused.border#CFCFCF
  • minimap.background#FEFFFF00
  • minimap.errorHighlight#D8546B
  • minimap.findMatchHighlight#CFCFCF
  • minimap.foregroundOpacity#000000C0
  • minimap.infoHighlight#C3D0EA
  • minimap.selectionHighlight#CDD8EC80
  • minimap.selectionOccurrenceHighlight#CDD8EC60
  • minimap.warningHighlight#D6A864
  • minimapGutter.addedBackground#B3BCCD
  • minimapGutter.deletedBackground#D89898
  • minimapGutter.modifiedBackground#8B9CCC
  • minimapSlider.activeBackground#A1B3D360
  • minimapSlider.background#C6CFE040
  • minimapSlider.hoverBackground#C6CFE060
  • notificationCenter.border#00000000
  • notificationCenterHeader.background#F3F6FB
  • notificationCenterHeader.foreground#5E6264
  • notificationLink.foreground#C3D0EA
  • notifications.background#FEFFFF
  • notifications.border#00000000
  • notifications.foreground#5E6264
  • notificationsErrorIcon.foreground#D8546B
  • notificationsInfoIcon.foreground#C3D0EA
  • notificationsWarningIcon.foreground#D6A864
  • notificationToast.border#00000000
  • panel.background#FEFFFF
  • panel.border#D8E0EE
  • panel.dropBorder#A1B3D3
  • panel.foreground#5E6264
  • panelInput.border#D8E0EE
  • panelSection.border#00000000
  • panelSection.dropBackground#CDD8EC40
  • panelSectionHeader.background#F9FAFD
  • panelSectionHeader.border#00000000
  • panelSectionHeader.foreground#5E6264
  • panelStickyScroll.background#F9FAFD
  • panelStickyScroll.border#00000000
  • panelTitle.activeBorder#CAD1DC
  • panelTitle.activeForeground#818285
  • panelTitle.border#00000000
  • panelTitle.inactiveForeground#818285
  • panelTitleBadge.background#BDC5D5
  • panelTitleBadge.foreground#FFFFFF
  • peekView.border#A1B3D3
  • peekViewEditor.background#F6F8FC
  • peekViewEditor.matchHighlightBackground#CFCFCF60
  • peekViewEditorGutter.background#F6F8FC
  • peekViewResult.background#EDF1F9
  • peekViewResult.fileForeground#5E6264
  • peekViewResult.lineForeground#99A2B3
  • peekViewResult.matchHighlightBackground#CFCFCF80
  • peekViewResult.selectionBackground#CDD8EC60
  • peekViewResult.selectionForeground#5E6264
  • peekViewTitle.background#EDF1F9
  • peekViewTitleDescription.foreground#99A2B3
  • peekViewTitleLabel.foreground#5E6264
  • pickerGroup.border#D7DDE9
  • pickerGroup.foreground#99A2B3
  • problemsErrorIcon.foreground#D8546B
  • problemsInfoIcon.foreground#C3D0EA
  • problemsWarningIcon.foreground#D6A864
  • progressBar.background#A1B3D3
  • quickInput.background#FEFFFF
  • quickInput.foreground#5E6264
  • quickInputList.focusBackground#CDD8EC35
  • quickInputList.focusForeground#5E6264
  • quickInputList.focusIconForeground#A1B3D3
  • quickInputTitle.background#FEFFFF
  • radio.activeBackground#CDD8EC60
  • radio.activeBorder#A1B3D3
  • radio.activeForeground#5E6264
  • radio.inactiveBackground#FCFDFE
  • radio.inactiveBorder#D8E0EE
  • radio.inactiveForeground#99A2B3
  • radio.inactiveHoverBackground#CDD8EC20
  • sash.hoverBorder#CDD8ED
  • scm.providerBorder#00000000
  • scmGraph.foreground1#A1B3D3
  • scmGraph.foreground2#C3D0EA
  • scmGraph.foreground3#B3BCCD
  • scmGraph.foreground4#BBC8DF
  • scmGraph.foreground5#B9C3D7
  • scmGraph.historyItemBaseRefColor#B3BCCD
  • scmGraph.historyItemHoverLabelForeground#FFFFFF
  • scmGraph.historyItemRefColor#A1B3D3
  • scmGraph.historyItemRemoteRefColor#C3D0EA
  • scrollbar.shadow#72809926
  • scrollbarSlider.activeBackground#A1B3D380
  • scrollbarSlider.background#C6CFE060
  • scrollbarSlider.hoverBackground#C6CFE090
  • selection.background#CDD8EC50
  • settings.checkboxBackground#FCFCFE
  • settings.checkboxBorder#D7DDE9
  • settings.checkboxForeground#718AB9
  • settings.dropdownBackground#FCFDFE
  • settings.dropdownBorder#D8E0EE
  • settings.dropdownForeground#5E6264
  • settings.dropdownListBorder#D8E0EE
  • settings.focusedRowBackground#CDD8EC20
  • settings.focusedRowBorder#A1B3D380
  • settings.headerBorder#D8E0EE
  • settings.headerForeground#5E6264
  • settings.modifiedItemIndicator#8B9CCC
  • settings.numberInputBackground#FCFDFE
  • settings.numberInputBorder#D8E0EE
  • settings.numberInputForeground#5E6264
  • settings.rowHoverBackground#CDD8EC15
  • settings.sashBorder#00000000
  • settings.textInputBackground#FCFDFE
  • settings.textInputBorder#D8E0EE
  • settings.textInputForeground#5E6264
  • sideBar.background#F6F8FC
  • sideBar.border#00000000
  • sideBar.foreground#5E6264
  • sideBarSectionHeader.background#F3F6FB
  • sideBarSectionHeader.border#00000000
  • sideBarSectionHeader.foreground#5E6264
  • sideBarTitle.foreground#B7BDCA
  • statusBar.background#FAFCFF
  • statusBar.border#00000000
  • statusBar.debuggingBackground#CFCFCF
  • statusBar.debuggingBorder#BDC4CF
  • statusBar.debuggingForeground#FFFFFF
  • statusBar.focusBorder#A1B3D3
  • statusBar.foreground#5E6264
  • statusBar.noFolderBackground#F3F6FB
  • statusBar.noFolderBorder#00000000
  • statusBar.noFolderForeground#5E6264
  • statusBarItem.activeBackground#CDD8EC60
  • statusBarItem.compactHoverBackground#CDD8EC60
  • statusBarItem.errorBackground#D8546B
  • statusBarItem.errorForeground#FFFFFF
  • statusBarItem.focusBorder#A1B3D3
  • statusBarItem.hoverBackground#CDD8EC40
  • statusBarItem.hoverForeground#5E6264
  • statusBarItem.offlineBackground#B3BCCD
  • statusBarItem.offlineForeground#FFFFFF
  • statusBarItem.prominentBackground#CDD8EC60
  • statusBarItem.prominentForeground#5E6264
  • statusBarItem.prominentHoverBackground#CDD8EC80
  • statusBarItem.remoteBackground#FAFCFF
  • statusBarItem.remoteForeground#5E6264
  • statusBarItem.remoteHoverBackground#D4DDEE
  • statusBarItem.warningBackground#D0A577
  • statusBarItem.warningForeground#FFFFFF
  • symbolIcon.arrayForeground#BDC4CF
  • symbolIcon.booleanForeground#B3BCCD
  • symbolIcon.classForeground#BBC8DF
  • symbolIcon.colorForeground#A1B3D3
  • symbolIcon.constantForeground#9FB2D4
  • symbolIcon.constructorForeground#BBC8DF
  • symbolIcon.enumeratorForeground#9FB2D4
  • symbolIcon.enumeratorMemberForeground#9FB2D4
  • symbolIcon.eventForeground#CFCFCF
  • symbolIcon.fieldForeground#C3D0EA
  • symbolIcon.fileForeground#5E6264
  • symbolIcon.folderForeground#BBC8DF
  • symbolIcon.functionForeground#C3D0EA
  • symbolIcon.interfaceForeground#BBC8DF
  • symbolIcon.keyForeground#A1B3D3
  • symbolIcon.keywordForeground#B9C3D7
  • symbolIcon.methodForeground#C3D0EA
  • symbolIcon.moduleForeground#BDC4CF
  • symbolIcon.namespaceForeground#BDC4CF
  • symbolIcon.nullForeground#B3BCCD
  • symbolIcon.numberForeground#9FB2D4
  • symbolIcon.objectForeground#BBC8DF
  • symbolIcon.operatorForeground#A1B3D3
  • symbolIcon.packageForeground#BDC4CF
  • symbolIcon.propertyForeground#C3D0EA
  • symbolIcon.referenceForeground#CDD8EC
  • symbolIcon.snippetForeground#B3BCCD
  • symbolIcon.stringForeground#CDD8EC
  • symbolIcon.structForeground#BBC8DF
  • symbolIcon.textForeground#5E6264
  • symbolIcon.typeParameterForeground#BBC8DF
  • symbolIcon.unitForeground#9FB2D4
  • symbolIcon.variableForeground#5E6264
  • tab.activeBackground#FCFDFE
  • tab.activeBorder#00000000
  • tab.activeBorderTop#00000000
  • tab.activeForeground#B7BDC9
  • tab.activeModifiedBorder#D5DCE9
  • tab.border#00000000
  • tab.dragAndDropBorder#A1B3D3
  • tab.hoverBackground#CDD8EC20
  • tab.hoverBorder#00000000
  • tab.hoverForeground#5E6264
  • tab.inactiveBackground#F4F7FB
  • tab.inactiveForeground#BCC0C6
  • tab.inactiveModifiedBorder#D5DCE9
  • tab.lastPinnedBorder#A1B3D360
  • tab.unfocusedActiveBackground#FCFDFE
  • tab.unfocusedActiveBorder#00000000
  • tab.unfocusedActiveBorderTop#00000000
  • tab.unfocusedActiveForeground#99A2B3
  • tab.unfocusedActiveModifiedBorder#D5DCE9
  • tab.unfocusedHoverBorder#00000000
  • tab.unfocusedInactiveBackground#F4F7FB
  • tab.unfocusedInactiveForeground#BCC0C6
  • tab.unfocusedInactiveModifiedBorder#D5DCE9
  • terminal.ansiBlack#5E6264
  • terminal.ansiBlue#CED6E6
  • terminal.ansiBrightBlack#A9AEB6
  • terminal.ansiBrightBlue#D0DAED
  • terminal.ansiBrightCyan#B3BCCD
  • terminal.ansiBrightGreen#B1B7C2
  • terminal.ansiBrightMagenta#718AB9
  • terminal.ansiBrightRed#D89898
  • terminal.ansiBrightWhite#595C63
  • terminal.ansiBrightYellow#C8B088
  • terminal.ansiCyan#C0C9DA
  • terminal.ansiGreen#BDC4CF
  • terminal.ansiMagenta#9EAFCE
  • terminal.ansiRed#E8A8A8
  • terminal.ansiWhite#5E6264
  • terminal.ansiYellow#D8C098
  • terminal.background#FEFFFF
  • terminal.border#D8E0EE
  • terminal.dropBackground#CDD8EC40
  • terminal.findMatchBackground#CFCFCF80
  • terminal.findMatchHighlightBackground#CFCFCF40
  • terminal.foreground#5E6264
  • terminal.hoverHighlightBackground#CDD8EC40
  • terminal.inactiveSelectionBackground#CDD8EC30
  • terminal.selectionBackground#CDD8EC60
  • terminal.tab.activeBorder#A1B3D3
  • terminalCommandDecoration.defaultBackground#CED6E6
  • terminalCommandDecoration.errorBackground#D8546B
  • terminalCommandDecoration.successBackground#BDC4CF
  • terminalCursor.background#FCFDFE
  • terminalCursor.foreground#CDD8ED
  • terminalOverviewRuler.cursorForeground#A1B3D3
  • terminalOverviewRuler.findMatchForeground#CFCFCF
  • testing.coverCountBadgeBackground#B3BCCD
  • testing.coverCountBadgeForeground#FFFFFF
  • testing.coveredBackground#B3BCCD20
  • testing.iconErrored#D8546B
  • testing.iconFailed#D8546B
  • testing.iconPassed#B3BCCD
  • testing.iconQueued#CFCFCF
  • testing.iconSkipped#B3BCCD
  • testing.iconUnset#C6CFE0
  • testing.message.error.decorationForeground#D8546B
  • testing.message.error.lineBackground#D8546B15
  • testing.message.info.decorationForeground#C3D0EA
  • testing.message.info.lineBackground#C3D0EA15
  • testing.peekBorder#A1B3D3
  • testing.peekHeaderBackground#F6F8FC
  • testing.runAction#B3BCCD
  • testing.uncoveredBackground#D7DFEC20
  • textLink.activeForeground#B2B7C0
  • textLink.foreground#B2B7C0
  • titleBar.activeBackground#FAFCFF
  • titleBar.activeForeground#B2B7C0
  • titleBar.border#00000000
  • titleBar.inactiveBackground#F9FAFD
  • titleBar.inactiveForeground#B2B7C0
  • tree.inactiveIndentGuidesStroke#E5EAF5
  • tree.indentGuidesStroke#D8E0EE
  • tree.tableColumnsBorder#00000000
  • tree.tableOddRowsBackground#EDF1F940
  • walkThrough.embeddedEditorBackground#F6F8FC
  • walkthrough.stepTitle.foreground#5E6264
  • welcomePage.background#FCFDFE
  • welcomePage.progress.background#EDF1F9
  • welcomePage.progress.foreground#CCD6E9
  • welcomePage.tileBackground#F6F8FC
  • welcomePage.tileBorder#D8E0EE
  • welcomePage.tileHoverBackground#EDF1F9
  • widget.border#D8E0EE
  • widget.shadow#72809926
  • 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#9EA6C0
keyword.other#8BA3CB
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#8BA3CB
keyword.operator, meta.tag#8CA0C6
punctuation, meta.brace.angle, punctuation.definition.tag, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, constant.other.color#DFE3EB
punctuation.definition.variable.shell#9EA6C0
punctuation.definition.regex.arbitrary-repetition.shell, punctuation.definition.arbitrary-repetition.shell#8CA0C6
punctuation.separator.statement.and.shell, punctuation.separator.statement.or.shell, punctuation.separator.statement.background.shell#8CA0C6
punctuation.math.operator.latex#8CA0C6
punctuation.definition.string.heredoc#9FA8B8
punctuation.definition.string.heredoc.quote.shell#DFE3EB
keyword.operator.type.annotation, keyword.operator.type.ts, keyword.operator.type.tsx#DFE3EB
storage.type.function.arrow#DFE3EB
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#DFE3EB
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#8BA3CB
source.yaml entity.name.tag, entity.name.tag.yaml, support.type.property-name.toml, source.toml entity.name.tag#8BA3CB
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#A2B4D1
meta.function entity.name.function, meta.definition.function entity.name.function, meta.definition.method entity.name.function, meta.method.declaration entity.name.function#AFA1DA
meta.block variable.other#ABB4C5
support.other.variable, string.other.link#8BA3CB
constant.numeric, keyword.other.unit, constant.other.color.rgb-value.hex.css#D0BCA7
constant.language, support.constant, constant.character, constant.escape, entity.name.variable.enum-member, variable.other.enummember, constant.other, variable.other.constant, constant.enum#9194BB
variable.parameter, entity.name.variable.parameter, meta.record.identifier#ABB4C5
entity.name.variable.field, entity.name.variable.property, entity.name.variable.event#B3C5E5
entity.name.variable.local, entity.name.variable.tuple-element, entity.name.variable.range-variable#9EA6C0
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#9FA8B8
string.quoted.double.json, string.quoted.single.yaml, string.quoted.double.yaml, string.unquoted.plain.yaml, string.unquoted.block.yaml#A2B1DC
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#9999D5
support.type#9999D5
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#A2BAE4
variable.language#A2BAE4italic
entity.name.method.js#AFA1DAitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#AFA1DA
entity.other.attribute-name#A2B1DC
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#A2B1DCitalic
entity.other.attribute-name.class, entity.other.attribute-name.class punctuation.definition.entity#8BA3CB
entity.other.attribute-name.id punctuation.definition.entity#A2B1DC
source.css punctuation.definition.keyword.css, source.scss punctuation.definition.keyword.css, source.sass punctuation.definition.keyword.css, source.less punctuation.definition.keyword.css#A2B1DC
source.css punctuation.definition.constant.css, source.scss punctuation.definition.constant.css, source.sass punctuation.definition.constant.css, source.less punctuation.definition.constant.css#D0BCA7
entity.other.attribute-name.pseudo-class punctuation.definition.entity, entity.other.attribute-name.pseudo-element punctuation.definition.entity#A2B1DC
punctuation.definition.annotation, punctuation.definition.attribute#8BA3CB
punctuation.definition.decorator, punctuation.decorator#A2B4D1
punctuation.definition.block.tag.jsdoc, punctuation.definition.inline.tag.jsdoc#8BA3CB
punctuation.definition.template-expression, punctuation.section.embedded.begin.ruby, punctuation.section.embedded.end.ruby#9EA6C0
punctuation.definition.variable#9EA6C0
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#9FA8B8
punctuation.section.regexp.begin.ruby, punctuation.section.regexp.end.ruby, string.regexp punctuation.section.regexp.ruby, string.regexp storage.type.string.python#9BA4B5
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#9194BB
string.quoted storage.type.string.python#9FA8B8
constant.character.format.placeholder.other.python#9EA6C0
punctuation.attribute-shorthand.event.html.vue#A2B1DC
punctuation.definition.entity.html, punctuation.definition.constant.xml#9194BB
punctuation.definition.anchor.yaml, punctuation.definition.alias.yaml#9EA6C0
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#8BA3CB
punctuation.definition.range.diff#7E8083
source.sass keyword.control#8BA3CB
markup.inserted#9CAAC4
markup.deleted#D89898
markup.changed#B3C5E5
string.regexp#9BA4B5
constant.character.escape#9BA4B5
*url*, *link*, *uri*underline
support.attribute, meta.attribute.rust, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#9999D5italic
source.js constant.other.object.key.js string.unquoted.label.js#8BA3CB
source.json meta.structure.dictionary.json support.type.property-name.json#8BA3CB
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#9999D5
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#9CACCB
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#7C8AA4
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#9BA4B5
text.html.markdown, punctuation.definition.list_item.markdown#5F6163
punctuation.definition.list.begin.markdown, punctuation.definition.list.markdown#C2CADD
text.html.markdown markup.inline.raw.markdown, text.html.markdown markup.inline.raw.string.markdown#A2BAE4
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#9CAAC4
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#B0C5E8
markup.italic#A2BAE4italic
markup.bold, markup.bold string#9FA8B8bold
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#9FA8B8bold italic
entity.name.section.markdown, heading.1.markdown, markup.heading.markdown#8BA3CB
markup.underline#ACBBD5underline
markup.quote punctuation.definition.blockquote.markdown#B3C5E5
markup.quoteitalic
string.other.link.title.markdown#9FA8B8
string.other.link.description.title.markdown#9FA8B8
constant.other.reference.link.markdown#ACBBD5
markup.raw.block#A2BAE4
markup.raw.block.fenced.markdown#5E6264B3
punctuation.definition.fenced.markdown#5E626480
variable.language.fenced.markdown, fenced_code.block.language#DFE3EB
meta.separator#7C8AA4bold
markup.table#5F6163
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#A2B1DC
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#A2B1DC
constant.numeric.css, keyword.other.unit, source.css constant.numeric, source.scss constant.numeric, source.less constant.numeric#D0BCA7
support.function.timing-function.css, invalid.deprecated.color.system.css#A2ABC3
meta.property-list.css#DFE3EB
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#A2ABC3
text.html entity.name.tag, text.html.basic entity.name.tag, text.html.derivative entity.name.tag#8BA3CB
text.html entity.other.attribute-name, text.html.basic entity.other.attribute-name, text.html.derivative entity.other.attribute-name#A2B1DC
text.html meta.tag string.quoted, text.html.basic meta.tag string.quoted, text.html.derivative meta.tag string.quoted#A2ABC3
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#9EA6C0
source.css keyword.operator, source.scss keyword.operator, source.less keyword.operator#8CA0C6
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#A2ABC3
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#A2B1DC
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#8BA3CB
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#A2B1DC
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#DFE3EB
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#DFE3EB
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#DFE3EB