Skip to main content
Coding Theme

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.activeFocusBorder#458ae2
  • activityBar.background#1a1c22
  • activityBar.border#1a1c22
  • activityBar.foreground#f8f6f2
  • activityBar.inactiveForeground#828079
  • activityBarBadge.background#458ae2
  • activityBarBadge.foreground#1a1c22
  • activityBarTop.background#282b31
  • activityBarTop.foreground#f8f6f2
  • activityBarTop.inactiveForeground#828079
  • badge.background#458ae2
  • badge.foreground#1a1c22
  • banner.background#282b31
  • banner.foreground#f8f6f2
  • banner.iconForeground#f8f6f2
  • breadcrumb.activeSelectionForeground#f8f6f2
  • breadcrumb.focusForeground#f8f6f2
  • breadcrumb.foreground#828079
  • breadcrumbPicker.background#3a3d42
  • button.background#3a3d42
  • button.foreground#f8f6f2
  • button.hoverBackground#282b31
  • button.secondaryBackground#3a3d42
  • button.secondaryForeground#dbd6cc
  • button.secondaryHoverBackground#282b31
  • button.separator#3a3d42
  • charts.blue#1ad0d6
  • charts.foreground#f8f6f2
  • charts.green#04b372
  • charts.lines#5a5d62
  • charts.orange#f26c33
  • charts.purple#9871fe
  • charts.red#e7349c
  • charts.yellow#f2a633
  • chat.avatarBackground#3a3d42
  • chat.avatarForeground#9871fe
  • chat.requestBackground#282b31
  • chat.requestBorder#3a3d42
  • chat.slashCommandBackground#00000000
  • chat.slashCommandForeground#f2a633
  • checkbox.background#3a3d42
  • checkbox.border#3a3d42
  • checkbox.foreground#f2a633
  • commandCenter.activeBackground#3a3d42
  • commandCenter.activeForeground#f8f6f2
  • commandCenter.background#282b31
  • commandCenter.border#3a3d42
  • commandCenter.debuggingBackground#282b31
  • commandCenter.foreground#828079
  • debugConsole.errorForeground#e7349c
  • debugConsole.infoForeground#1ad0d6
  • debugConsole.sourceForeground#f8f6f2
  • debugConsole.warningForeground#f26c33
  • debugConsoleInputIcon.foreground#f2a633
  • debugExceptionWidget.background#282b31
  • debugExceptionWidget.border#282b31
  • debugIcon.breakpointCurrentStackframeForeground#f2a633
  • debugIcon.breakpointDisabledForeground#dbd6cc
  • debugIcon.breakpointForeground#e7349c
  • debugIcon.breakpointStackframeForeground#f8f6f2
  • debugIcon.breakpointUnverifiedForeground#f26c33
  • debugIcon.continueForeground#f8f6f2
  • debugIcon.disconnectForeground#f8f6f2
  • debugIcon.pauseForeground#f8f6f2
  • debugIcon.restartForeground#04b372
  • debugIcon.startForeground#04b372
  • debugIcon.stepBackForeground#f8f6f2
  • debugIcon.stepIntoForeground#f8f6f2
  • debugIcon.stepOutForeground#f8f6f2
  • debugIcon.stepOverForeground#f8f6f2
  • debugIcon.stopForeground#e7349c
  • debugTokenExpression.boolean#f26c33
  • debugTokenExpression.error#e7349c
  • debugTokenExpression.name#1ad0d6
  • debugTokenExpression.number#9871fe
  • debugTokenExpression.string#f2a633
  • debugTokenExpression.value#f8f6f2
  • debugToolBar.background#282b31
  • debugView.exceptionLabelBackground#e7349c
  • debugView.exceptionLabelForeground#3a3d42
  • debugView.stateLabelBackground#04b372
  • debugView.stateLabelForeground#3a3d42
  • debugView.valueChangedHighlight#f2a633
  • descriptionForeground#828079
  • diffEditor.diagonalFill#282b31
  • diffEditor.insertedLineBackground#04b37219
  • diffEditor.insertedTextBackground#04b37219
  • diffEditor.move.border
  • diffEditor.moveActive.border
  • diffEditor.removedLineBackground#e7349c19
  • diffEditor.removedTextBackground#e7349c19
  • diffEditor.unchangedCodeBackground#282b31
  • diffEditor.unchangedRegionBackground#282b31
  • diffEditor.unchangedRegionForeground#dbd6cc
  • diffEditor.unchangedRegionShadow#1a1c22
  • diffEditorGutter.insertedLineBackground#04b37219
  • diffEditorGutter.removedLineBackground#e7349c19
  • diffEditorOverview.insertedForeground#04b372a5
  • diffEditorOverview.removedForeground#e7349ca5
  • disabledForeground#f8f6f226
  • dropdown.background#282b31
  • dropdown.border#3a3d42
  • dropdown.foreground#828079
  • dropdown.listBackground#282b31
  • editor.background#1a1c22
  • editor.findMatchBackground#f8f6f226
  • editor.findMatchBorder#458ae2
  • editor.findMatchHighlightBackground#f8f6f226
  • editor.findMatchHighlightBorder#00000000
  • editor.findRangeHighlightBackground#f8f6f20c
  • editor.findRangeHighlightBorder#00000000
  • editor.focusedStackFrameHighlightBackground#dbd6cc26
  • editor.foldBackground#f8f6f20c
  • editor.foreground#f8f6f2
  • editor.hoverHighlightBackground#f8f6f20c
  • editor.inactiveSelectionBackground#f8f6f20c
  • editor.inlineValuesBackground#3a3d42
  • editor.inlineValuesForeground#f8f6f2
  • editor.lineHighlightBackground#f8f6f20c
  • editor.lineHighlightBorder#00000000
  • editor.linkedEditingBackground#282b31
  • editor.rangeHighlightBackground#282b31
  • editor.rangeHighlightBorder#282b31
  • editor.selectionBackground#3a3d42
  • editor.selectionHighlightBackground#f8f6f226
  • editor.selectionHighlightBorder#00000000
  • editor.stackFrameHighlightBackground#dbd6cc26
  • editor.wordHighlightBackground#f8f6f226
  • editor.wordHighlightBorder#00000000
  • editor.wordHighlightStrongBackground#f8f6f226
  • editor.wordHighlightStrongBorder#00000000
  • editorBracketHighlight.foreground1#828079
  • editorBracketHighlight.foreground2#5a5d62
  • editorBracketHighlight.foreground3#828079
  • editorBracketHighlight.foreground4#5a5d62
  • editorBracketHighlight.foreground5#828079
  • editorBracketHighlight.foreground6#5a5d62
  • editorBracketMatch.background#3a3d42
  • editorBracketMatch.border#5a5d62
  • editorCodeLens.foreground#5a5d62
  • editorCursor.background#3a3d42
  • editorCursor.foreground#f8f6f2
  • editorError.background#e7349c40
  • editorError.border#00000000
  • editorError.foreground#e7349c
  • editorGhostText.foreground#5a5d62
  • editorGroup.border#282b31
  • editorGroup.dropBackground#282b31bf
  • editorGroup.emptyBackground#1a1c22
  • editorGroup.focusedEmptyBorder#282b31
  • editorGroupHeader.noTabsBackground#282b31
  • editorGroupHeader.tabsBackground#282b31
  • editorGroupHeader.tabsBorder#282b31
  • editorGutter.addedBackground#04b372
  • editorGutter.background#1a1c22
  • editorGutter.deletedBackground#e7349c
  • editorGutter.foldingControlForeground#dbd6cc
  • editorGutter.modifiedBackground#f26c33
  • editorHint.border#3a3d42
  • editorHint.foreground#5e84b6
  • editorHoverWidget.background#282b31
  • editorHoverWidget.border#3a3d42
  • editorIndentGuide.background#282b31
  • editorInfo.background#00000000
  • editorInfo.border#3a3d42
  • editorInfo.foreground#1ad0d6
  • editorInlayHint.background#282b31
  • editorInlayHint.foreground#828079
  • editorLightBulb.foreground#f2a633
  • editorLightBulbAi.foreground#f2a633
  • editorLightBulbAutoFix.foreground#04b372
  • editorLineNumber.activeForeground#dbd6cc
  • editorLineNumber.foreground#828079
  • editorLink.activeForeground#1ad0d6
  • editorMarkerNavigation.background#282b31
  • editorMarkerNavigationError.background#e7349c
  • editorMarkerNavigationInfo.background#1ad0d6
  • editorMarkerNavigationWarning.background#f26c33
  • editorOverviewRuler.addedForeground#04b372
  • editorOverviewRuler.border#3a3d42
  • editorOverviewRuler.currentContentForeground#282b31
  • editorOverviewRuler.deletedForeground#e7349c
  • editorOverviewRuler.errorForeground#e7349c
  • editorOverviewRuler.findMatchForeground#f8f6f226
  • editorOverviewRuler.incomingContentForeground#282b31
  • editorOverviewRuler.infoForeground#1ad0d6
  • editorOverviewRuler.modifiedForeground#f26c33
  • editorOverviewRuler.rangeHighlightForeground#f8f6f226
  • editorOverviewRuler.selectionHighlightForeground#f8f6f226
  • editorOverviewRuler.warningForeground#f26c33
  • editorOverviewRuler.wordHighlightForeground#f8f6f226
  • editorOverviewRuler.wordHighlightStrongForeground#f8f6f226
  • editorPane.background#1a1c22
  • editorRuler.foreground#282b31
  • editorStickyScroll.background#1a1c22
  • editorStickyScroll.border#282b31
  • editorStickyScroll.shadow#1a1c22
  • editorStickyScrollHover.background#f8f6f20c
  • editorSuggestWidget.background#282b31
  • editorSuggestWidget.border#3a3d42
  • editorSuggestWidget.foreground#f8f6f2
  • editorSuggestWidget.highlightForeground#f8f6f2
  • editorSuggestWidget.selectedBackground#3a3d42
  • editorUnnecessaryCode.opacity#000000a5
  • editorWarning.background#f26c3340
  • editorWarning.border#00000000
  • editorWarning.foreground#f26c33
  • editorWhitespace.foreground#282b31
  • editorWidget.background#282b31
  • editorWidget.border#3a3d42
  • errorForeground#e7349c
  • extensionBadge.remoteBackground#04b372
  • extensionBadge.remoteForeground#f8f6f2
  • extensionButton.background#282b31
  • extensionButton.foreground#dbd6cc
  • extensionButton.hoverBackground#282b31
  • extensionButton.prominentBackground#282b31
  • extensionButton.prominentForeground#f8f6f2
  • extensionButton.prominentHoverBackground#282b31
  • extensionIcon.preReleaseForeground#9871fe
  • extensionIcon.sponsorForeground#1ad0d6
  • extensionIcon.starForeground#f2a633
  • extensionIcon.verifiedForeground#04b372
  • focusBorder#458ae2
  • foreground#f8f6f2
  • gitDecoration.addedResourceForeground#04b372
  • gitDecoration.conflictingResourceForeground#e7349c
  • gitDecoration.deletedResourceForeground#e7349c
  • gitDecoration.ignoredResourceForeground#5a5d62
  • gitDecoration.modifiedResourceForeground#f2a633
  • gitDecoration.stageDeletedResourceForeground#e7349c
  • gitDecoration.stageModifiedResourceForeground#f2a633
  • gitDecoration.untrackedResourceForeground#dbd6cc
  • icon.foreground#828079
  • inlineChat.background#3a3d42
  • inlineChat.border#282b31
  • inlineChat.shadow#1a1c22
  • inlineChatDiff.inserted#04b37219
  • inlineChatDiff.removed#04b37219
  • input.background#282b31
  • input.border#3a3d42
  • input.foreground#f8f6f2
  • input.placeholderForeground#5a5d62
  • inputOption.activeBackground#3a3d42
  • inputOption.activeBorder#3a3d42
  • inputOption.activeForeground#f8f6f2
  • inputOption.hoverBackground#3a3d42
  • inputValidation.errorBackground#282b31
  • inputValidation.errorBorder#e7349c
  • inputValidation.errorForeground#e7349c
  • inputValidation.infoBackground#282b31
  • inputValidation.infoBorder#1ad0d6
  • inputValidation.infoForeground#1ad0d6
  • inputValidation.warningBackground#282b31
  • inputValidation.warningBorder#f26c33
  • inputValidation.warningForeground#f26c33
  • interactive.activeCodeBorder#5a5d62
  • interactive.inactiveCodeBorder#282b31
  • keybindingLabel.background#3a3d42
  • keybindingLabel.border#3a3d42
  • keybindingLabel.bottomBorder#3a3d42
  • keybindingLabel.foreground#dbd6cc
  • list.activeSelectionBackground#3a3d42
  • list.activeSelectionForeground#f8f6f2
  • list.dropBackground#1a1c22bf
  • list.errorForeground#e7349c
  • list.focusBackground#3a3d42
  • list.focusForeground#f8f6f2
  • list.highlightForeground#f8f6f2
  • list.hoverBackground#f8f6f20c
  • list.hoverForeground#f8f6f2
  • list.inactiveFocusBackground#3a3d42
  • list.inactiveSelectionBackground#3a3d42
  • list.inactiveSelectionForeground#dbd6cc
  • list.invalidItemForeground#e7349c
  • list.warningForeground#f2a633
  • listFilterWidget.background#3a3d42
  • listFilterWidget.noMatchesOutline#e7349c
  • listFilterWidget.outline#3a3d42
  • listFilterWidget.shadow#1a1c22
  • menu.background#282b31
  • menu.border#282b31
  • menu.foreground#f8f6f2
  • menu.selectionForeground#f2a633
  • menu.separatorBackground#282b31
  • menubar.selectionForeground#dbd6cc
  • merge.border#3a3d42
  • merge.commonContentBackground#f8f6f219
  • merge.commonHeaderBackground#f8f6f226
  • merge.currentContentBackground#e7349c19
  • merge.currentHeaderBackground#e7349c26
  • merge.incomingContentBackground#04b37219
  • merge.incomingHeaderBackground#04b37226
  • mergeEditor.change.background#f8f6f219
  • mergeEditor.change.word.background#f8f6f219
  • mergeEditor.conflict.handled.minimapOverViewRuler#04b372
  • mergeEditor.conflict.handledFocused.border#04b372
  • mergeEditor.conflict.handledUnfocused.border#04b372
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#e7349c
  • mergeEditor.conflict.unhandledFocused.border#e7349c
  • mergeEditor.conflict.unhandledUnfocused.border#e7349c
  • minimap.errorHighlight#e7349ca5
  • minimap.findMatchHighlight#828079a5
  • minimap.infoHighlight#1ad0d6a5
  • minimap.selectionHighlight#dbd6cc26
  • minimap.selectionOccurrenceHighlight#5a5d62a5
  • minimap.warningHighlight#f26c33a5
  • minimapGutter.addedBackground#04b372
  • minimapGutter.deletedBackground#e7349c
  • minimapGutter.modifiedBackground#f2a633
  • notebook.cellBorderColor#282b31
  • notebook.cellEditorBackground#282b317f
  • notebook.cellInsertionIndicator#f8f6f2
  • notebook.cellStatusBarItemHoverBackground#5a5d62
  • notebook.cellToolbarSeparator#282b31
  • notebook.editorBackground#3a3d42
  • notebook.focusedEditorBorder#458ae2
  • notebookStatusErrorIcon.foreground#e7349c
  • notebookStatusRunningIcon.foreground#f8f6f2
  • notebookStatusSuccessIcon.foreground#04b372
  • notificationCenter.border#282b31
  • notificationCenterHeader.background#282b31
  • notificationCenterHeader.foreground#828079
  • notificationLink.foreground#458ae2
  • notifications.background#282b31
  • notifications.border#282b31
  • notifications.foreground#f8f6f2
  • notificationsErrorIcon.foreground#e7349c
  • notificationsInfoIcon.foreground#1ad0d6
  • notificationsWarningIcon.foreground#f26c33
  • notificationToast.border#282b31
  • panel.background#282b31
  • panel.border#1a1c22
  • panel.dropBackground#282b31bf
  • panelStickyScroll.background#282b31
  • panelStickyScroll.border#3a3d42
  • panelStickyScroll.shadow#282b31
  • panelTitle.activeBorder#458ae2
  • panelTitle.activeForeground#f8f6f2
  • panelTitle.inactiveForeground#828079
  • peekView.border#282b31
  • peekViewEditor.background#282b31
  • peekViewEditor.matchHighlightBackground#3a3d42
  • peekViewEditorGutter.background#282b31
  • peekViewResult.background#282b31
  • peekViewResult.fileForeground#828079
  • peekViewResult.lineForeground#828079
  • peekViewResult.matchHighlightBackground#3a3d42
  • peekViewResult.selectionBackground#282b31
  • peekViewResult.selectionForeground#f8f6f2
  • peekViewTitle.background#282b31
  • peekViewTitleDescription.foreground#828079
  • peekViewTitleLabel.foreground#f8f6f2
  • pickerGroup.border#3a3d42
  • pickerGroup.foreground#828079
  • ports.iconRunningProcessForeground#04b372
  • problemsErrorIcon.foreground#e7349c
  • problemsInfoIcon.foreground#1ad0d6
  • problemsWarningIcon.foreground#f26c33
  • profileBadge.background#282b31
  • profileBadge.foreground#dbd6cc
  • progressBar.background#5a5d62
  • quickInput.background#282b31
  • quickInput.foreground#828079
  • sash.hoverBorder#5a5d62
  • scmGraph.foreground1#e7349c
  • scmGraph.foreground2#f26c33
  • scmGraph.foreground3#f2a633
  • scmGraph.foreground4#04b372
  • scmGraph.foreground5#9871fe
  • scmGraph.historyItemBaseRefColor#1ad0d6
  • scmGraph.historyItemHoverAdditionsForeground#04b372
  • scmGraph.historyItemHoverDefaultLabelBackground#5a5d62
  • scmGraph.historyItemHoverDefaultLabelForeground#3a3d42
  • scmGraph.historyItemHoverDeletionsForeground#e7349c
  • scmGraph.historyItemHoverLabelForeground#3a3d42
  • scmGraph.historyItemRefColor#9871fe
  • scmGraph.historyItemRemoteRefColor#04b372
  • scrollbar.shadow#3a3d42
  • scrollbarSlider.activeBackground#f8f6f259
  • scrollbarSlider.background#dbd6cc26
  • scrollbarSlider.hoverBackground#f8f6f226
  • selection.background#3a3d42
  • settings.checkboxBackground#282b31
  • settings.checkboxBorder#3a3d42
  • settings.checkboxForeground#f2a633
  • settings.dropdownBackground#282b31
  • settings.dropdownBorder#3a3d42
  • settings.dropdownForeground#f8f6f2
  • settings.dropdownListBorder#828079
  • settings.headerForeground#f2a633
  • settings.modifiedItemForeground#f2a633
  • settings.modifiedItemIndicator#f2a633
  • settings.numberInputBackground#282b31
  • settings.numberInputBorder#3a3d42
  • settings.numberInputForeground#f8f6f2
  • settings.rowHoverBackground#5a5d620c
  • settings.sashBorder#282b31
  • settings.settingsHeaderHoverForeground#f8f6f2
  • settings.textInputBackground#282b31
  • settings.textInputBorder#3a3d42
  • settings.textInputForeground#f8f6f2
  • sideBar.background#282b31
  • sideBar.border#1a1c22
  • sideBar.dropBackground#282b31bf
  • sideBar.foreground#f8f6f2
  • sideBarSectionHeader.background#282b31
  • sideBarSectionHeader.foreground#828079
  • sideBarStickyScroll.background#282b31
  • sideBarStickyScroll.border#282b31
  • sideBarStickyScroll.shadow#282b31
  • sideBarTitle.foreground#828079
  • simpleFindWidget.sashBorder
  • statusBar.background#282b31
  • statusBar.border#1a1c22
  • statusBar.debuggingBackground#5a5d62
  • statusBar.debuggingBorder#282b31
  • statusBar.debuggingForeground#f8f6f2
  • statusBar.focusBorder#282b31
  • statusBar.foreground#828079
  • statusBar.noFolderBackground#282b31
  • statusBar.noFolderBorder#1a1c22
  • statusBar.noFolderForeground#5a5d62
  • statusBarItem.activeBackground#3a3d42
  • statusBarItem.errorBackground#3a3d42
  • statusBarItem.errorForeground#e7349c
  • statusBarItem.focusBorder#5a5d62
  • statusBarItem.hoverBackground#282b31
  • statusBarItem.hoverForeground#f8f6f2
  • statusBarItem.offlineBackground
  • statusBarItem.offlineForeground
  • statusBarItem.prominentBackground#282b31
  • statusBarItem.prominentHoverBackground#282b31
  • statusBarItem.remoteBackground#282b31
  • statusBarItem.remoteForeground#04b372
  • statusBarItem.remoteHoverBackground#04b372
  • statusBarItem.remoteHoverForeground#3a3d42
  • statusBarItem.warningBackground#3a3d42
  • statusBarItem.warningForeground#f26c33
  • symbolIcon.arrayForeground#e7349c
  • symbolIcon.booleanForeground#e7349c
  • symbolIcon.classForeground#1ad0d6
  • symbolIcon.colorForeground#9871fe
  • symbolIcon.constantForeground#9871fe
  • symbolIcon.constructorForeground#04b372
  • symbolIcon.enumeratorForeground#f26c33
  • symbolIcon.enumeratorMemberForeground#f26c33
  • symbolIcon.eventForeground#f26c33
  • symbolIcon.fieldForeground#f26c33
  • symbolIcon.fileForeground#dbd6cc
  • symbolIcon.folderForeground#dbd6cc
  • symbolIcon.functionForeground#04b372
  • symbolIcon.interfaceForeground#1ad0d6
  • symbolIcon.keyForeground#f26c33
  • symbolIcon.keywordForeground#e7349c
  • symbolIcon.methodForeground#04b372
  • symbolIcon.moduleForeground#1ad0d6
  • symbolIcon.namespaceForeground#1ad0d6
  • symbolIcon.nullForeground#9871fe
  • symbolIcon.numberForeground#9871fe
  • symbolIcon.objectForeground#1ad0d6
  • symbolIcon.operatorForeground#e7349c
  • symbolIcon.packageForeground#9871fe
  • symbolIcon.propertyForeground#f26c33
  • symbolIcon.referenceForeground#9871fe
  • symbolIcon.snippetForeground#04b372
  • symbolIcon.stringForeground#f2a633
  • symbolIcon.structForeground#e7349c
  • symbolIcon.textForeground#f2a633
  • symbolIcon.typeParameterForeground#f26c33
  • symbolIcon.unitForeground#9871fe
  • symbolIcon.variableForeground#1ad0d6
  • tab.activeBackground#1a1c22
  • tab.activeBorder#458ae2
  • tab.activeForeground#f8f6f2
  • tab.activeModifiedBorder#3a3d42
  • tab.border#282b31
  • tab.hoverBackground#3a3d42
  • tab.hoverBorder#3a3d42
  • tab.hoverForeground#f8f6f2
  • tab.inactiveBackground#282b31
  • tab.inactiveForeground#828079
  • tab.inactiveModifiedBorder#3a3d42
  • tab.lastPinnedBorder#3a3d42
  • tab.unfocusedActiveBorder#828079
  • tab.unfocusedActiveForeground#dbd6cc
  • tab.unfocusedActiveModifiedBorder#282b31
  • tab.unfocusedHoverBackground#3a3d42
  • tab.unfocusedHoverBorder#3a3d42
  • tab.unfocusedHoverForeground#dbd6cc
  • tab.unfocusedInactiveForeground#828079
  • tab.unfocusedInactiveModifiedBorder#282b31
  • terminal.ansiBlack#1a1c22
  • terminal.ansiBlue#458ae2
  • terminal.ansiBrightBlack#5a5d62
  • terminal.ansiBrightBlue#5e84b6
  • terminal.ansiBrightCyan#91cbcd
  • terminal.ansiBrightGreen#61b186
  • terminal.ansiBrightMagenta#8f72e3
  • terminal.ansiBrightRed#c8518f
  • terminal.ansiBrightWhite#f8f6f2
  • terminal.ansiBrightYellow#dfb683
  • terminal.ansiCyan#1ad0d6
  • terminal.ansiGreen#04b372
  • terminal.ansiMagenta#9871fe
  • terminal.ansiRed#e7349c
  • terminal.ansiWhite#f8f6f2
  • terminal.ansiYellow#f2a633
  • terminal.background#1a1c22
  • terminal.foreground#f8f6f2
  • terminal.selectionBackground#f8f6f226
  • terminalCommandDecoration.defaultBackground#f8f6f2
  • terminalCommandDecoration.errorBackground#e7349c
  • terminalCommandDecoration.successBackground#04b372
  • terminalCursor.background#00000000
  • terminalCursor.foreground#f8f6f2
  • testing.iconErrored#e7349c
  • testing.iconFailed#e7349c
  • testing.iconPassed#04b372
  • testing.iconQueued#f8f6f2
  • testing.iconSkipped#f26c33
  • testing.iconUnset#828079
  • testing.message.error.decorationForeground#e7349c
  • testing.message.error.lineBackground#e7349c19
  • testing.message.info.decorationForeground#f8f6f2
  • testing.message.info.lineBackground#f8f6f219
  • testing.runAction#f2a633
  • textBlockQuote.background#282b31
  • textBlockQuote.border#282b31
  • textCodeBlock.background#282b31
  • textLink.activeForeground#f8f6f2
  • textLink.foreground#458ae2
  • textPreformat.foreground#f8f6f2
  • textSeparator.foreground#5a5d62
  • titleBar.activeBackground#282b31
  • titleBar.activeForeground#828079
  • titleBar.border#1a1c22
  • titleBar.inactiveBackground#282b31
  • titleBar.inactiveForeground#828079
  • tree.inactiveIndentGuidesStroke#3a3d42
  • tree.indentGuidesStroke#282b31
  • walkThrough.embeddedEditorBackground#282b31
  • welcomePage.buttonBackground#282b31
  • welcomePage.buttonHoverBackground#282b31
  • welcomePage.progress.background#5a5d62
  • welcomePage.progress.foreground#828079
  • welcomePage.tileBackground#282b31
  • welcomePage.tileHoverBackground#282b31
  • welcomePage.tileShadow#1a1c22
  • widget.shadow#1a1c22

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment keyword, comment markup.underline.link, comment string, comment punctuation.definition, comment punctuation, comment text#5a5d62italic
comment storage.type#5a5d62
comment entity.name.type#f8f6f2
comment variable, comment variable.other#f8f6f2
comment keyword, comment entity.name.tag, entity.name.tag.documentation#f8f6f2
comment keyword.codetag.notation#bbff00
comment.git-status.header.remote#c8518f
comment.git-status.header.local#91cbcd
comment.other.git-status.head#f8f6f2
string.quoted.docstring, string.quoted.docstring punctuation.definition#5a5d62
constant#dfb683
constant.other#f8f6f2
constant.other.caps#dfb683
constant.other.placeholder#d68c6f
constant.other.property#8f72e3
constant.other.citation.latex#d2fc91
constant.other.color#8f72e3
constant.other.character-class.escape#8f72e3
constant.other.key#8f72e3
constant.other.symbol#d68c6f
constant.other.elm#91cbcd
constant.numeric#dfb683
constant.language#dfb683
constant.character.escape#dfb683
constant.numeric.line-number.find-in-files#6b6360
constant.numeric.line-number.match.find-in-files#dfb683
entity.name.section#dfb683
entity.name.function, entity.name.function.templated, entity.name.function.member.static#5e84b6
entity.name.type.class.templated, entity.name.type.class.generic, entity.name.type.namespace#91cbcd
entity.name.label#8f72e3
entity.name.function.preprocessor#91cbcd
entity.name#5e84b6
entity.name.class#91cbcd
entity.name.constant#8f72e3
entity.name.namespace#91cbcd
entity.other.inherited-class#91cbcditalic
entity.name.function#5e84b6
entity.name.tag, entity.name.tag.js.jsx support.class.component.js.jsx, entity.name.tag support.class.component, source.vue support.class.component#c8518f
source.ansible entity.name.tag#91cbcd
entity.name.function.operator#c8518f
meta.brackets entity.name.function.operator, punctuation.separator entity.name.function.operator#828079
entity.name.type, entity.name.type.class.reference, entity.name.type.class.value#91cbcd
entity.other.attribute-name#91cbcditalic
entity.other.attribute-name.class.css, entity.other.attribute-name.parent-selector-suffix.css, entity.other.attribute-name.parent-selector-suffix.css punctuation.definition.entity.css, entity.other.attribute-name.css, entity.other.animation-name.css#61b186
entity.other.attribute-name.id.css#d68c6f
entity.other.attribute-name.pseudo-class.css, entity.other.pseudo-class.css, entity.other.pseudo-element.css#91cbcditalic
entity.name.function, support.function#5e84b6
entity.other.git-status.hex#8f72e3
entity.other.jinja2.delimiter#828079
entity.name.operator.custom-literal#f8f6f2
entity.name.operator.custom-literal.string#d2fc91
entity.name.operator.custom-literal.number#8f72e3
entity.name.type.rust#91cbcd
entity.name.lifetime.rust#c8518f
invalid#c8518fitalic underline
invalid.deprecated#d68c6fitalic underline
keyword#c8518f
keyword.control#c8518f
keyword.control.directive#c8518f
keyword.operator, keyword.operator.member#828079
keyword.operator.new#c8518f
keyword.other.substitution#828079
keyword.other.template.begin, keyword.other.template.end#c8518f
keyword.operator.heading.restructuredtext, entity.name.section.restructuredtext, markup.heading.restructuredtext#c8518f
keyword.operator.table.row.restructuredtext, keyword.operator.table.data.restructuredtext#828079
keyword.other.parenthesis.elm#828079
keyword.other.fn.rust, keyword.other.rust, keyword.other.unsafe.rust, keyword.other.where.rust#91cbcd
keyword.control.rust#c8518f
keyword.operator.misc.rust#828079
keyword.declaration.class.ruby, keyword.declaration.function.ruby, keyword.declaration.namespace.ruby#c8518f
markup.italic#5e84b6italic
markup.bold#5e84b6bold
markup.heading.1, markup.heading.1.markdown, markup.heading.setext.1.markdown, heading.1.markdown entity.name.section.markdown, heading.1.markdown punctuation.definition.heading.markdown#bbff00bold
markup.heading, markup.heading.2, markup.heading.3, markup.heading.4, markup.heading.5, markup.heading.6, markup.heading.2.markdown, markup.heading.3.markdown, markup.heading.4.markdown, markup.heading.5.markdown, markup.heading.6.markdown, markup.heading.setext.2.markdown, entity.name.section.markdown, heading.2.markdown entity.name.section.markdown, heading.3.markdown entity.name.section.markdown, heading.4.markdown entity.name.section.markdown, heading.5.markdown entity.name.section.markdown, heading.6.markdown entity.name.section.markdown, markup.heading.markdown, punctuation.definition.heading.markdown#c8518f
markup.raw#91cbcd
markup.inline.raw, markup.inline.raw.string.markdown, markup.raw.inline.markdown, fenced_code.block.language.markdown#f2a633
markup.underlineunderline
markup.underline.link, string.other.link.title.markdown#d2fc91
markup.underline.link.markdown, string.other.link.description.markdown#5a5d62
markup.inserted, markup.inserted punctuation.definition.inserted#61b186
markup.deleted, markup.deleted punctuation.definition.deleted#c8518f
markup.changed, markup.changed punctuation.definition.changed#dfb683
markup.ignored, markup.ignored punctuation.definition.ignored#828079
markup.untracked#828079
markup.quote#91cbcditalic
punctuation.definition.list.begin#828079
entity.name.section.asciidoc, markup.heading.asciidoc, markup.heading.marker.asciidoc#c8518f
markup.bold.asciidoc, markup.italic.asciidoc#5e84b6
markup.raw.asciidoc, markup.raw.monospace.asciidoc#f2a633
markup.link.asciidoc, string.unquoted.asciidoc#d2fc91
markup.other.anchor.asciidoc, variable.other.asciidoc#8f72e3
entity.name.section.latex, support.function.section.latex#c8518f
markup.italic.latex, markup.bold.latex#5e84b6
markup.raw.verb.latex, markup.raw.verbatim.latex#f2a633
constant.other.reference.latex, constant.other.citation.latex#d2fc91
support.function.latex, support.class.latex#5e84b6
constant.character.math.latex#dfb683
markup.heading.orgmode, entity.name.section.orgmode, orgmode.heading#c8518f
markup.bold.orgmode, markup.italic.orgmode#5e84b6
markup.raw.orgmode, markup.inline.code.orgmode#f2a633
markup.link.orgmode, string.other.link.orgmode#d2fc91
entity.name.tag.html, entity.name.tag.xml, entity.name.tag.localname.xml#c8518f
entity.other.attribute-name.html, entity.other.attribute-name.xml, entity.other.attribute-name.localname.xml#91cbcditalic
string.quoted.double.html, string.quoted.single.html, string.quoted.double.xml, string.quoted.single.xml#d2fc91
comment.block.html, comment.block.xml#5a5d62italic
meta.brace.round, meta.brace.square, meta.brace.curly, meta.delimiter.comma.js, meta.function-call.without-arguments.js, meta.function-call.method.without-arguments.js#828079
meta.function-call.generic.python, support.function.builtin.python#5e84b6
meta.function-call.python meta.function-call.arguments.python#f8f6f2
meta.interpolation#d68c6f
meta.instance.constructor#5e84b6
meta.attribute-with-value.class string, meta.attribute.class.html string#61b186
meta.attribute-with-value.id string, meta.attribute.id.html string#d68c6f
source.json meta.mapping.key string#f8f6f2
source.yaml meta.mapping.key string#c8518f
meta.object.member#f8f6f2
meta.property-list.css variable.other#d68c6f
entity.name.constant.preprocessor, meta.preprocessor#8f72e3
meta.diff.git-diff.header#dfb683
meta.type_params.rust#f8f6f2
meta.attribute.rust, meta.annotation.rust, variable.language.rust, variable.annotation.rust, meta.annotation.rust string, meta.annotation.rust keyword, meta.annotation.rust keyword.operator, meta.attribute.rust string#f8f6f2
meta.type variable, meta.type variable.other.readwrite, variable.annotation, meta.decorator variable.other.readwrite#8f72e3
punctuation#828079
punctuation.definition.tag, punctuation.definition.tag source, punctuation.definition.group.begin.ruby, punctuation.definition.group.end.ruby, punctuation.definition.group.begin.css, punctuation.definition.group.end.css, punctuation.definition.string.end.html source.css, punctuation.definition.block, punctuation.definition.parameters.begin, punctuation.definition.parameters.end, punctuation.separator.parameter, punctuation.accessor, punctuation.terminator#828079
punctuation.definition.group#f8f6f2
punctuation.definition.comment#5a5d62
punctuation.definition.variable, punctuation.definition.keyword.scss, punctuation.definition.entity.css#f8f6f2
punctuation.section.embedded, punctuation.section.embedded entity.name.tag, punctuation.section.embedded constant.other, punctuation.section.embedded source, punctuation.section.embedded.begin#d68c6f
punctuation.template-string.element.begin, punctuation.template-string.element.end, punctuation.definition.string.template.begin, punctuation.definition.string.template.end, string.quoted.template punctuation.definition.string.begin, string.quoted.template punctuation.definition.string.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end#c8518f
meta.paragraph.markdown meta.dummy.line-break, meta.paragraph.markdown meta.hard-line-break.markdown
markup.underline.link punctuation#61b186
meta.brace.round, meta.brace.square, keyword.operator.type.annotation, meta.type storage.modifier.array#828079
region.redish#c8518f
region.orangish#d68c6f
region.yellowish#dfb683
region.greenish#61b186
region.bluish#91cbcd
region.purplish#8f72e3
region.pinkish#c8518f
region.whitish#FFFFFF
source#f8f6f2
source.scss, source.sass#828079
source.sass variable.other, source.sass variable.sass, source.scss variable.other, source.scss variable.scss, source.scss variable.sass, source.css variable.other, source.css variable.scss, source.less variable.other, source.less variable.other.less, source.less variable.declaration.less#d68c6fitalic
source.git-show.commit.sha#8f72e3
source.git-show.author, source.git-show.date, source.git-diff.command, source.git-diff.command meta.diff.git-diff.header.from-file, source.git-diff.command meta.diff.git-diff.header.to-file#828079
source.git-show meta.diff.git-diff.header.extended.index.from-sha, source.git-show meta.diff.git-diff.header.extended.index.to-sha#8f72e3
source.git-show meta.diff.range.unified#d68c6f
source.git-show meta.diff.header.from-file, source.git-show meta.diff.header.to-file#828079
storage#c8518f
storage.type#91cbcditalic
storage.type.extends#c8518fnormal
storage.type.function.arrow#c8518fnormal
storage.modifier, storage.type.modifier#91cbcditalic
storage.class.restructuredtext.ref#d2fc91
storage.modifier.visibility.rust, storage.modifier.lifetime.rust#91cbcd
storage.modifier.const.rust, storage.modifier.dyn.rust, storage.modifier.mut.rust, storage.modifier.static.rust, storage.type.rust, storage.type.core.rust, storage.class.std.rust#91cbcd
keyword.other.rust, keyword.other.where.rust#c8518f
storage.modifier.import.java#f8f6f2
string#d2fc91
string.unquoted.label#f8f6f2
string source#f8f6f2
string source punctuation.section.embedded, string punctuation.definition.string source#828079
string.other.link.title, string.other.link.description#d2fc91
string.other.link.description.title#5a5d62
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end#c8518f
string.other.ref, string.other.restructuredtext.ref#d2fc91
string.other.git-status.help.key#f8f6f2
string.other.git-status.remote#c8518f
support.constant#91cbcd
support.constant.handlebars#828079
support.type.vendor-prefix.css#f8f6f2
support.function#5e84b6
support.macro#5e84b6
support.function.delimiter.elm#828079
support.type, entity.name.type.object.console#91cbcditalic
support.variable, support.variable.property#91cbcd
support.type.property-name#f8f6f2normal
support.class#91cbcd
support.constant.core.rust#8f72e3
comment support, comment support.class#5a5d62
text#f8f6f2
text.find-in-files#f8f6f2
variable, variable.other#f8f6f2
variable.parameter, parameters variable.function#8f72e3italic
variable.language, variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python#f8f6f2italic
variable.language.arguments#8f72e3
variable.other.class#91cbcd
variable.other.constant#dfb683
variable.other.readwrite#f8f6f2
variable.other.member#f8f6f2
variable.other.enummember#dfb683
variable.other.property, variable.other.property.static, variable.other.event#f8f6f2
variable.function#5e84b6
variable.other.substitution#d68c6f
source.ruby variable.other.readwrite.instance.ruby, source.ruby variable.other.readwrite.class.ruby#8f72e3
source.jinja2 variable.other.jinja2.block#61b186
source.jinja2 variable.other.jinja2#d68c6f
Human++ by fielding - VS Code Theme