Skip to main content
Coding Theme

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • activityBar.activeBackground#193A50A6
  • activityBar.activeBorder#5F8FEA
  • activityBar.background#071A2A
  • activityBar.border#29475D
  • activityBar.foreground#E4E9F0
  • activityBar.inactiveForeground#9AA9BAC7
  • activityBarBadge.background#5F8FEA
  • activityBarBadge.foreground#0D2D43
  • badge.background#5F8FEA
  • badge.foreground#0D2D43
  • banner.background#193A50
  • banner.foreground#E4E9F0
  • banner.iconForeground#5F8FEA
  • breadcrumb.activeSelectionForeground#E4E9F0
  • breadcrumb.focusForeground#E4E9F0
  • breadcrumb.foreground#9AA9BA
  • breadcrumbPicker.background#193A50
  • button.background#5F8FEA
  • button.border#5F8FEA80
  • button.foreground#0D2D43
  • button.hoverBackground#5F8FEAD1
  • button.secondaryBackground#193A50
  • button.secondaryForeground#E4E9F0
  • button.secondaryHoverBackground#1D435D
  • charts.blue#5F8FEA
  • charts.foreground#E4E9F0
  • charts.green#69B578
  • charts.lines#29475D
  • charts.orange#DED8D3
  • charts.purple#8D96ED
  • charts.red#EF5D6C
  • charts.yellow#D9B96E
  • chat.avatarBackground#5F8FEA40
  • chat.avatarForeground#E4E9F0
  • chat.checkpointSeparator#29475D
  • chat.editedFileForeground#5F8FEA
  • chat.linesAddedForeground#69B578
  • chat.linesRemovedForeground#D96666
  • chat.requestBackground#193A50E6
  • chat.requestBorder#29475D
  • chat.requestBubbleBackground#193A50D9
  • chat.requestBubbleHoverBackground#1D435D
  • chat.requestCodeBorder#29475D
  • chat.slashCommandBackground#5F8FEA24
  • chat.slashCommandForeground#5F8FEA
  • chat.thinkingShimmer#5F8FEAD9
  • chatManagement.sashBorder#29475D
  • checkbox.background#123044
  • checkbox.border#29475D
  • checkbox.foreground#E4E9F0
  • commandCenter.activeBackground#1D435D
  • commandCenter.activeBorder#5F8FEAB3
  • commandCenter.activeForeground#E4E9F0
  • commandCenter.background#123044
  • commandCenter.border#29475D
  • commandCenter.foreground#9AA9BA
  • debugConsole.errorForeground#EF5D6C
  • debugConsole.infoForeground#5F8FEA
  • debugConsole.warningForeground#D9B96E
  • debugExceptionWidget.background#193A50
  • debugExceptionWidget.border#EF5D6CBF
  • debugIcon.breakpointCurrentStackframeForeground#D9B96E
  • debugIcon.breakpointDisabledForeground#9AA9BA8C
  • debugIcon.breakpointForeground#EF5D6C
  • debugIcon.breakpointStackframeForeground#5F8FEA
  • debugIcon.breakpointUnverifiedForeground#9AA9BABF
  • debugIcon.continueForeground#69B578
  • debugIcon.disconnectForeground#EF5D6CE6
  • debugIcon.pauseForeground#D9B96E
  • debugIcon.restartForeground#69B578
  • debugIcon.startForeground#69B578
  • debugIcon.stepBackForeground#5F8FEA
  • debugIcon.stepIntoForeground#5F8FEA
  • debugIcon.stepOutForeground#5F8FEA
  • debugIcon.stepOverForeground#5F8FEA
  • debugIcon.stopForeground#EF5D6C
  • debugTokenExpression.boolean#927CF4
  • debugTokenExpression.error#EF5D6C
  • debugTokenExpression.name#7CB8F5
  • debugTokenExpression.number#DED8D3
  • debugTokenExpression.string#5BDCC8
  • debugTokenExpression.type#9ED184
  • debugTokenExpression.value#F8FAFD
  • debugToolBar.background#193A50
  • debugToolBar.border#29475D
  • debugView.exceptionLabelBackground#EF5D6C38
  • debugView.exceptionLabelForeground#E4E9F0
  • debugView.stateLabelBackground#193A50
  • debugView.stateLabelForeground#E4E9F0
  • debugView.valueChangedHighlight#D9B96E
  • descriptionForeground#9AA9BA
  • diffEditor.border#29475D
  • diffEditor.diagonalFill#9AA9BA26
  • diffEditor.insertedLineBackground#69B57814
  • diffEditor.insertedTextBackground#69B5782E
  • diffEditor.removedLineBackground#D9666614
  • diffEditor.removedTextBackground#D966662E
  • diffEditorGutter.insertedLineBackground#69B5782E
  • diffEditorGutter.removedLineBackground#D966662E
  • diffEditorOverview.insertedForeground#69B578E6
  • diffEditorOverview.removedForeground#D96666E6
  • disabledForeground#9AA9BA8C
  • dropdown.background#193A50
  • dropdown.border#29475D
  • dropdown.foreground#E4E9F0
  • dropdown.listBackground#193A50
  • editor.background#0D2D43
  • editor.findMatchBackground#DDBE586B
  • editor.findMatchBorder#DDBE58E6
  • editor.findMatchHighlightBackground#DDBE582E
  • editor.findMatchHighlightBorder#DDBE5861
  • editor.findRangeHighlightBackground#5F8FEA1A
  • editor.focusedStackFrameHighlightBackground#69B5781F
  • editor.foreground#E4E9F0
  • editor.hoverHighlightBackground#5F8FEA1F
  • editor.inactiveSelectionBackground#2856748C
  • editor.inlineValuesBackground#193A50B8
  • editor.inlineValuesForeground#9AA9BA
  • editor.lineHighlightBackground#193A50B8
  • editor.lineHighlightBorder#29475D8C
  • editor.rangeHighlightBackground#8D96ED1C
  • editor.selectionBackground#285674
  • editor.selectionHighlightBackground#5F8FEA2E
  • editor.selectionHighlightBorder#5F8FEA61
  • editor.snippetFinalTabstopHighlightBackground#5BDCC81F
  • editor.snippetFinalTabstopHighlightBorder#5BDCC8A6
  • editor.snippetTabstopHighlightBackground#5F8FEA1F
  • editor.snippetTabstopHighlightBorder#5F8FEAA6
  • editor.stackFrameHighlightBackground#D9B96E1F
  • editor.wordHighlightBackground#7CB8F51F
  • editor.wordHighlightStrongBackground#EA74BA24
  • editorBracketHighlight.foreground1#5F8FEA
  • editorBracketHighlight.foreground2#DDBE58
  • editorBracketHighlight.foreground3#5BDCC8
  • editorBracketHighlight.foreground4#EA74BA
  • editorBracketHighlight.foreground5#9ED184
  • editorBracketHighlight.foreground6#8D96ED
  • editorBracketHighlight.unexpectedBracket.foreground#EF5D6C
  • editorBracketMatch.background#5F8FEA1F
  • editorBracketMatch.border#5F8FEAB3
  • editorBracketPairGuide.activeBackground1#5F8FEABF
  • editorBracketPairGuide.activeBackground2#DDBE58BF
  • editorBracketPairGuide.activeBackground3#5BDCC8BF
  • editorBracketPairGuide.background1#5F8FEA2E
  • editorBracketPairGuide.background2#DDBE582E
  • editorBracketPairGuide.background3#5BDCC82E
  • editorCodeLens.foreground#9AA9BAC7
  • editorCursor.background#0D2D43
  • editorCursor.foreground#5F8FEA
  • editorError.background#EF5D6C14
  • editorError.border#EF5D6CA6
  • editorError.foreground#EF5D6C
  • editorGroup.border#29475D
  • editorGroup.dropBackground#5F8FEA29
  • editorGroupHeader.noTabsBackground#0B2639
  • editorGroupHeader.tabsBackground#0B2639
  • editorGroupHeader.tabsBorder#29475D
  • editorGutter.addedBackground#69B578
  • editorGutter.background#0D2D43
  • editorGutter.deletedBackground#D96666
  • editorGutter.modifiedBackground#5F8FEA
  • editorHint.border#9ED1848C
  • editorHint.foreground#9ED184
  • editorHoverWidget.background#193A50
  • editorHoverWidget.border#29475D
  • editorHoverWidget.foreground#E4E9F0
  • editorHoverWidget.statusBarBackground#123044
  • editorIndentGuide.activeBackground1#9AA9BA94
  • editorIndentGuide.background1#9AA9BA38
  • editorInfo.background#5F8FEA14
  • editorInfo.border#5F8FEA99
  • editorInfo.foreground#5F8FEA
  • editorInlayHint.background#193A50CC
  • editorInlayHint.foreground#9AA9BAE6
  • editorInlayHint.parameterBackground#193A50CC
  • editorInlayHint.parameterForeground#EA74BAE6
  • editorInlayHint.typeBackground#193A50CC
  • editorInlayHint.typeForeground#9ED184E6
  • editorLineNumber.activeForeground#E4E9F0F2
  • editorLineNumber.dimmedForeground#9AA9BA66
  • editorLineNumber.foreground#9AA9BA99
  • editorLink.activeForeground#5BDCC8
  • editorMultiCursor.primary.foreground#5F8FEA
  • editorMultiCursor.secondary.foreground#5BDCC8E6
  • editorOverviewRuler.border#29475DB3
  • editorOverviewRuler.commentForeground#69B578
  • editorOverviewRuler.commentUnresolvedForeground#D9B96E
  • editorOverviewRuler.commonContentForeground#9AA9BACC
  • editorOverviewRuler.currentContentForeground#5F8FEA
  • editorOverviewRuler.incomingContentForeground#69B578
  • editorRuler.foreground#9AA9BA38
  • editorSuggestWidget.background#193A50
  • editorSuggestWidget.border#29475D
  • editorSuggestWidget.foreground#E4E9F0
  • editorSuggestWidget.highlightForeground#5F8FEA
  • editorSuggestWidget.selectedBackground#285674
  • editorSuggestWidget.selectedForeground#E4E9F0
  • editorSuggestWidget.selectedIconForeground#E4E9F0
  • editorWarning.background#D9B96E14
  • editorWarning.border#D9B96EA6
  • editorWarning.foreground#D9B96E
  • editorWhitespace.foreground#9AA9BA47
  • editorWidget.background#193A50
  • editorWidget.border#29475D
  • editorWidget.foreground#E4E9F0
  • editorWidget.resizeBorder#5F8FEACC
  • errorForeground#EF5D6C
  • extensionBadge.remoteBackground#5F8FEA
  • extensionBadge.remoteForeground#0D2D43
  • extensionButton.background#193A50
  • extensionButton.border#29475D
  • extensionButton.foreground#E4E9F0
  • extensionButton.hoverBackground#1D435D
  • extensionButton.prominentBackground#5F8FEA
  • extensionButton.prominentForeground#0D2D43
  • extensionButton.prominentHoverBackground#5F8FEAD1
  • extensionButton.separator#29475D
  • extensionIcon.preReleaseForeground#8D96ED
  • extensionIcon.privateForeground#9AA9BA
  • extensionIcon.sponsorForeground#EA74BA
  • extensionIcon.starForeground#D9B96E
  • extensionIcon.verifiedForeground#5F8FEA
  • focusBorder#5F8FEAF2
  • foreground#E4E9F0
  • git.blame.editorDecorationForeground#9AA9BAC7
  • gitDecoration.addedResourceForeground#69B578
  • gitDecoration.conflictingResourceForeground#D9B96E
  • gitDecoration.deletedResourceForeground#D96666
  • gitDecoration.ignoredResourceForeground#9AA9BA80
  • gitDecoration.modifiedResourceForeground#5F8FEA
  • gitDecoration.renamedResourceForeground#5BDCC8
  • gitDecoration.stageDeletedResourceForeground#D96666D9
  • gitDecoration.stageModifiedResourceForeground#5F8FEAD9
  • gitDecoration.submoduleResourceForeground#8D96ED
  • gitDecoration.untrackedResourceForeground#69B578E6
  • icon.foreground#9AA9BA
  • inlineChat.background#193A50
  • inlineChat.border#29475D
  • inlineChat.foreground#E4E9F0
  • inlineChat.shadow#071925CC
  • inlineChatDiff.inserted#69B57829
  • inlineChatDiff.removed#D9666629
  • inlineChatInput.background#123044
  • inlineChatInput.border#29475D
  • inlineChatInput.focusBorder#5F8FEAD9
  • inlineChatInput.placeholderForeground#9AA9BAB8
  • input.background#123044
  • input.border#29475D
  • input.foreground#E4E9F0
  • input.placeholderForeground#9AA9BABF
  • inputOption.activeBackground#5F8FEA29
  • inputOption.activeBorder#5F8FEAD9
  • inputOption.activeForeground#E4E9F0
  • inputValidation.errorBackground#EF5D6C29
  • inputValidation.errorBorder#EF5D6CCC
  • inputValidation.errorForeground#E4E9F0
  • inputValidation.infoBackground#5F8FEA29
  • inputValidation.infoBorder#5F8FEABF
  • inputValidation.infoForeground#E4E9F0
  • inputValidation.warningBackground#D9B96E29
  • inputValidation.warningBorder#D9B96ECC
  • inputValidation.warningForeground#E4E9F0
  • interactive.activeCodeBorder#5F8FEAE6
  • interactive.inactiveCodeBorder#29475D
  • keybindingLabel.background#123044
  • keybindingLabel.border#29475D
  • keybindingLabel.bottomBorder#29475D
  • keybindingLabel.foreground#E4E9F0
  • keybindingTable.headerBackground#193A50
  • keybindingTable.rowsBackground#193A5073
  • list.activeSelectionBackground#285674
  • list.activeSelectionForeground#E4E9F0
  • list.deemphasizedForeground#9AA9BAB3
  • list.dropBackground#5F8FEA2E
  • list.errorForeground#EF5D6C
  • list.focusBackground#1D435D
  • list.focusForeground#E4E9F0
  • list.highlightForeground#5F8FEA
  • list.hoverBackground#1D435D
  • list.hoverForeground#E4E9F0
  • list.inactiveSelectionBackground#28567494
  • list.inactiveSelectionForeground#E4E9F0E6
  • list.invalidItemForeground#9AA9BA8C
  • list.warningForeground#D9B96E
  • listFilterWidget.background#193A50
  • listFilterWidget.noMatchesOutline#EF5D6CE6
  • listFilterWidget.outline#5F8FEABF
  • markdownAlert.caution.foreground#EF5D6C
  • markdownAlert.important.foreground#8D96ED
  • markdownAlert.note.foreground#5F8FEA
  • markdownAlert.tip.foreground#69B578
  • markdownAlert.warning.foreground#D9B96E
  • mcpIcon.starForeground#D9B96E
  • menu.background#193A50
  • menu.border#29475D
  • menu.foreground#E4E9F0
  • menu.selectionBackground#285674
  • menu.selectionBorder#5F8FEAA6
  • menu.selectionForeground#E4E9F0
  • menu.separatorBackground#29475D
  • menubar.selectionBackground#1D435D
  • menubar.selectionBorder#29475D
  • menubar.selectionForeground#E4E9F0
  • merge.border#29475D
  • merge.commonContentBackground#9AA9BA14
  • merge.commonHeaderBackground#9AA9BA29
  • merge.currentContentBackground#5F8FEA1A
  • merge.currentHeaderBackground#5F8FEA38
  • merge.incomingContentBackground#69B5781A
  • merge.incomingHeaderBackground#69B57838
  • mergeEditor.change.background#5F8FEA1F
  • mergeEditor.change.word.background#5F8FEA40
  • mergeEditor.changeBase.background#9AA9BA1A
  • mergeEditor.changeBase.word.background#9AA9BA33
  • mergeEditor.conflict.handled.minimapOverViewRuler#69B578
  • mergeEditor.conflict.handledFocused.border#69B578
  • mergeEditor.conflict.handledUnfocused.border#69B5788C
  • mergeEditor.conflict.input1.background#5F8FEA1A
  • mergeEditor.conflict.input2.background#69B5781A
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#D9B96E
  • mergeEditor.conflict.unhandledFocused.border#D9B96E
  • mergeEditor.conflict.unhandledUnfocused.border#D9B96E99
  • mergeEditor.conflictingLines.background#EF5D6C1F
  • minimap.background#0D2D43
  • minimap.errorHighlight#EF5D6C
  • minimap.findMatchHighlight#DDBE58E6
  • minimap.foregroundOpacity#E4E9F0A6
  • minimap.selectionHighlight#5F8FEAA6
  • minimap.warningHighlight#D9B96E
  • minimapSlider.activeBackground#9AA9BA57
  • minimapSlider.background#9AA9BA24
  • minimapSlider.hoverBackground#9AA9BA3D
  • notebook.cellBorderColor#29475D
  • notebook.cellHoverBackground#1D435DB3
  • notebook.cellToolbarSeparator#29475D
  • notebook.editorBackground#0D2D43
  • notebook.focusedCellBorder#5F8FEACC
  • notebook.focusedEditorBorder#5F8FEAE6
  • notebook.inactiveFocusedCellBorder#29475DBF
  • notebook.outputContainerBackgroundColor#0A2234
  • notebook.outputContainerBorderColor#29475D
  • notebook.selectedCellBackground#28567480
  • notebookStatusErrorIcon.foreground#EF5D6C
  • notebookStatusRunningIcon.foreground#5F8FEA
  • notebookStatusSuccessIcon.foreground#69B578
  • notificationCenterHeader.background#123044
  • notificationCenterHeader.foreground#E4E9F0
  • notificationLink.foreground#5F8FEA
  • notifications.background#193A50
  • notifications.border#29475D
  • notifications.foreground#E4E9F0
  • notificationsErrorIcon.foreground#EF5D6C
  • notificationsInfoIcon.foreground#5F8FEA
  • notificationsWarningIcon.foreground#D9B96E
  • notificationToast.border#29475D
  • outputView.background#0A2234
  • outputViewStickyScroll.background#0A2234
  • panel.background#0A2234
  • panel.border#29475D
  • panel.dropBorder#5F8FEAE6
  • panelInput.border#29475D
  • panelSection.border#29475D
  • panelSection.dropBackground#5F8FEA24
  • panelSectionHeader.background#193A50
  • panelSectionHeader.border#29475D
  • panelSectionHeader.foreground#E4E9F0F2
  • panelStickyScroll.background#0A2234
  • panelStickyScroll.border#29475D
  • panelStickyScroll.shadow#071925A6
  • panelTitle.activeBorder#5F8FEA
  • panelTitle.activeForeground#E4E9F0
  • panelTitle.border#29475D
  • panelTitle.inactiveForeground#9AA9BA
  • panelTitleBadge.background#5F8FEA
  • panelTitleBadge.foreground#0D2D43
  • peekView.border#5F8FEABF
  • peekViewEditor.background#0D2D43
  • peekViewEditorGutter.background#0D2D43
  • peekViewResult.background#092337
  • peekViewResult.fileForeground#E4E9F0
  • peekViewResult.lineForeground#9AA9BA
  • peekViewResult.matchHighlightBackground#DDBE584D
  • peekViewResult.selectionBackground#285674
  • peekViewResult.selectionForeground#E4E9F0
  • peekViewTitle.background#193A50
  • peekViewTitleDescription.foreground#9AA9BA
  • peekViewTitleLabel.foreground#E4E9F0
  • pickerGroup.border#29475D
  • pickerGroup.foreground#5F8FEA
  • problemsErrorIcon.foreground#EF5D6C
  • problemsInfoIcon.foreground#5F8FEA
  • problemsWarningIcon.foreground#D9B96E
  • progressBar.background#5F8FEA
  • quickInput.background#193A50
  • quickInput.foreground#E4E9F0
  • quickInputList.focusBackground#285674
  • quickInputList.focusForeground#E4E9F0
  • quickInputList.focusIconForeground#E4E9F0
  • quickInputTitle.background#123044
  • sash.hoverBorder#5F8FEAE6
  • scmGraph.foreground1#5F8FEA
  • scmGraph.foreground2#5BDCC8
  • scmGraph.foreground3#C56FF2
  • scmGraph.foreground4#D9B96E
  • scmGraph.foreground5#8D96ED
  • scmGraph.historyItemBaseRefColor#8D96ED
  • scmGraph.historyItemHoverAdditionsForeground#69B578
  • scmGraph.historyItemHoverDefaultLabelBackground#193A50
  • scmGraph.historyItemHoverDefaultLabelForeground#E4E9F0
  • scmGraph.historyItemHoverDeletionsForeground#D96666
  • scmGraph.historyItemHoverLabelForeground#E4E9F0
  • scmGraph.historyItemRefColor#DDBE58
  • scmGraph.historyItemRemoteRefColor#5BDCC8
  • scrollbar.shadow#071A2AB3
  • scrollbarSlider.activeBackground#9AA9BA85
  • scrollbarSlider.background#9AA9BA38
  • scrollbarSlider.hoverBackground#9AA9BA61
  • settings.checkboxBackground#123044
  • settings.checkboxBorder#29475D
  • settings.checkboxForeground#E4E9F0
  • settings.dropdownBackground#123044
  • settings.dropdownBorder#29475D
  • settings.dropdownForeground#E4E9F0
  • settings.dropdownListBorder#29475D
  • settings.focusedRowBackground#2856748C
  • settings.focusedRowBorder#5F8FEAA6
  • settings.headerBorder#29475D
  • settings.headerForeground#E4E9F0
  • settings.modifiedItemIndicator#5F8FEA
  • settings.numberInputBackground#123044
  • settings.numberInputBorder#29475D
  • settings.numberInputForeground#E4E9F0
  • settings.rowHoverBackground#1D435D
  • settings.sashBorder#29475D
  • settings.settingsHeaderHoverForeground#E4E9F0
  • settings.textInputBackground#123044
  • settings.textInputBorder#29475D
  • settings.textInputForeground#E4E9F0
  • sideBar.background#092337
  • sideBar.border#29475D
  • sideBar.foreground#E4E9F0E6
  • sideBarSectionHeader.background#193A50
  • sideBarSectionHeader.border#29475DBF
  • sideBarSectionHeader.foreground#E4E9F0F2
  • sideBarTitle.foreground#E4E9F0
  • statusBar.background#071A28
  • statusBar.border#29475D
  • statusBar.debuggingBackground#D9B96E47
  • statusBar.debuggingBorder#D9B96E8C
  • statusBar.debuggingForeground#E4E9F0
  • statusBar.foreground#E4E9F0D9
  • statusBar.noFolderBackground#071A28
  • statusBar.noFolderForeground#9AA9BA
  • statusBarItem.activeBackground#E4E9F029
  • statusBarItem.hoverBackground#E4E9F01A
  • statusBarItem.prominentBackground#193A50
  • statusBarItem.prominentForeground#E4E9F0
  • statusBarItem.prominentHoverBackground#1D435D
  • symbolIcon.arrayForeground#7CB8F5
  • symbolIcon.booleanForeground#927CF4
  • symbolIcon.classForeground#BEDA75
  • symbolIcon.colorForeground#5BDCC8
  • symbolIcon.constantForeground#DDBE58
  • symbolIcon.constructorForeground#E8A164
  • symbolIcon.enumeratorForeground#DDBE58
  • symbolIcon.enumeratorMemberForeground#DDBE58
  • symbolIcon.eventForeground#EA74BA
  • symbolIcon.fieldForeground#7CB8F5
  • symbolIcon.fileForeground#9AA9BA
  • symbolIcon.folderForeground#D9B96E
  • symbolIcon.functionForeground#E8A164
  • symbolIcon.interfaceForeground#9ED184
  • symbolIcon.keyForeground#63C4EA
  • symbolIcon.keywordForeground#C56FF2
  • symbolIcon.methodForeground#E8A164
  • symbolIcon.moduleForeground#8D96ED
  • symbolIcon.namespaceForeground#8D96ED
  • symbolIcon.nullForeground#927CF4
  • symbolIcon.numberForeground#DED8D3
  • symbolIcon.objectForeground#7CB8F5
  • symbolIcon.operatorForeground#C7D0DA
  • symbolIcon.packageForeground#8D96ED
  • symbolIcon.propertyForeground#7CB8F5
  • symbolIcon.referenceForeground#5F8FEA
  • symbolIcon.snippetForeground#5BDCC8
  • symbolIcon.stringForeground#5BDCC8
  • symbolIcon.structForeground#BEDA75
  • symbolIcon.textForeground#E4E9F0
  • symbolIcon.typeParameterForeground#9ED184
  • symbolIcon.unitForeground#DED8D3
  • symbolIcon.variableForeground#F8FAFD
  • tab.activeBackground#183B54
  • tab.activeBorder#5F8FEAA6
  • tab.activeBorderTop#5F8FEA
  • tab.activeForeground#E4E9F0
  • tab.border#29475D
  • tab.dragAndDropBorder#5F8FEAE6
  • tab.hoverBackground#1D435D
  • tab.hoverForeground#E4E9F0
  • tab.inactiveBackground#0B2639
  • tab.inactiveForeground#9AA9BA
  • tab.lastPinnedBorder#29475D
  • tab.unfocusedActiveBorder#5F8FEA59
  • tab.unfocusedActiveBorderTop#5F8FEA80
  • tab.unfocusedActiveForeground#E4E9F0B8
  • tab.unfocusedInactiveForeground#9AA9BA9E
  • terminal.ansiBlack#071925
  • terminal.ansiBlue#5F8FEA
  • terminal.ansiBrightBlack#9AA9BABF
  • terminal.ansiBrightBlue#79A1ED
  • terminal.ansiBrightCyan#72E1D0
  • terminal.ansiBrightGreen#7BCB89
  • terminal.ansiBrightMagenta#CD83F4
  • terminal.ansiBrightRed#FF6B76
  • terminal.ansiBrightWhite#E4E9F0
  • terminal.ansiBrightYellow#E8CB7B
  • terminal.ansiCyan#5BDCC8
  • terminal.ansiGreen#69B578
  • terminal.ansiMagenta#C56FF2
  • terminal.ansiRed#EF5D6C
  • terminal.ansiWhite#E4E9F0E6
  • terminal.ansiYellow#D9B96E
  • terminal.background#0A2234
  • terminal.border#29475D
  • terminal.foreground#E4E9F0
  • terminal.inactiveSelectionBackground#2856748C
  • terminal.selectionBackground#285674
  • terminalCommandDecoration.defaultBackground#9AA9BACC
  • terminalCommandDecoration.errorBackground#EF5D6C
  • terminalCommandDecoration.successBackground#69B578
  • terminalCursor.background#0A2234
  • terminalCursor.foreground#5F8FEA
  • testing.coverCountBadgeBackground#193A50
  • testing.coverCountBadgeForeground#E4E9F0
  • testing.coveredBackground#69B57814
  • testing.coveredBorder#69B57880
  • testing.coveredGutterBackground#69B57859
  • testing.iconErrored#EF5D6C
  • testing.iconErrored.retired#EF5D6C80
  • testing.iconFailed#EF5D6C
  • testing.iconFailed.retired#EF5D6C80
  • testing.iconPassed#69B578
  • testing.iconPassed.retired#69B57880
  • testing.iconQueued#D9B96E
  • testing.iconQueued.retired#D9B96E80
  • testing.iconSkipped#9AA9BAB3
  • testing.iconSkipped.retired#9AA9BA66
  • testing.iconUnset#9AA9BA
  • testing.iconUnset.retired#9AA9BA73
  • testing.message.error.badgeBackground#EF5D6C40
  • testing.message.error.badgeBorder#EF5D6CB3
  • testing.message.error.badgeForeground#E4E9F0
  • testing.message.error.lineBackground#EF5D6C1A
  • testing.message.info.decorationForeground#5F8FEA
  • testing.message.info.lineBackground#5F8FEA1A
  • testing.messagePeekBorder#5F8FEACC
  • testing.messagePeekHeaderBackground#193A50
  • testing.peekBorder#5F8FEAD9
  • testing.peekHeaderBackground#193A50
  • testing.runAction#69B578
  • testing.uncoveredBackground#EF5D6C14
  • testing.uncoveredBorder#EF5D6C80
  • testing.uncoveredBranchBackground#EF5D6C1F
  • testing.uncoveredGutterBackground#EF5D6C59
  • textBlockQuote.background#193A50B3
  • textBlockQuote.border#29475D
  • textCodeBlock.background#193A50
  • textLink.activeForeground#5BDCC8
  • textLink.foreground#5F8FEA
  • titleBar.activeBackground#102A3E
  • titleBar.activeForeground#E4E9F0E6
  • titleBar.border#29475D
  • titleBar.inactiveBackground#102A3E
  • titleBar.inactiveForeground#9AA9BAA6
  • tree.inactiveIndentGuidesStroke#9AA9BA2E
  • tree.indentGuidesStroke#9AA9BA59
  • tree.tableColumnsBorder#29475D
  • tree.tableOddRowsBackground#193A5059
  • walkThrough.embeddedEditorBackground#0D2D43
  • walkthrough.stepTitle.foreground#E4E9F0
  • welcomePage.background#0D2D43
  • welcomePage.progress.background#123044
  • welcomePage.progress.foreground#5F8FEA
  • welcomePage.tileBackground#193A50
  • welcomePage.tileBorder#29475D
  • welcomePage.tileHoverBackground#1D435D
  • window.activeBorder#29475D
  • window.inactiveBorder#29475DA6

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7D90A8italic
keyword, keyword.control, storage.type, storage.modifier#C56FF2
string, punctuation.definition.string#5BDCC8
entity.name.function, meta.function-call, support.function#E8A164
entity.name.type, entity.name.interface, support.type#9ED184
entity.name.class, support.class#BEDA75
variable.other.property, variable.other.object.property, variable.object.property, support.variable.property, entity.name.property#7CB8F5
meta.object-literal.key, meta.property-name, support.type.property-name.json, meta.mapping.key, entity.name.tag.yaml#E4E9F0
variable.parameter#EA74BA
constant.numeric#DED8D3
constant.other, entity.name.constant, variable.other.constant, support.constant#DDBE58
constant.language.boolean, constant.language.null, constant.language.undefined#927CF4
keyword.operator#C7D0DA
punctuation, meta.brace, meta.delimiter#A8B5C3
string.regexp, constant.other.character-class.regexp, keyword.operator.quantifier.regexp#39C2A3
support.function, support.variable, support.constant, support.type, support.class, variable.language#5F8FEA
entity.name.namespace, entity.name.module, support.module#8D96ED
meta.decorator, entity.name.function.decorator, punctuation.decorator#E18AC6
entity.other.attribute-name, support.type.property-name#63C4EA
entity.name.tag, entity.name.selector, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css#B97DE7
variable, variable.other.readwrite, variable.other#F8FAFD