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#2A3836A6
  • activityBar.activeBorder#5F8FEA
  • activityBar.background#101716
  • activityBar.border#2D3A38
  • activityBar.foreground#E4E9F0
  • activityBar.inactiveForeground#9AA9BAC7
  • activityBarBadge.background#5F8FEA
  • activityBarBadge.foreground#1A2625
  • badge.background#5F8FEA
  • badge.foreground#1A2625
  • banner.background#2A3836
  • banner.foreground#E4E9F0
  • banner.iconForeground#5F8FEA
  • breadcrumb.activeSelectionForeground#E4E9F0
  • breadcrumb.focusForeground#E4E9F0
  • breadcrumb.foreground#9AA9BA
  • breadcrumbPicker.background#2A3836
  • button.background#5F8FEA
  • button.border#5F8FEA80
  • button.foreground#1A2625
  • button.hoverBackground#5F8FEAD1
  • button.secondaryBackground#2A3836
  • button.secondaryForeground#E4E9F0
  • button.secondaryHoverBackground#31403D
  • charts.blue#5F8FEA
  • charts.foreground#E4E9F0
  • charts.green#69B578
  • charts.lines#2D3A38
  • charts.orange#DED8D3
  • charts.purple#8D96ED
  • charts.red#EF5D6C
  • charts.yellow#D9B96E
  • chat.avatarBackground#5F8FEA40
  • chat.avatarForeground#E4E9F0
  • chat.checkpointSeparator#2D3A38
  • chat.editedFileForeground#5F8FEA
  • chat.linesAddedForeground#69B578
  • chat.linesRemovedForeground#D96666
  • chat.requestBackground#2A3836E6
  • chat.requestBorder#2D3A38
  • chat.requestBubbleBackground#2A3836D9
  • chat.requestBubbleHoverBackground#31403D
  • chat.requestCodeBorder#2D3A38
  • chat.slashCommandBackground#5F8FEA24
  • chat.slashCommandForeground#5F8FEA
  • chat.thinkingShimmer#5F8FEAD9
  • chatManagement.sashBorder#2D3A38
  • checkbox.background#24312F
  • checkbox.border#2D3A38
  • checkbox.foreground#E4E9F0
  • commandCenter.activeBackground#31403D
  • commandCenter.activeBorder#5F8FEAB3
  • commandCenter.activeForeground#E4E9F0
  • commandCenter.background#24312F
  • commandCenter.border#2D3A38
  • commandCenter.foreground#9AA9BA
  • debugConsole.errorForeground#EF5D6C
  • debugConsole.infoForeground#5F8FEA
  • debugConsole.warningForeground#D9B96E
  • debugExceptionWidget.background#2A3836
  • 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#2A3836
  • debugToolBar.border#2D3A38
  • debugView.exceptionLabelBackground#EF5D6C38
  • debugView.exceptionLabelForeground#E4E9F0
  • debugView.stateLabelBackground#2A3836
  • debugView.stateLabelForeground#E4E9F0
  • debugView.valueChangedHighlight#D9B96E
  • descriptionForeground#9AA9BA
  • diffEditor.border#2D3A38
  • 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#2A3836
  • dropdown.border#2D3A38
  • dropdown.foreground#E4E9F0
  • dropdown.listBackground#2A3836
  • editor.background#1A2625
  • 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#3A4F4B8C
  • editor.inlineValuesBackground#2A3836B8
  • editor.inlineValuesForeground#9AA9BA
  • editor.lineHighlightBackground#2A3836B8
  • editor.lineHighlightBorder#2D3A388C
  • editor.rangeHighlightBackground#8D96ED1C
  • editor.selectionBackground#3A4F4B
  • 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#1A2625
  • editorCursor.foreground#5F8FEA
  • editorError.background#EF5D6C14
  • editorError.border#EF5D6CA6
  • editorError.foreground#EF5D6C
  • editorGroup.border#2D3A38
  • editorGroup.dropBackground#5F8FEA29
  • editorGroupHeader.noTabsBackground#1A2524
  • editorGroupHeader.tabsBackground#1A2524
  • editorGroupHeader.tabsBorder#2D3A38
  • editorGutter.addedBackground#69B578
  • editorGutter.background#1A2625
  • editorGutter.deletedBackground#D96666
  • editorGutter.modifiedBackground#5F8FEA
  • editorHint.border#9ED1848C
  • editorHint.foreground#9ED184
  • editorHoverWidget.background#2A3836
  • editorHoverWidget.border#2D3A38
  • editorHoverWidget.foreground#E4E9F0
  • editorHoverWidget.statusBarBackground#24312F
  • editorIndentGuide.activeBackground1#9AA9BA94
  • editorIndentGuide.background1#9AA9BA38
  • editorInfo.background#5F8FEA14
  • editorInfo.border#5F8FEA99
  • editorInfo.foreground#5F8FEA
  • editorInlayHint.background#2A3836CC
  • editorInlayHint.foreground#9AA9BAE6
  • editorInlayHint.parameterBackground#2A3836CC
  • editorInlayHint.parameterForeground#EA74BAE6
  • editorInlayHint.typeBackground#2A3836CC
  • 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#2D3A38B3
  • editorOverviewRuler.commentForeground#69B578
  • editorOverviewRuler.commentUnresolvedForeground#D9B96E
  • editorOverviewRuler.commonContentForeground#9AA9BACC
  • editorOverviewRuler.currentContentForeground#5F8FEA
  • editorOverviewRuler.incomingContentForeground#69B578
  • editorRuler.foreground#9AA9BA38
  • editorSuggestWidget.background#2A3836
  • editorSuggestWidget.border#2D3A38
  • editorSuggestWidget.foreground#E4E9F0
  • editorSuggestWidget.highlightForeground#5F8FEA
  • editorSuggestWidget.selectedBackground#3A4F4B
  • editorSuggestWidget.selectedForeground#E4E9F0
  • editorSuggestWidget.selectedIconForeground#E4E9F0
  • editorWarning.background#D9B96E14
  • editorWarning.border#D9B96EA6
  • editorWarning.foreground#D9B96E
  • editorWhitespace.foreground#9AA9BA47
  • editorWidget.background#2A3836
  • editorWidget.border#2D3A38
  • editorWidget.foreground#E4E9F0
  • editorWidget.resizeBorder#5F8FEACC
  • errorForeground#EF5D6C
  • extensionBadge.remoteBackground#5F8FEA
  • extensionBadge.remoteForeground#1A2625
  • extensionButton.background#2A3836
  • extensionButton.border#2D3A38
  • extensionButton.foreground#E4E9F0
  • extensionButton.hoverBackground#31403D
  • extensionButton.prominentBackground#5F8FEA
  • extensionButton.prominentForeground#1A2625
  • extensionButton.prominentHoverBackground#5F8FEAD1
  • extensionButton.separator#2D3A38
  • 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#2A3836
  • inlineChat.border#2D3A38
  • inlineChat.foreground#E4E9F0
  • inlineChat.shadow#0E1514CC
  • inlineChatDiff.inserted#69B57829
  • inlineChatDiff.removed#D9666629
  • inlineChatInput.background#24312F
  • inlineChatInput.border#2D3A38
  • inlineChatInput.focusBorder#5F8FEAD9
  • inlineChatInput.placeholderForeground#9AA9BAB8
  • input.background#24312F
  • input.border#2D3A38
  • 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#2D3A38
  • keybindingLabel.background#24312F
  • keybindingLabel.border#2D3A38
  • keybindingLabel.bottomBorder#2D3A38
  • keybindingLabel.foreground#E4E9F0
  • keybindingTable.headerBackground#2A3836
  • keybindingTable.rowsBackground#2A383673
  • list.activeSelectionBackground#3A4F4B
  • list.activeSelectionForeground#E4E9F0
  • list.deemphasizedForeground#9AA9BAB3
  • list.dropBackground#5F8FEA2E
  • list.errorForeground#EF5D6C
  • list.focusBackground#31403D
  • list.focusForeground#E4E9F0
  • list.highlightForeground#5F8FEA
  • list.hoverBackground#31403D
  • list.hoverForeground#E4E9F0
  • list.inactiveSelectionBackground#3A4F4B94
  • list.inactiveSelectionForeground#E4E9F0E6
  • list.invalidItemForeground#9AA9BA8C
  • list.warningForeground#D9B96E
  • listFilterWidget.background#2A3836
  • 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#2A3836
  • menu.border#2D3A38
  • menu.foreground#E4E9F0
  • menu.selectionBackground#3A4F4B
  • menu.selectionBorder#5F8FEAA6
  • menu.selectionForeground#E4E9F0
  • menu.separatorBackground#2D3A38
  • menubar.selectionBackground#31403D
  • menubar.selectionBorder#2D3A38
  • menubar.selectionForeground#E4E9F0
  • merge.border#2D3A38
  • 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#1A2625
  • 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#2D3A38
  • notebook.cellHoverBackground#31403DB3
  • notebook.cellToolbarSeparator#2D3A38
  • notebook.editorBackground#1A2625
  • notebook.focusedCellBorder#5F8FEACC
  • notebook.focusedEditorBorder#5F8FEAE6
  • notebook.inactiveFocusedCellBorder#2D3A38BF
  • notebook.outputContainerBackgroundColor#172120
  • notebook.outputContainerBorderColor#2D3A38
  • notebook.selectedCellBackground#3A4F4B80
  • notebookStatusErrorIcon.foreground#EF5D6C
  • notebookStatusRunningIcon.foreground#5F8FEA
  • notebookStatusSuccessIcon.foreground#69B578
  • notificationCenterHeader.background#24312F
  • notificationCenterHeader.foreground#E4E9F0
  • notificationLink.foreground#5F8FEA
  • notifications.background#2A3836
  • notifications.border#2D3A38
  • notifications.foreground#E4E9F0
  • notificationsErrorIcon.foreground#EF5D6C
  • notificationsInfoIcon.foreground#5F8FEA
  • notificationsWarningIcon.foreground#D9B96E
  • notificationToast.border#2D3A38
  • outputView.background#172120
  • outputViewStickyScroll.background#172120
  • panel.background#172120
  • panel.border#2D3A38
  • panel.dropBorder#5F8FEAE6
  • panelInput.border#2D3A38
  • panelSection.border#2D3A38
  • panelSection.dropBackground#5F8FEA24
  • panelSectionHeader.background#2A3836
  • panelSectionHeader.border#2D3A38
  • panelSectionHeader.foreground#E4E9F0F2
  • panelStickyScroll.background#172120
  • panelStickyScroll.border#2D3A38
  • panelStickyScroll.shadow#0E1514A6
  • panelTitle.activeBorder#5F8FEA
  • panelTitle.activeForeground#E4E9F0
  • panelTitle.border#2D3A38
  • panelTitle.inactiveForeground#9AA9BA
  • panelTitleBadge.background#5F8FEA
  • panelTitleBadge.foreground#1A2625
  • peekView.border#5F8FEABF
  • peekViewEditor.background#1A2625
  • peekViewEditorGutter.background#1A2625
  • peekViewResult.background#141E1D
  • peekViewResult.fileForeground#E4E9F0
  • peekViewResult.lineForeground#9AA9BA
  • peekViewResult.matchHighlightBackground#DDBE584D
  • peekViewResult.selectionBackground#3A4F4B
  • peekViewResult.selectionForeground#E4E9F0
  • peekViewTitle.background#2A3836
  • peekViewTitleDescription.foreground#9AA9BA
  • peekViewTitleLabel.foreground#E4E9F0
  • pickerGroup.border#2D3A38
  • pickerGroup.foreground#5F8FEA
  • problemsErrorIcon.foreground#EF5D6C
  • problemsInfoIcon.foreground#5F8FEA
  • problemsWarningIcon.foreground#D9B96E
  • progressBar.background#5F8FEA
  • quickInput.background#2A3836
  • quickInput.foreground#E4E9F0
  • quickInputList.focusBackground#3A4F4B
  • quickInputList.focusForeground#E4E9F0
  • quickInputList.focusIconForeground#E4E9F0
  • quickInputTitle.background#24312F
  • 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#2A3836
  • scmGraph.historyItemHoverDefaultLabelForeground#E4E9F0
  • scmGraph.historyItemHoverDeletionsForeground#D96666
  • scmGraph.historyItemHoverLabelForeground#E4E9F0
  • scmGraph.historyItemRefColor#DDBE58
  • scmGraph.historyItemRemoteRefColor#5BDCC8
  • scrollbar.shadow#101716B3
  • scrollbarSlider.activeBackground#9AA9BA85
  • scrollbarSlider.background#9AA9BA38
  • scrollbarSlider.hoverBackground#9AA9BA61
  • settings.checkboxBackground#24312F
  • settings.checkboxBorder#2D3A38
  • settings.checkboxForeground#E4E9F0
  • settings.dropdownBackground#24312F
  • settings.dropdownBorder#2D3A38
  • settings.dropdownForeground#E4E9F0
  • settings.dropdownListBorder#2D3A38
  • settings.focusedRowBackground#3A4F4B8C
  • settings.focusedRowBorder#5F8FEAA6
  • settings.headerBorder#2D3A38
  • settings.headerForeground#E4E9F0
  • settings.modifiedItemIndicator#5F8FEA
  • settings.numberInputBackground#24312F
  • settings.numberInputBorder#2D3A38
  • settings.numberInputForeground#E4E9F0
  • settings.rowHoverBackground#31403D
  • settings.sashBorder#2D3A38
  • settings.settingsHeaderHoverForeground#E4E9F0
  • settings.textInputBackground#24312F
  • settings.textInputBorder#2D3A38
  • settings.textInputForeground#E4E9F0
  • sideBar.background#141E1D
  • sideBar.border#2D3A38
  • sideBar.foreground#E4E9F0E6
  • sideBarSectionHeader.background#2A3836
  • sideBarSectionHeader.border#2D3A38BF
  • sideBarSectionHeader.foreground#E4E9F0F2
  • sideBarTitle.foreground#E4E9F0
  • statusBar.background#202C2B
  • statusBar.border#2D3A38
  • statusBar.debuggingBackground#D9B96E47
  • statusBar.debuggingBorder#D9B96E8C
  • statusBar.debuggingForeground#E4E9F0
  • statusBar.foreground#E4E9F0D9
  • statusBar.noFolderBackground#202C2B
  • statusBar.noFolderForeground#9AA9BA
  • statusBarItem.activeBackground#E4E9F029
  • statusBarItem.hoverBackground#E4E9F01A
  • statusBarItem.prominentBackground#2A3836
  • statusBarItem.prominentForeground#E4E9F0
  • statusBarItem.prominentHoverBackground#31403D
  • 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#263533
  • tab.activeBorder#5F8FEAA6
  • tab.activeBorderTop#5F8FEA
  • tab.activeForeground#E4E9F0
  • tab.border#2D3A38
  • tab.dragAndDropBorder#5F8FEAE6
  • tab.hoverBackground#31403D
  • tab.hoverForeground#E4E9F0
  • tab.inactiveBackground#1A2524
  • tab.inactiveForeground#9AA9BA
  • tab.lastPinnedBorder#2D3A38
  • tab.unfocusedActiveBorder#5F8FEA59
  • tab.unfocusedActiveBorderTop#5F8FEA80
  • tab.unfocusedActiveForeground#E4E9F0B8
  • tab.unfocusedInactiveForeground#9AA9BA9E
  • terminal.ansiBlack#0E1514
  • 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#172120
  • terminal.border#2D3A38
  • terminal.foreground#E4E9F0
  • terminal.inactiveSelectionBackground#3A4F4B8C
  • terminal.selectionBackground#3A4F4B
  • terminalCommandDecoration.defaultBackground#9AA9BACC
  • terminalCommandDecoration.errorBackground#EF5D6C
  • terminalCommandDecoration.successBackground#69B578
  • terminalCursor.background#172120
  • terminalCursor.foreground#5F8FEA
  • testing.coverCountBadgeBackground#2A3836
  • 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#2A3836
  • testing.peekBorder#5F8FEAD9
  • testing.peekHeaderBackground#2A3836
  • testing.runAction#69B578
  • testing.uncoveredBackground#EF5D6C14
  • testing.uncoveredBorder#EF5D6C80
  • testing.uncoveredBranchBackground#EF5D6C1F
  • testing.uncoveredGutterBackground#EF5D6C59
  • textBlockQuote.background#2A3836B3
  • textBlockQuote.border#2D3A38
  • textCodeBlock.background#2A3836
  • textLink.activeForeground#5BDCC8
  • textLink.foreground#5F8FEA
  • titleBar.activeBackground#1D2928
  • titleBar.activeForeground#E4E9F0E6
  • titleBar.border#2D3A38
  • titleBar.inactiveBackground#1D2928
  • titleBar.inactiveForeground#9AA9BAA6
  • tree.inactiveIndentGuidesStroke#9AA9BA2E
  • tree.indentGuidesStroke#9AA9BA59
  • tree.tableColumnsBorder#2D3A38
  • tree.tableOddRowsBackground#2A383659
  • walkThrough.embeddedEditorBackground#1A2625
  • walkthrough.stepTitle.foreground#E4E9F0
  • welcomePage.background#1A2625
  • welcomePage.progress.background#24312F
  • welcomePage.progress.foreground#5F8FEA
  • welcomePage.tileBackground#2A3836
  • welcomePage.tileBorder#2D3A38
  • welcomePage.tileHoverBackground#31403D
  • window.activeBorder#2D3A38
  • window.inactiveBorder#2D3A38A6

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