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.activeFocusBorder#00000000
  • activityBar.background#262320
  • activityBar.border#00000000
  • activityBar.foreground#9a9086
  • activityBar.inactiveForeground#4c453e
  • activityBarBadge.background#e8836b
  • activityBarBadge.foreground#201d1a
  • activityBarTop.background#221f1c
  • activityBarTop.foreground#cfc6b9
  • activityBarTop.inactiveForeground#4c453e
  • activityErrorBadge.background#e8836b
  • activityErrorBadge.foreground#262320
  • activityWarningBadge.background#d3a06e
  • activityWarningBadge.foreground#262320
  • badge.background#38332e
  • badge.foreground#8b8177
  • banner.background#38332e
  • banner.foreground#cfc6b9
  • banner.iconForeground#cfc6b9
  • breadcrumb.activeSelectionForeground#f3ece0
  • breadcrumb.focusForeground#cfc6b9
  • breadcrumb.foreground#8b8177
  • breadcrumbPicker.background#262320
  • button.background#38332e
  • button.foreground#f3ece0
  • button.hoverBackground#4c453e
  • button.secondaryBackground#38332e
  • button.secondaryForeground#cfc6b9
  • button.secondaryHoverBackground#4c453e
  • button.separator#262320
  • charts.blue#7fbcb0
  • charts.foreground#f3ece0
  • charts.green#a7c07d
  • charts.lines#6f665c
  • charts.orange#d3a06e
  • charts.purple#c39ae0
  • charts.red#e8836b
  • charts.yellow#d9b877
  • chat.avatarBackground#262320
  • chat.avatarForeground#c39ae0
  • chat.linesAddedForeground#a7c07d
  • chat.linesRemovedForeground#e8836b
  • chat.requestBackground#38332e
  • chat.requestBorder#00000000
  • chat.requestBubbleBackground#262320
  • chat.requestBubbleHoverBackground#38332e
  • chat.requestCodeBorder#00000000
  • chat.slashCommandBackground#00000000
  • chat.slashCommandForeground#d9b877
  • chat.thinkingShimmer#a7c07d
  • checkbox.background#38332e
  • checkbox.border#00000000
  • checkbox.foreground#d9b877
  • commandCenter.activeBackground#262320
  • commandCenter.activeForeground#cfc6b9
  • commandCenter.background#221f1c
  • commandCenter.border#00000000
  • commandCenter.debuggingBackground#221f1c
  • commandCenter.foreground#8b8177
  • contrastActiveBorder#00000000
  • contrastBorder#00000000
  • debugConsole.errorForeground#e8836b
  • debugConsole.infoForeground#7fbcb0
  • debugConsole.sourceForeground#f3ece0
  • debugConsole.warningForeground#d3a06e
  • debugConsoleInputIcon.foreground#d9b877
  • debugExceptionWidget.background#38332e
  • debugExceptionWidget.border#00000000
  • debugIcon.breakpointCurrentStackframeForeground#d9b877
  • debugIcon.breakpointDisabledForeground#cfc6b9
  • debugIcon.breakpointForeground#e8836b
  • debugIcon.breakpointStackframeForeground#f3ece0
  • debugIcon.breakpointUnverifiedForeground#d3a06e
  • debugIcon.continueForeground#f3ece0
  • debugIcon.disconnectForeground#f3ece0
  • debugIcon.pauseForeground#f3ece0
  • debugIcon.restartForeground#a7c07d
  • debugIcon.startForeground#a7c07d
  • debugIcon.stepBackForeground#f3ece0
  • debugIcon.stepIntoForeground#f3ece0
  • debugIcon.stepOutForeground#f3ece0
  • debugIcon.stepOverForeground#f3ece0
  • debugIcon.stopForeground#e8836b
  • debugTokenExpression.boolean#d3a06e
  • debugTokenExpression.error#e8836b
  • debugTokenExpression.name#7fbcb0
  • debugTokenExpression.number#c39ae0
  • debugTokenExpression.string#d9b877
  • debugTokenExpression.value#f3ece0
  • debugToolBar.background#38332e
  • debugView.exceptionLabelBackground#e8836b
  • debugView.exceptionLabelForeground#262320
  • debugView.stateLabelBackground#a7c07d
  • debugView.stateLabelForeground#262320
  • debugView.valueChangedHighlight#d9b877
  • descriptionForeground#8b8177
  • diffEditor.diagonalFill#38332e
  • diffEditor.insertedLineBackground#a7c07d19
  • diffEditor.insertedTextBackground#a7c07d19
  • diffEditor.move.border#00000000
  • diffEditor.moveActive.border#00000000
  • diffEditor.removedLineBackground#e8836b19
  • diffEditor.removedTextBackground#e8836b19
  • diffEditor.unchangedCodeBackground#221f1c
  • diffEditor.unchangedRegionBackground#221f1c
  • diffEditor.unchangedRegionForeground#cfc6b9
  • diffEditor.unchangedRegionShadow#1b1815
  • diffEditorGutter.insertedLineBackground#a7c07d19
  • diffEditorGutter.removedLineBackground#e8836b19
  • diffEditorOverview.insertedForeground#a7c07da5
  • diffEditorOverview.removedForeground#e8836ba5
  • disabledForeground#f3ece026
  • dropdown.background#221f1c
  • dropdown.border#00000000
  • dropdown.foreground#8b8177
  • dropdown.listBackground#38332e
  • editor.background#262320
  • editor.findMatchBackground#f3ece026
  • editor.findMatchBorder#00000000
  • editor.findMatchHighlightBackground#f3ece026
  • editor.findMatchHighlightBorder#00000000
  • editor.findRangeHighlightBackground#f3ece00c
  • editor.findRangeHighlightBorder#00000000
  • editor.focusedStackFrameHighlightBackground#cfc6b926
  • editor.foldBackground#f3ece00c
  • editor.foreground#e9e2d7
  • editor.hoverHighlightBackground#f3ece00c
  • editor.inactiveSelectionBackground#f3ece00c
  • editor.inlineValuesBackground#4c453e
  • editor.inlineValuesForeground#cfc6b9
  • editor.lineHighlightBackground#2c2823
  • editor.lineHighlightBorder#00000000
  • editor.linkedEditingBackground#38332e
  • editor.rangeHighlightBackground#38332e
  • editor.rangeHighlightBorder#00000000
  • editor.selectionBackground#cfc6b926
  • editor.selectionHighlightBackground#f3ece026
  • editor.selectionHighlightBorder#00000000
  • editor.stackFrameHighlightBackground#cfc6b926
  • editor.wordHighlightBackground#f3ece026
  • editor.wordHighlightBorder#00000000
  • editor.wordHighlightStrongBackground#f3ece026
  • editor.wordHighlightStrongBorder#00000000
  • editorBracketHighlight.foreground1#e8836b
  • editorBracketHighlight.foreground2#d3a06e
  • editorBracketHighlight.foreground3#d9b877
  • editorBracketHighlight.foreground4#a7c07d
  • editorBracketHighlight.foreground5#7fbcb0
  • editorBracketHighlight.foreground6#c39ae0
  • editorBracketMatch.background#262320
  • editorBracketMatch.border#00000000
  • editorCodeLens.foreground#6f665c
  • editorCursor.background#262320
  • editorCursor.foreground#e8836b
  • editorError.background#00000000
  • editorError.border#00000000
  • editorError.foreground#e8836b
  • editorGhostText.foreground#6f665c
  • editorGroup.border#00000000
  • editorGroup.dropBackground#221f1cbf
  • editorGroup.emptyBackground#262320
  • editorGroup.focusedEmptyBorder#00000000
  • editorGroupHeader.noTabsBackground#262320
  • editorGroupHeader.tabsBackground#262320
  • editorGroupHeader.tabsBorder#00000000
  • editorGutter.addedBackground#a7c07d
  • editorGutter.background#262320
  • editorGutter.deletedBackground#e8836b
  • editorGutter.foldingControlForeground#cfc6b9
  • editorGutter.modifiedBackground#d3a06e
  • editorHint.border#00000000
  • editorHint.foreground#c39ae0
  • editorHoverWidget.background#221f1c
  • editorHoverWidget.border#00000000
  • editorIndentGuide.activeBackground1#3a342d
  • editorIndentGuide.background#38332e
  • editorIndentGuide.background1#2e2a25
  • editorInfo.background#00000000
  • editorInfo.border#00000000
  • editorInfo.foreground#7fbcb0
  • editorInlayHint.background#38332e
  • editorInlayHint.foreground#8b8177
  • editorInlayHint.parameterBackground#d3a06e0c
  • editorInlayHint.parameterForeground#d3a06e7f
  • editorInlayHint.typeBackground#c39ae00c
  • editorInlayHint.typeForeground#c39ae07f
  • editorLightBulb.foreground#d9b877
  • editorLightBulbAi.foreground#d9b877
  • editorLightBulbAutoFix.foreground#a7c07d
  • editorLineNumber.activeForeground#e8836b
  • editorLineNumber.foreground#4c453e
  • editorLink.activeForeground#7fbcb0
  • editorMarkerNavigation.background#38332e
  • editorMarkerNavigationError.background#e8836b
  • editorMarkerNavigationInfo.background#7fbcb0
  • editorMarkerNavigationWarning.background#d3a06e
  • editorOverviewRuler.addedForeground#a7c07d
  • editorOverviewRuler.border#00000000
  • editorOverviewRuler.currentContentForeground#38332e
  • editorOverviewRuler.deletedForeground#e8836b
  • editorOverviewRuler.errorForeground#e8836b
  • editorOverviewRuler.findMatchForeground#f3ece026
  • editorOverviewRuler.incomingContentForeground#38332e
  • editorOverviewRuler.infoForeground#7fbcb0
  • editorOverviewRuler.modifiedForeground#d3a06e
  • editorOverviewRuler.rangeHighlightForeground#f3ece026
  • editorOverviewRuler.selectionHighlightForeground#f3ece026
  • editorOverviewRuler.warningForeground#d3a06e
  • editorOverviewRuler.wordHighlightForeground#f3ece026
  • editorOverviewRuler.wordHighlightStrongForeground#f3ece026
  • editorPane.background#262320
  • editorRuler.foreground#4c453e
  • editorStickyScroll.background#262320
  • editorStickyScroll.border#00000000
  • editorStickyScroll.shadow#262320
  • editorStickyScrollHover.background#f3ece00c
  • editorSuggestWidget.background#221f1c
  • editorSuggestWidget.border#00000000
  • editorSuggestWidget.foreground#cfc6b9
  • editorSuggestWidget.highlightForeground#f3ece0
  • editorSuggestWidget.selectedBackground#4c453e
  • editorUnnecessaryCode.opacity#000000a5
  • editorWarning.background#00000000
  • editorWarning.border#00000000
  • editorWarning.foreground#d3a06e
  • editorWhitespace.foreground#332e29
  • editorWidget.background#221f1c
  • editorWidget.border#00000000
  • errorForeground#e8836b
  • extensionBadge.remoteBackground#a7c07d
  • extensionBadge.remoteForeground#f3ece0
  • extensionButton.background#38332e
  • extensionButton.foreground#cfc6b9
  • extensionButton.hoverBackground#4c453e
  • extensionButton.prominentBackground#38332e
  • extensionButton.prominentForeground#f3ece0
  • extensionButton.prominentHoverBackground#4c453e
  • extensionIcon.preReleaseForeground#c39ae0
  • extensionIcon.sponsorForeground#7fbcb0
  • extensionIcon.starForeground#d9b877
  • extensionIcon.verifiedForeground#a7c07d
  • focusBorder#00000000
  • foreground#f3ece0
  • gitDecoration.addedResourceForeground#a7c07d
  • gitDecoration.conflictingResourceForeground#d3a06e
  • gitDecoration.deletedResourceForeground#e8836b
  • gitDecoration.ignoredResourceForeground#4c453e
  • gitDecoration.modifiedResourceForeground#d9b877
  • gitDecoration.stageDeletedResourceForeground#e8836b
  • gitDecoration.stageModifiedResourceForeground#d9b877
  • gitDecoration.untrackedResourceForeground#cfc6b9
  • icon.foreground#8b8177
  • inlineChat.background#262320
  • inlineChat.border#00000000
  • inlineChat.shadow#1b1815
  • inlineChatDiff.inserted#a7c07d19
  • inlineChatDiff.removed#a7c07d19
  • inlineEdit.gutterIndicator.background#38332e
  • inlineEdit.gutterIndicator.primaryBackground#38332e
  • inlineEdit.gutterIndicator.primaryBorder#00000000
  • inlineEdit.gutterIndicator.primaryForeground#c39ae0
  • inlineEdit.gutterIndicator.secondaryBackground#38332e
  • inlineEdit.gutterIndicator.secondaryBorder#00000000
  • inlineEdit.gutterIndicator.secondaryForeground#d9b877
  • inlineEdit.gutterIndicator.successfulBackground#38332e
  • inlineEdit.gutterIndicator.successfulBorder#00000000
  • inlineEdit.gutterIndicator.successfulForeground#a7c07d
  • inlineEdit.modifiedBackground#a7c07d19
  • inlineEdit.modifiedBorder#00000000
  • inlineEdit.modifiedChangedLineBackground#a7c07d19
  • inlineEdit.modifiedChangedTextBackground#a7c07d19
  • inlineEdit.originalBackground#e8836b19
  • inlineEdit.originalBorder#00000000
  • inlineEdit.originalChangedLineBackground#e8836b19
  • inlineEdit.originalChangedTextBackground#e8836b19
  • inlineEdit.tabWillAcceptModifiedBorder#00000000
  • inlineEdit.tabWillAcceptOriginalBorder#00000000
  • input.background#322c26
  • input.border#00000000
  • input.foreground#f3ece0
  • input.placeholderForeground#6f665c
  • inputOption.activeBackground#4c453e
  • inputOption.activeBorder#00000000
  • inputOption.activeForeground#f3ece0
  • inputOption.hoverBackground#4c453e
  • inputValidation.errorBackground#38332e
  • inputValidation.errorBorder#00000000
  • inputValidation.errorForeground#e8836b
  • inputValidation.infoBackground#38332e
  • inputValidation.infoBorder#00000000
  • inputValidation.infoForeground#7fbcb0
  • inputValidation.warningBackground#38332e
  • inputValidation.warningBorder#00000000
  • inputValidation.warningForeground#d3a06e
  • interactive.activeCodeBorder#00000000
  • interactive.inactiveCodeBorder#00000000
  • keybindingLabel.background#4c453e
  • keybindingLabel.border#00000000
  • keybindingLabel.bottomBorder#00000000
  • keybindingLabel.foreground#cfc6b9
  • list.activeSelectionBackground#322c26
  • list.activeSelectionForeground#efe7db
  • list.dropBackground#1b1815bf
  • list.errorForeground#e8836b
  • list.focusBackground#262320
  • list.focusForeground#f3ece0
  • list.focusOutline#00000000
  • list.highlightForeground#f3ece0
  • list.hoverBackground#2c2823
  • list.hoverForeground#f3ece0
  • list.inactiveFocusBackground#262320
  • list.inactiveSelectionBackground#2c2823
  • list.inactiveSelectionForeground#d9b877
  • list.invalidItemForeground#e8836b
  • list.warningForeground#d3a06e
  • listFilterWidget.background#262320
  • listFilterWidget.noMatchesOutline#e8836b
  • listFilterWidget.outline#262320
  • listFilterWidget.shadow#1b1815
  • menu.background#221f1c
  • menu.border#00000000
  • menu.foreground#f3ece0
  • menu.selectionForeground#d9b877
  • menu.separatorBackground#38332e
  • menubar.selectionForeground#f3ece0
  • merge.border#00000000
  • merge.commonContentBackground#f3ece019
  • merge.commonHeaderBackground#f3ece026
  • merge.currentContentBackground#e8836b19
  • merge.currentHeaderBackground#e8836b26
  • merge.incomingContentBackground#a7c07d19
  • merge.incomingHeaderBackground#a7c07d26
  • mergeEditor.change.background#f3ece019
  • mergeEditor.change.word.background#f3ece019
  • mergeEditor.conflict.handled.minimapOverViewRuler#a7c07d
  • mergeEditor.conflict.handledFocused.border#00000000
  • mergeEditor.conflict.handledUnfocused.border#00000000
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#e8836b
  • mergeEditor.conflict.unhandledFocused.border#00000000
  • mergeEditor.conflict.unhandledUnfocused.border#00000000
  • minimap.chatEditHighlight#c39ae0a5
  • minimap.errorHighlight#e8836ba5
  • minimap.findMatchHighlight#8b8177a5
  • minimap.infoHighlight#7fbcb0a5
  • minimap.selectionHighlight#cfc6b926
  • minimap.selectionOccurrenceHighlight#6f665ca5
  • minimap.warningHighlight#d3a06ea5
  • minimapGutter.addedBackground#a7c07d
  • minimapGutter.deletedBackground#e8836b
  • minimapGutter.modifiedBackground#d9b877
  • notebook.cellBorderColor#00000000
  • notebook.cellEditorBackground#221f1c7f
  • notebook.cellInsertionIndicator#f3ece0
  • notebook.cellStatusBarItemHoverBackground#6f665c
  • notebook.cellToolbarSeparator#38332e
  • notebook.editorBackground#262320
  • notebook.focusedEditorBorder#00000000
  • notebookStatusErrorIcon.foreground#e8836b
  • notebookStatusRunningIcon.foreground#f3ece0
  • notebookStatusSuccessIcon.foreground#a7c07d
  • notificationCenter.border#00000000
  • notificationCenterHeader.background#38332e
  • notificationCenterHeader.foreground#8b8177
  • notificationLink.foreground#d9b877
  • notifications.background#38332e
  • notifications.border#00000000
  • notifications.foreground#cfc6b9
  • notificationsErrorIcon.foreground#e8836b
  • notificationsInfoIcon.foreground#7fbcb0
  • notificationsWarningIcon.foreground#d3a06e
  • notificationToast.border#00000000
  • panel.background#262320
  • panel.border#00000000
  • panel.dropBackground#221f1cbf
  • panelStickyScroll.background#38332e
  • panelStickyScroll.border#00000000
  • panelStickyScroll.shadow#38332e
  • panelTitle.activeBorder#00000000
  • panelTitle.activeForeground#efe7db
  • panelTitle.inactiveForeground#574f47
  • panelTitleBadge.background#d9b877
  • panelTitleBadge.foreground#262320
  • peekView.border#00000000
  • peekViewEditor.background#221f1c
  • peekViewEditor.matchHighlightBackground#4c453e
  • peekViewEditorGutter.background#38332e
  • peekViewResult.background#38332e
  • peekViewResult.fileForeground#8b8177
  • peekViewResult.lineForeground#8b8177
  • peekViewResult.matchHighlightBackground#4c453e
  • peekViewResult.selectionBackground#38332e
  • peekViewResult.selectionForeground#f3ece0
  • peekViewTitle.background#221f1c
  • peekViewTitleDescription.foreground#8b8177
  • peekViewTitleLabel.foreground#f3ece0
  • pickerGroup.border#00000000
  • pickerGroup.foreground#4c453e
  • ports.iconRunningProcessForeground#a7c07d
  • problemsErrorIcon.foreground#e8836b
  • problemsInfoIcon.foreground#7fbcb0
  • problemsWarningIcon.foreground#d3a06e
  • profileBadge.background#38332e
  • profileBadge.foreground#cfc6b9
  • progressBar.background#6f665c
  • quickInput.background#221f1c
  • quickInput.foreground#8b8177
  • radio.activeBackground#38332e
  • radio.activeBorder#00000000
  • radio.activeForeground#d9b877
  • radio.inactiveBackground#262320
  • radio.inactiveBorder#00000000
  • radio.inactiveForeground#8b8177
  • radio.inactiveHoverBackground#38332e
  • sash.hoverBorder#00000000
  • scmGraph.foreground1#e8836b
  • scmGraph.foreground2#d3a06e
  • scmGraph.foreground3#d9b877
  • scmGraph.foreground4#a7c07d
  • scmGraph.foreground5#c39ae0
  • scmGraph.historyItemBaseRefColor#7fbcb0
  • scmGraph.historyItemHoverAdditionsForeground#a7c07d
  • scmGraph.historyItemHoverDefaultLabelBackground#6f665c
  • scmGraph.historyItemHoverDefaultLabelForeground#262320
  • scmGraph.historyItemHoverDeletionsForeground#e8836b
  • scmGraph.historyItemHoverLabelForeground#262320
  • scmGraph.historyItemRefColor#c39ae0
  • scmGraph.historyItemRemoteRefColor#a7c07d
  • scrollbar.shadow#262320
  • scrollbarSlider.activeBackground#4c453e
  • scrollbarSlider.background#3a342d59
  • scrollbarSlider.hoverBackground#3a342d99
  • selection.background#cfc6b926
  • settings.checkboxBackground#38332e
  • settings.checkboxBorder#00000000
  • settings.checkboxForeground#d9b877
  • settings.dropdownBackground#38332e
  • settings.dropdownBorder#00000000
  • settings.dropdownForeground#f3ece0
  • settings.dropdownListBorder#00000000
  • settings.focusedRowBackground#38332e
  • settings.focusedRowBorder#00000000
  • settings.headerForeground#d9b877
  • settings.modifiedItemForeground#d9b877
  • settings.modifiedItemIndicator#d9b877
  • settings.numberInputBackground#38332e
  • settings.numberInputBorder#00000000
  • settings.numberInputForeground#f3ece0
  • settings.rowHoverBackground#f3ece00c
  • settings.sashBorder#00000000
  • settings.settingsHeaderHoverForeground#f3ece0
  • settings.textInputBackground#38332e
  • settings.textInputBorder#00000000
  • settings.textInputForeground#f3ece0
  • sideBar.background#262320
  • sideBar.border#00000000
  • sideBar.dropBackground#221f1cbf
  • sideBar.foreground#7d746a
  • sideBarSectionHeader.background#262320
  • sideBarSectionHeader.foreground#574f47
  • sideBarStickyScroll.background#221f1c
  • sideBarStickyScroll.border#00000000
  • sideBarStickyScroll.shadow#221f1c
  • sideBarTitle.foreground#574f47
  • simpleFindWidget.sashBorder#00000000
  • statusBar.background#262320
  • statusBar.border#00000000
  • statusBar.debuggingBackground#262320
  • statusBar.debuggingBorder#00000000
  • statusBar.debuggingForeground#e8836b
  • statusBar.focusBorder#00000000
  • statusBar.foreground#574f47
  • statusBar.noFolderBackground#262320
  • statusBar.noFolderBorder#00000000
  • statusBar.noFolderForeground#6f665c
  • statusBarItem.activeBackground#262320
  • statusBarItem.errorBackground#262320
  • statusBarItem.errorForeground#e8836b
  • statusBarItem.focusBorder#00000000
  • statusBarItem.hoverBackground#221f1c
  • statusBarItem.hoverForeground#f3ece0
  • statusBarItem.offlineBackground
  • statusBarItem.offlineForeground
  • statusBarItem.prominentBackground#38332e
  • statusBarItem.prominentHoverBackground#38332e
  • statusBarItem.remoteBackground#322c26
  • statusBarItem.remoteForeground#cfc6b9
  • statusBarItem.remoteHoverBackground#a7c07d
  • statusBarItem.remoteHoverForeground#262320
  • statusBarItem.warningBackground#262320
  • statusBarItem.warningForeground#d3a06e
  • symbolIcon.arrayForeground#e8836b
  • symbolIcon.booleanForeground#e8836b
  • symbolIcon.classForeground#7fbcb0
  • symbolIcon.colorForeground#c39ae0
  • symbolIcon.constantForeground#c39ae0
  • symbolIcon.constructorForeground#a7c07d
  • symbolIcon.enumeratorForeground#d3a06e
  • symbolIcon.enumeratorMemberForeground#d3a06e
  • symbolIcon.eventForeground#d3a06e
  • symbolIcon.fieldForeground#d3a06e
  • symbolIcon.fileForeground#cfc6b9
  • symbolIcon.folderForeground#cfc6b9
  • symbolIcon.functionForeground#a7c07d
  • symbolIcon.interfaceForeground#7fbcb0
  • symbolIcon.keyForeground#d3a06e
  • symbolIcon.keywordForeground#e8836b
  • symbolIcon.methodForeground#a7c07d
  • symbolIcon.moduleForeground#7fbcb0
  • symbolIcon.namespaceForeground#7fbcb0
  • symbolIcon.nullForeground#c39ae0
  • symbolIcon.numberForeground#c39ae0
  • symbolIcon.objectForeground#7fbcb0
  • symbolIcon.operatorForeground#e8836b
  • symbolIcon.packageForeground#c39ae0
  • symbolIcon.propertyForeground#d3a06e
  • symbolIcon.referenceForeground#c39ae0
  • symbolIcon.snippetForeground#a7c07d
  • symbolIcon.stringForeground#d9b877
  • symbolIcon.structForeground#e8836b
  • symbolIcon.textForeground#d9b877
  • symbolIcon.typeParameterForeground#d3a06e
  • symbolIcon.unitForeground#c39ae0
  • symbolIcon.variableForeground#7fbcb0
  • tab.activeBackground#322c26
  • tab.activeBorder#00000000
  • tab.activeForeground#efe7db
  • tab.activeModifiedBorder#00000000
  • tab.border#00000000
  • tab.hoverBackground#2c2823
  • tab.hoverBorder#00000000
  • tab.hoverForeground#f3ece0
  • tab.inactiveBackground#262320
  • tab.inactiveForeground#6f665c
  • tab.inactiveModifiedBorder#00000000
  • tab.lastPinnedBorder#00000000
  • tab.unfocusedActiveBackground#2c2823
  • tab.unfocusedActiveBorder#00000000
  • tab.unfocusedActiveForeground#cfc6b9
  • tab.unfocusedActiveModifiedBorder#00000000
  • tab.unfocusedHoverBackground#262320
  • tab.unfocusedHoverBorder#00000000
  • tab.unfocusedHoverForeground#cfc6b9
  • tab.unfocusedInactiveForeground#8b8177
  • tab.unfocusedInactiveModifiedBorder#00000000
  • terminal.ansiBlack#38332e
  • terminal.ansiBlue#d3a06e
  • terminal.ansiBrightBlack#6f665c
  • terminal.ansiBrightBlue#d3a06e
  • terminal.ansiBrightCyan#7fbcb0
  • terminal.ansiBrightGreen#a7c07d
  • terminal.ansiBrightMagenta#c39ae0
  • terminal.ansiBrightRed#e8836b
  • terminal.ansiBrightWhite#f3ece0
  • terminal.ansiBrightYellow#d9b877
  • terminal.ansiCyan#7fbcb0
  • terminal.ansiGreen#a7c07d
  • terminal.ansiMagenta#c39ae0
  • terminal.ansiRed#e8836b
  • terminal.ansiWhite#f3ece0
  • terminal.ansiYellow#d9b877
  • terminal.background#262320
  • terminal.foreground#cfc6b9
  • terminal.selectionBackground#f3ece026
  • terminalCommandDecoration.defaultBackground#f3ece0
  • terminalCommandDecoration.errorBackground#e8836b
  • terminalCommandDecoration.successBackground#a7c07d
  • terminalCursor.background#00000000
  • terminalCursor.foreground#f3ece0
  • testing.iconErrored#e8836b
  • testing.iconFailed#e8836b
  • testing.iconPassed#a7c07d
  • testing.iconQueued#f3ece0
  • testing.iconSkipped#d3a06e
  • testing.iconUnset#8b8177
  • testing.message.error.decorationForeground#e8836b
  • testing.message.error.lineBackground#e8836b19
  • testing.message.info.decorationForeground#f3ece0
  • testing.message.info.lineBackground#f3ece019
  • testing.runAction#d9b877
  • textBlockQuote.background#38332e
  • textBlockQuote.border#00000000
  • textCodeBlock.background#38332e
  • textLink.activeForeground#f3ece0
  • textLink.foreground#d9b877
  • textPreformat.foreground#f3ece0
  • textSeparator.foreground#6f665c
  • titleBar.activeBackground#262320
  • titleBar.activeForeground#6f665c
  • titleBar.border#00000000
  • titleBar.inactiveBackground#262320
  • titleBar.inactiveForeground#574f47
  • tree.inactiveIndentGuidesStroke#262320
  • tree.indentGuidesStroke#38332e
  • walkThrough.embeddedEditorBackground#221f1c
  • welcomePage.buttonBackground#38332e
  • welcomePage.buttonHoverBackground#4c453e
  • welcomePage.progress.background#6f665c
  • welcomePage.progress.foreground#8b8177
  • welcomePage.tileBackground#38332e
  • welcomePage.tileHoverBackground#4c453e
  • welcomePage.tileShadow#1b1815
  • widget.shadow#00000059

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#6f665citalic
comment storage.type#6f665c
comment entity.name.type#cfc6b9
comment variable, comment variable.other#cfc6b9
comment keyword, comment entity.name.tag, entity.name.tag.documentation#cfc6b9
comment keyword.codetag.notation#c39ae0
comment.git-status.header.remote#e8836b
comment.git-status.header.local#7fbcb0
comment.other.git-status.head#f3ece0
string.quoted.docstring, string.quoted.docstring punctuation.definition#6f665c
constant#c39ae0
constant.other#f3ece0
constant.other.java#c39ae0
constant.other.caps#c39ae0
constant.other.placeholder#d3a06e
constant.other.property#c39ae0
constant.other.citation.latex#c39ae0
constant.other.color#c39ae0
constant.other.character-class.escape#c39ae0
constant.other.key#c39ae0
constant.other.symbol#d3a06e
constant.other.elm#7fbcb0
constant.numeric#c39ae0
constant.language#c39ae0
constant.character.escape#c39ae0
constant.numeric.line-number.find-in-files#4c453e
constant.numeric.line-number.match.find-in-files#d9b877
entity.name.section#d9b877
entity.name.function, entity.name.function.templated, entity.name.function.member.static#a7c07d
entity.name.type.class.templated, entity.name.type.class.generic, entity.name.type.namespace#7fbcb0
entity.name.label#c39ae0
entity.name.function.preprocessor#7fbcb0
entity.name#a7c07d
entity.name.class#7fbcb0
entity.name.constant#c39ae0
entity.name.namespace#7fbcb0
entity.other.inherited-class#7fbcb0italic
entity.name.function#a7c07d
entity.name.tag, entity.name.tag.js.jsx support.class.component.js.jsx, entity.name.tag support.class.component, source.vue support.class.component#e8836b
source.ansible entity.name.tag#7fbcb0
entity.name.function.operator#e8836b
meta.brackets entity.name.function.operator, punctuation.separator entity.name.function.operator#8b8177
entity.name.type, entity.name.type.class.reference, entity.name.type.class.value#7fbcb0
entity.other.attribute-name#7fbcb0italic
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#a7c07d
entity.other.attribute-name.id.css#d3a06e
entity.other.attribute-name.pseudo-class.css, entity.other.pseudo-class.css, entity.other.pseudo-element.css#7fbcb0italic
entity.name.function, support.function#a7c07d
entity.other.git-status.hex#c39ae0
entity.other.jinja2.delimiter#8b8177
entity.name.operator.custom-literal#f3ece0
entity.name.operator.custom-literal.string#d9b877
entity.name.operator.custom-literal.number#c39ae0
entity.name.type.rust#7fbcb0
entity.name.lifetime.rust#e8836b
invalid#e8836bitalic underline
invalid.deprecated#d3a06eitalic underline
keyword#e8836b
keyword.control#e8836b
keyword.control.directive#e8836b
keyword.operator, keyword.operator.member, keyword.operator.new#e8836b
keyword.other.substitution#8b8177
keyword.other.template.begin, keyword.other.template.end#e8836b
keyword.operator.heading.restructuredtext, keyword.operator.table.row.restructuredtext keyword.operator.table.data.restructuredtext#8b8177
keyword.other.parenthesis.elm#8b8177
keyword.other.fn.rust, keyword.other.rust, keyword.other.unsafe.rust, keyword.other.where.rust#7fbcb0
keyword.control.rust, keyword.operator.misc.rust#e8836b
keyword.declaration.class.ruby, keyword.declaration.function.ruby, keyword.declaration.namespace.ruby#e8836b
markup.italicitalic
markup.boldbold
markup.heading#d9b877
markup.raw#d3a06e
markup.underlineunderline
markup.underline.link#a7c07d
markup.inserted, markup.inserted punctuation.definition.inserted#a7c07d
markup.deleted, markup.deleted punctuation.definition.deleted#e8836b
markup.changed, markup.changed punctuation.definition.changed#d9b877
markup.ignored, markup.ignored punctuation.definition.ignored#8b8177
markup.untracked#8b8177
markup.quoteitalic
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#8b8177
meta.function-call.generic.python, support.function.builtin.python#a7c07d
meta.function-call.python meta.function-call.arguments.python#f3ece0
meta.interpolation#d3a06e
meta.instance.constructor#a7c07d
meta.attribute-with-value.class string, meta.attribute.class.html string#a7c07d
meta.attribute-with-value.id string, meta.attribute.id.html string#d3a06e
source.json meta.mapping.key string#f3ece0
source.yaml meta.mapping.key string#e8836b
meta.object.member#f3ece0
meta.property-list.css variable.other#d3a06e
entity.name.constant.preprocessor, meta.preprocessor#c39ae0
meta.diff.git-diff.header#d9b877
meta.type_params.rust#f3ece0
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#cfc6b9
meta.type variable, meta.type variable.other.readwrite, variable.annotation, meta.decorator variable.other.readwrite#c39ae0
punctuation#8b8177
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#8b8177
punctuation.definition.group#f3ece0
punctuation.definition.comment#6f665c
punctuation.definition.variable, punctuation.definition.keyword.scss, punctuation.definition.entity.css#cfc6b9
punctuation.section.embedded, punctuation.section.embedded entity.name.tag, punctuation.section.embedded constant.other, punctuation.section.embedded source, punctuation.section.embedded.begin#d3a06e
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#e8836b
meta.paragraph.markdown meta.dummy.line-break, meta.paragraph.markdown meta.hard-line-break.markdown
markup.underline.link punctuation#a7c07d
meta.brace.round, meta.brace.square, keyword.operator.type.annotation, meta.type storage.modifier.array#8b8177
region.redish#e8836b
region.orangish#d3a06e
region.yellowish#d9b877
region.greenish#a7c07d
region.bluish#7fbcb0
region.purplish#c39ae0
region.pinkish#e8836b
region.whitish#FFFFFF
source#f3ece0
source.scss, source.sass#8b8177
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#d3a06eitalic
source.git-show.commit.sha#c39ae0
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#8b8177
source.git-show meta.diff.git-diff.header.extended.index.from-sha, source.git-show meta.diff.git-diff.header.extended.index.to-sha#c39ae0
source.git-show meta.diff.range.unified#d3a06e
source.git-show meta.diff.header.from-file, source.git-show meta.diff.header.to-file#8b8177
storage#e8836b
storage.type#7fbcb0italic
storage.type.extends#e8836bnormal
storage.type.function.arrow#e8836bnormal
storage.modifier, storage.type.modifier#e8836bitalic
storage.class.restructuredtext.ref#c39ae0
storage.modifier.visibility.rust, storage.modifier.lifetime.rust#e8836b
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#7fbcb0
storage.type.rust, storage.modifier.const.rust, storage.modifier.dyn.rust, storage.modifier.mut.rust, storage.modifier.static.rust, keyword.other.rust, keyword.other.where.rust#e8836b
storage.modifier.import.java#f3ece0
string#d9b877
string.unquoted.label#f3ece0
string source#f3ece0
string source punctuation.section.embedded, string punctuation.definition.string source#8b8177
string.other.link.title, string.other.link.description#e8836b
string.other.link.description.title#7fbcb0
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end#e8836b
string.other.ref, string.other.restructuredtext.ref#a7c07d
string.other.git-status.help.key#cfc6b9
string.other.git-status.remote#e8836b
support.constant#7fbcb0
support.constant.handlebars#8b8177
support.type.vendor-prefix.css#cfc6b9
support.function#a7c07d
support.macro#a7c07d
support.function.delimiter.elm#8b8177
support.type, entity.name.type.object.console#7fbcb0italic
support.variable, support.variable.property#7fbcb0
support.type.property-name#f3ece0normal
support.class#7fbcb0
support.constant.core.rust#c39ae0
comment support, comment support.class#6f665c
text#f3ece0
text.find-in-files#f3ece0
variable, variable.other#f3ece0
variable.parameter, parameters variable.function#d3a06eitalic
variable.language, variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python#cfc6b9italic
variable.language.arguments#c39ae0
variable.other.class#7fbcb0
variable.other.constant#c39ae0
variable.other.readwrite#f3ece0
variable.other.member#f3ece0
variable.other.enummember#c39ae0
variable.other.property, variable.other.property.static, variable.other.event#f3ece0
variable.function#a7c07d
variable.other.substitution#d3a06e
source.ruby variable.other.readwrite.instance.ruby, source.ruby variable.other.readwrite.class.ruby#c39ae0
source.jinja2 variable.other.jinja2.block#a7c07d
source.jinja2 variable.other.jinja2#d3a06e