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#f2ece1
  • activityBar.border#00000000
  • activityBar.foreground#6b6354
  • activityBar.inactiveForeground#b8aa93
  • activityBarBadge.background#bd5537
  • activityBarBadge.foreground#e7dfd1
  • activityBarTop.background#ebe3d6
  • activityBarTop.foreground#4b453b
  • activityBarTop.inactiveForeground#b8aa93
  • activityErrorBadge.background#bd5537
  • activityErrorBadge.foreground#f2ece1
  • activityWarningBadge.background#a2661f
  • activityWarningBadge.foreground#f2ece1
  • badge.background#e1d7c4
  • badge.foreground#786f5f
  • banner.background#e1d7c4
  • banner.foreground#4b453b
  • banner.iconForeground#4b453b
  • breadcrumb.activeSelectionForeground#2b261f
  • breadcrumb.focusForeground#4b453b
  • breadcrumb.foreground#786f5f
  • breadcrumbPicker.background#f2ece1
  • button.background#e1d7c4
  • button.foreground#2b261f
  • button.hoverBackground#b8aa93
  • button.secondaryBackground#e1d7c4
  • button.secondaryForeground#4b453b
  • button.secondaryHoverBackground#b8aa93
  • button.separator#f2ece1
  • charts.blue#2c7b6e
  • charts.foreground#2b261f
  • charts.green#5d7a2f
  • charts.lines#8c8271
  • charts.orange#a2661f
  • charts.purple#7f52a6
  • charts.red#bd5537
  • charts.yellow#8c7118
  • chat.avatarBackground#f2ece1
  • chat.avatarForeground#7f52a6
  • chat.linesAddedForeground#5d7a2f
  • chat.linesRemovedForeground#bd5537
  • chat.requestBackground#e1d7c4
  • chat.requestBorder#00000000
  • chat.requestBubbleBackground#f2ece1
  • chat.requestBubbleHoverBackground#e1d7c4
  • chat.requestCodeBorder#00000000
  • chat.slashCommandBackground#00000000
  • chat.slashCommandForeground#8c7118
  • chat.thinkingShimmer#5d7a2f
  • checkbox.background#e1d7c4
  • checkbox.border#00000000
  • checkbox.foreground#8c7118
  • commandCenter.activeBackground#f2ece1
  • commandCenter.activeForeground#4b453b
  • commandCenter.background#ebe3d6
  • commandCenter.border#00000000
  • commandCenter.debuggingBackground#ebe3d6
  • commandCenter.foreground#786f5f
  • contrastActiveBorder#00000000
  • contrastBorder#00000000
  • debugConsole.errorForeground#bd5537
  • debugConsole.infoForeground#2c7b6e
  • debugConsole.sourceForeground#2b261f
  • debugConsole.warningForeground#a2661f
  • debugConsoleInputIcon.foreground#8c7118
  • debugExceptionWidget.background#e1d7c4
  • debugExceptionWidget.border#00000000
  • debugIcon.breakpointCurrentStackframeForeground#8c7118
  • debugIcon.breakpointDisabledForeground#4b453b
  • debugIcon.breakpointForeground#bd5537
  • debugIcon.breakpointStackframeForeground#2b261f
  • debugIcon.breakpointUnverifiedForeground#a2661f
  • debugIcon.continueForeground#2b261f
  • debugIcon.disconnectForeground#2b261f
  • debugIcon.pauseForeground#2b261f
  • debugIcon.restartForeground#5d7a2f
  • debugIcon.startForeground#5d7a2f
  • debugIcon.stepBackForeground#2b261f
  • debugIcon.stepIntoForeground#2b261f
  • debugIcon.stepOutForeground#2b261f
  • debugIcon.stepOverForeground#2b261f
  • debugIcon.stopForeground#bd5537
  • debugTokenExpression.boolean#a2661f
  • debugTokenExpression.error#bd5537
  • debugTokenExpression.name#2c7b6e
  • debugTokenExpression.number#7f52a6
  • debugTokenExpression.string#8c7118
  • debugTokenExpression.value#2b261f
  • debugToolBar.background#e1d7c4
  • debugView.exceptionLabelBackground#bd5537
  • debugView.exceptionLabelForeground#f2ece1
  • debugView.stateLabelBackground#5d7a2f
  • debugView.stateLabelForeground#f2ece1
  • debugView.valueChangedHighlight#8c7118
  • descriptionForeground#786f5f
  • diffEditor.diagonalFill#e1d7c4
  • diffEditor.insertedLineBackground#5d7a2f19
  • diffEditor.insertedTextBackground#5d7a2f19
  • diffEditor.move.border#00000000
  • diffEditor.moveActive.border#00000000
  • diffEditor.removedLineBackground#bd553719
  • diffEditor.removedTextBackground#bd553719
  • diffEditor.unchangedCodeBackground#ebe3d6
  • diffEditor.unchangedRegionBackground#ebe3d6
  • diffEditor.unchangedRegionForeground#4b453b
  • diffEditor.unchangedRegionShadow#d5cab8
  • diffEditorGutter.insertedLineBackground#5d7a2f19
  • diffEditorGutter.removedLineBackground#bd553719
  • diffEditorOverview.insertedForeground#5d7a2fa5
  • diffEditorOverview.removedForeground#bd5537a5
  • disabledForeground#2b261f26
  • dropdown.background#ebe3d6
  • dropdown.border#00000000
  • dropdown.foreground#786f5f
  • dropdown.listBackground#e1d7c4
  • editor.background#f2ece1
  • editor.findMatchBackground#2b261f26
  • editor.findMatchBorder#00000000
  • editor.findMatchHighlightBackground#2b261f26
  • editor.findMatchHighlightBorder#00000000
  • editor.findRangeHighlightBackground#2b261f0c
  • editor.findRangeHighlightBorder#00000000
  • editor.focusedStackFrameHighlightBackground#4b453b26
  • editor.foldBackground#2b261f0c
  • editor.foreground#3b352c
  • editor.hoverHighlightBackground#2b261f0c
  • editor.inactiveSelectionBackground#2b261f0c
  • editor.inlineValuesBackground#b8aa93
  • editor.inlineValuesForeground#4b453b
  • editor.lineHighlightBackground#ece5d8
  • editor.lineHighlightBorder#00000000
  • editor.linkedEditingBackground#e1d7c4
  • editor.rangeHighlightBackground#e1d7c4
  • editor.rangeHighlightBorder#00000000
  • editor.selectionBackground#4b453b26
  • editor.selectionHighlightBackground#2b261f26
  • editor.selectionHighlightBorder#00000000
  • editor.stackFrameHighlightBackground#4b453b26
  • editor.wordHighlightBackground#2b261f26
  • editor.wordHighlightBorder#00000000
  • editor.wordHighlightStrongBackground#2b261f26
  • editor.wordHighlightStrongBorder#00000000
  • editorBracketHighlight.foreground1#bd5537
  • editorBracketHighlight.foreground2#a2661f
  • editorBracketHighlight.foreground3#8c7118
  • editorBracketHighlight.foreground4#5d7a2f
  • editorBracketHighlight.foreground5#2c7b6e
  • editorBracketHighlight.foreground6#7f52a6
  • editorBracketMatch.background#f2ece1
  • editorBracketMatch.border#00000000
  • editorCodeLens.foreground#8c8271
  • editorCursor.background#f2ece1
  • editorCursor.foreground#bd5537
  • editorError.background#00000000
  • editorError.border#00000000
  • editorError.foreground#bd5537
  • editorGhostText.foreground#8c8271
  • editorGroup.border#00000000
  • editorGroup.dropBackground#ebe3d6bf
  • editorGroup.emptyBackground#f2ece1
  • editorGroup.focusedEmptyBorder#00000000
  • editorGroupHeader.noTabsBackground#f2ece1
  • editorGroupHeader.tabsBackground#f2ece1
  • editorGroupHeader.tabsBorder#00000000
  • editorGutter.addedBackground#5d7a2f
  • editorGutter.background#f2ece1
  • editorGutter.deletedBackground#bd5537
  • editorGutter.foldingControlForeground#4b453b
  • editorGutter.modifiedBackground#a2661f
  • editorHint.border#00000000
  • editorHint.foreground#7f52a6
  • editorHoverWidget.background#ebe3d6
  • editorHoverWidget.border#00000000
  • editorIndentGuide.activeBackground1#cabda6
  • editorIndentGuide.background#e1d7c4
  • editorIndentGuide.background1#e0d6c3
  • editorInfo.background#00000000
  • editorInfo.border#00000000
  • editorInfo.foreground#2c7b6e
  • editorInlayHint.background#e1d7c4
  • editorInlayHint.foreground#786f5f
  • editorInlayHint.parameterBackground#a2661f0c
  • editorInlayHint.parameterForeground#a2661f7f
  • editorInlayHint.typeBackground#7f52a60c
  • editorInlayHint.typeForeground#7f52a67f
  • editorLightBulb.foreground#8c7118
  • editorLightBulbAi.foreground#8c7118
  • editorLightBulbAutoFix.foreground#5d7a2f
  • editorLineNumber.activeForeground#bd5537
  • editorLineNumber.foreground#b0a28b
  • editorLink.activeForeground#2c7b6e
  • editorMarkerNavigation.background#e1d7c4
  • editorMarkerNavigationError.background#bd5537
  • editorMarkerNavigationInfo.background#2c7b6e
  • editorMarkerNavigationWarning.background#a2661f
  • editorOverviewRuler.addedForeground#5d7a2f
  • editorOverviewRuler.border#00000000
  • editorOverviewRuler.currentContentForeground#e1d7c4
  • editorOverviewRuler.deletedForeground#bd5537
  • editorOverviewRuler.errorForeground#bd5537
  • editorOverviewRuler.findMatchForeground#2b261f26
  • editorOverviewRuler.incomingContentForeground#e1d7c4
  • editorOverviewRuler.infoForeground#2c7b6e
  • editorOverviewRuler.modifiedForeground#a2661f
  • editorOverviewRuler.rangeHighlightForeground#2b261f26
  • editorOverviewRuler.selectionHighlightForeground#2b261f26
  • editorOverviewRuler.warningForeground#a2661f
  • editorOverviewRuler.wordHighlightForeground#2b261f26
  • editorOverviewRuler.wordHighlightStrongForeground#2b261f26
  • editorPane.background#f2ece1
  • editorRuler.foreground#b8aa93
  • editorStickyScroll.background#f2ece1
  • editorStickyScroll.border#00000000
  • editorStickyScroll.shadow#f2ece1
  • editorStickyScrollHover.background#2b261f0c
  • editorSuggestWidget.background#ebe3d6
  • editorSuggestWidget.border#00000000
  • editorSuggestWidget.foreground#4b453b
  • editorSuggestWidget.highlightForeground#2b261f
  • editorSuggestWidget.selectedBackground#b8aa93
  • editorUnnecessaryCode.opacity#000000a5
  • editorWarning.background#00000000
  • editorWarning.border#00000000
  • editorWarning.foreground#a2661f
  • editorWhitespace.foreground#d3c8b5
  • editorWidget.background#ebe3d6
  • editorWidget.border#00000000
  • errorForeground#bd5537
  • extensionBadge.remoteBackground#5d7a2f
  • extensionBadge.remoteForeground#2b261f
  • extensionButton.background#e1d7c4
  • extensionButton.foreground#4b453b
  • extensionButton.hoverBackground#b8aa93
  • extensionButton.prominentBackground#e1d7c4
  • extensionButton.prominentForeground#2b261f
  • extensionButton.prominentHoverBackground#b8aa93
  • extensionIcon.preReleaseForeground#7f52a6
  • extensionIcon.sponsorForeground#2c7b6e
  • extensionIcon.starForeground#8c7118
  • extensionIcon.verifiedForeground#5d7a2f
  • focusBorder#00000000
  • foreground#2b261f
  • gitDecoration.addedResourceForeground#5d7a2f
  • gitDecoration.conflictingResourceForeground#a2661f
  • gitDecoration.deletedResourceForeground#bd5537
  • gitDecoration.ignoredResourceForeground#b8aa93
  • gitDecoration.modifiedResourceForeground#8c7118
  • gitDecoration.stageDeletedResourceForeground#bd5537
  • gitDecoration.stageModifiedResourceForeground#8c7118
  • gitDecoration.untrackedResourceForeground#4b453b
  • icon.foreground#786f5f
  • inlineChat.background#f2ece1
  • inlineChat.border#00000000
  • inlineChat.shadow#d5cab8
  • inlineChatDiff.inserted#5d7a2f19
  • inlineChatDiff.removed#5d7a2f19
  • inlineEdit.gutterIndicator.background#e1d7c4
  • inlineEdit.gutterIndicator.primaryBackground#e1d7c4
  • inlineEdit.gutterIndicator.primaryBorder#00000000
  • inlineEdit.gutterIndicator.primaryForeground#7f52a6
  • inlineEdit.gutterIndicator.secondaryBackground#e1d7c4
  • inlineEdit.gutterIndicator.secondaryBorder#00000000
  • inlineEdit.gutterIndicator.secondaryForeground#8c7118
  • inlineEdit.gutterIndicator.successfulBackground#e1d7c4
  • inlineEdit.gutterIndicator.successfulBorder#00000000
  • inlineEdit.gutterIndicator.successfulForeground#5d7a2f
  • inlineEdit.modifiedBackground#5d7a2f19
  • inlineEdit.modifiedBorder#00000000
  • inlineEdit.modifiedChangedLineBackground#5d7a2f19
  • inlineEdit.modifiedChangedTextBackground#5d7a2f19
  • inlineEdit.originalBackground#bd553719
  • inlineEdit.originalBorder#00000000
  • inlineEdit.originalChangedLineBackground#bd553719
  • inlineEdit.originalChangedTextBackground#bd553719
  • inlineEdit.tabWillAcceptModifiedBorder#00000000
  • inlineEdit.tabWillAcceptOriginalBorder#00000000
  • input.background#e5dccb
  • input.border#00000000
  • input.foreground#2b261f
  • input.placeholderForeground#8c8271
  • inputOption.activeBackground#b8aa93
  • inputOption.activeBorder#00000000
  • inputOption.activeForeground#2b261f
  • inputOption.hoverBackground#b8aa93
  • inputValidation.errorBackground#e1d7c4
  • inputValidation.errorBorder#00000000
  • inputValidation.errorForeground#bd5537
  • inputValidation.infoBackground#e1d7c4
  • inputValidation.infoBorder#00000000
  • inputValidation.infoForeground#2c7b6e
  • inputValidation.warningBackground#e1d7c4
  • inputValidation.warningBorder#00000000
  • inputValidation.warningForeground#a2661f
  • interactive.activeCodeBorder#00000000
  • interactive.inactiveCodeBorder#00000000
  • keybindingLabel.background#b8aa93
  • keybindingLabel.border#00000000
  • keybindingLabel.bottomBorder#00000000
  • keybindingLabel.foreground#4b453b
  • list.activeSelectionBackground#e5dccb
  • list.activeSelectionForeground#332e26
  • list.dropBackground#d5cab8bf
  • list.errorForeground#bd5537
  • list.focusBackground#f2ece1
  • list.focusForeground#2b261f
  • list.focusOutline#00000000
  • list.highlightForeground#2b261f
  • list.hoverBackground#ece5d8
  • list.hoverForeground#2b261f
  • list.inactiveFocusBackground#f2ece1
  • list.inactiveSelectionBackground#ece5d8
  • list.inactiveSelectionForeground#8c7118
  • list.invalidItemForeground#bd5537
  • list.warningForeground#a2661f
  • listFilterWidget.background#f2ece1
  • listFilterWidget.noMatchesOutline#bd5537
  • listFilterWidget.outline#f2ece1
  • listFilterWidget.shadow#d5cab8
  • menu.background#ebe3d6
  • menu.border#00000000
  • menu.foreground#2b261f
  • menu.selectionForeground#8c7118
  • menu.separatorBackground#e1d7c4
  • menubar.selectionForeground#2b261f
  • merge.border#00000000
  • merge.commonContentBackground#2b261f19
  • merge.commonHeaderBackground#2b261f26
  • merge.currentContentBackground#bd553719
  • merge.currentHeaderBackground#bd553726
  • merge.incomingContentBackground#5d7a2f19
  • merge.incomingHeaderBackground#5d7a2f26
  • mergeEditor.change.background#2b261f19
  • mergeEditor.change.word.background#2b261f19
  • mergeEditor.conflict.handled.minimapOverViewRuler#5d7a2f
  • mergeEditor.conflict.handledFocused.border#00000000
  • mergeEditor.conflict.handledUnfocused.border#00000000
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#bd5537
  • mergeEditor.conflict.unhandledFocused.border#00000000
  • mergeEditor.conflict.unhandledUnfocused.border#00000000
  • minimap.chatEditHighlight#7f52a6a5
  • minimap.errorHighlight#bd5537a5
  • minimap.findMatchHighlight#786f5fa5
  • minimap.infoHighlight#2c7b6ea5
  • minimap.selectionHighlight#4b453b26
  • minimap.selectionOccurrenceHighlight#8c8271a5
  • minimap.warningHighlight#a2661fa5
  • minimapGutter.addedBackground#5d7a2f
  • minimapGutter.deletedBackground#bd5537
  • minimapGutter.modifiedBackground#8c7118
  • notebook.cellBorderColor#00000000
  • notebook.cellEditorBackground#ebe3d67f
  • notebook.cellInsertionIndicator#2b261f
  • notebook.cellStatusBarItemHoverBackground#8c8271
  • notebook.cellToolbarSeparator#e1d7c4
  • notebook.editorBackground#f2ece1
  • notebook.focusedEditorBorder#00000000
  • notebookStatusErrorIcon.foreground#bd5537
  • notebookStatusRunningIcon.foreground#2b261f
  • notebookStatusSuccessIcon.foreground#5d7a2f
  • notificationCenter.border#00000000
  • notificationCenterHeader.background#e1d7c4
  • notificationCenterHeader.foreground#786f5f
  • notificationLink.foreground#8c7118
  • notifications.background#e1d7c4
  • notifications.border#00000000
  • notifications.foreground#4b453b
  • notificationsErrorIcon.foreground#bd5537
  • notificationsInfoIcon.foreground#2c7b6e
  • notificationsWarningIcon.foreground#a2661f
  • notificationToast.border#00000000
  • panel.background#f2ece1
  • panel.border#00000000
  • panel.dropBackground#ebe3d6bf
  • panelStickyScroll.background#e1d7c4
  • panelStickyScroll.border#00000000
  • panelStickyScroll.shadow#e1d7c4
  • panelTitle.activeBorder#00000000
  • panelTitle.activeForeground#332e26
  • panelTitle.inactiveForeground#a29580
  • panelTitleBadge.background#8c7118
  • panelTitleBadge.foreground#f2ece1
  • peekView.border#00000000
  • peekViewEditor.background#ebe3d6
  • peekViewEditor.matchHighlightBackground#b8aa93
  • peekViewEditorGutter.background#e1d7c4
  • peekViewResult.background#e1d7c4
  • peekViewResult.fileForeground#786f5f
  • peekViewResult.lineForeground#786f5f
  • peekViewResult.matchHighlightBackground#b8aa93
  • peekViewResult.selectionBackground#e1d7c4
  • peekViewResult.selectionForeground#2b261f
  • peekViewTitle.background#ebe3d6
  • peekViewTitleDescription.foreground#786f5f
  • peekViewTitleLabel.foreground#2b261f
  • pickerGroup.border#00000000
  • pickerGroup.foreground#b8aa93
  • ports.iconRunningProcessForeground#5d7a2f
  • problemsErrorIcon.foreground#bd5537
  • problemsInfoIcon.foreground#2c7b6e
  • problemsWarningIcon.foreground#a2661f
  • profileBadge.background#e1d7c4
  • profileBadge.foreground#4b453b
  • progressBar.background#8c8271
  • quickInput.background#ebe3d6
  • quickInput.foreground#786f5f
  • radio.activeBackground#e1d7c4
  • radio.activeBorder#00000000
  • radio.activeForeground#8c7118
  • radio.inactiveBackground#f2ece1
  • radio.inactiveBorder#00000000
  • radio.inactiveForeground#786f5f
  • radio.inactiveHoverBackground#e1d7c4
  • sash.hoverBorder#00000000
  • scmGraph.foreground1#bd5537
  • scmGraph.foreground2#a2661f
  • scmGraph.foreground3#8c7118
  • scmGraph.foreground4#5d7a2f
  • scmGraph.foreground5#7f52a6
  • scmGraph.historyItemBaseRefColor#2c7b6e
  • scmGraph.historyItemHoverAdditionsForeground#5d7a2f
  • scmGraph.historyItemHoverDefaultLabelBackground#8c8271
  • scmGraph.historyItemHoverDefaultLabelForeground#f2ece1
  • scmGraph.historyItemHoverDeletionsForeground#bd5537
  • scmGraph.historyItemHoverLabelForeground#f2ece1
  • scmGraph.historyItemRefColor#7f52a6
  • scmGraph.historyItemRemoteRefColor#5d7a2f
  • scrollbar.shadow#f2ece1
  • scrollbarSlider.activeBackground#8c8271
  • scrollbarSlider.background#a2958059
  • scrollbarSlider.hoverBackground#a29580aa
  • selection.background#4b453b26
  • settings.checkboxBackground#e1d7c4
  • settings.checkboxBorder#00000000
  • settings.checkboxForeground#8c7118
  • settings.dropdownBackground#e1d7c4
  • settings.dropdownBorder#00000000
  • settings.dropdownForeground#2b261f
  • settings.dropdownListBorder#00000000
  • settings.focusedRowBackground#e1d7c4
  • settings.focusedRowBorder#00000000
  • settings.headerForeground#8c7118
  • settings.modifiedItemForeground#8c7118
  • settings.modifiedItemIndicator#8c7118
  • settings.numberInputBackground#e1d7c4
  • settings.numberInputBorder#00000000
  • settings.numberInputForeground#2b261f
  • settings.rowHoverBackground#2b261f0c
  • settings.sashBorder#00000000
  • settings.settingsHeaderHoverForeground#2b261f
  • settings.textInputBackground#e1d7c4
  • settings.textInputBorder#00000000
  • settings.textInputForeground#2b261f
  • sideBar.background#f2ece1
  • sideBar.border#00000000
  • sideBar.dropBackground#ebe3d6bf
  • sideBar.foreground#7c7364
  • sideBarSectionHeader.background#f2ece1
  • sideBarSectionHeader.foreground#a29580
  • sideBarStickyScroll.background#ebe3d6
  • sideBarStickyScroll.border#00000000
  • sideBarStickyScroll.shadow#ebe3d6
  • sideBarTitle.foreground#a29580
  • simpleFindWidget.sashBorder#00000000
  • statusBar.background#f2ece1
  • statusBar.border#00000000
  • statusBar.debuggingBackground#f2ece1
  • statusBar.debuggingBorder#00000000
  • statusBar.debuggingForeground#bd5537
  • statusBar.focusBorder#00000000
  • statusBar.foreground#a29580
  • statusBar.noFolderBackground#f2ece1
  • statusBar.noFolderBorder#00000000
  • statusBar.noFolderForeground#8c8271
  • statusBarItem.activeBackground#f2ece1
  • statusBarItem.errorBackground#f2ece1
  • statusBarItem.errorForeground#bd5537
  • statusBarItem.focusBorder#00000000
  • statusBarItem.hoverBackground#ebe3d6
  • statusBarItem.hoverForeground#2b261f
  • statusBarItem.offlineBackground
  • statusBarItem.offlineForeground
  • statusBarItem.prominentBackground#e1d7c4
  • statusBarItem.prominentHoverBackground#e1d7c4
  • statusBarItem.remoteBackground#e5dccb
  • statusBarItem.remoteForeground#4b453b
  • statusBarItem.remoteHoverBackground#5d7a2f
  • statusBarItem.remoteHoverForeground#f2ece1
  • statusBarItem.warningBackground#f2ece1
  • statusBarItem.warningForeground#a2661f
  • symbolIcon.arrayForeground#bd5537
  • symbolIcon.booleanForeground#bd5537
  • symbolIcon.classForeground#2c7b6e
  • symbolIcon.colorForeground#7f52a6
  • symbolIcon.constantForeground#7f52a6
  • symbolIcon.constructorForeground#5d7a2f
  • symbolIcon.enumeratorForeground#a2661f
  • symbolIcon.enumeratorMemberForeground#a2661f
  • symbolIcon.eventForeground#a2661f
  • symbolIcon.fieldForeground#a2661f
  • symbolIcon.fileForeground#4b453b
  • symbolIcon.folderForeground#4b453b
  • symbolIcon.functionForeground#5d7a2f
  • symbolIcon.interfaceForeground#2c7b6e
  • symbolIcon.keyForeground#a2661f
  • symbolIcon.keywordForeground#bd5537
  • symbolIcon.methodForeground#5d7a2f
  • symbolIcon.moduleForeground#2c7b6e
  • symbolIcon.namespaceForeground#2c7b6e
  • symbolIcon.nullForeground#7f52a6
  • symbolIcon.numberForeground#7f52a6
  • symbolIcon.objectForeground#2c7b6e
  • symbolIcon.operatorForeground#bd5537
  • symbolIcon.packageForeground#7f52a6
  • symbolIcon.propertyForeground#a2661f
  • symbolIcon.referenceForeground#7f52a6
  • symbolIcon.snippetForeground#5d7a2f
  • symbolIcon.stringForeground#8c7118
  • symbolIcon.structForeground#bd5537
  • symbolIcon.textForeground#8c7118
  • symbolIcon.typeParameterForeground#a2661f
  • symbolIcon.unitForeground#7f52a6
  • symbolIcon.variableForeground#2c7b6e
  • tab.activeBackground#e5dccb
  • tab.activeBorder#00000000
  • tab.activeForeground#332e26
  • tab.activeModifiedBorder#00000000
  • tab.border#00000000
  • tab.hoverBackground#ece5d8
  • tab.hoverBorder#00000000
  • tab.hoverForeground#2b261f
  • tab.inactiveBackground#f2ece1
  • tab.inactiveForeground#8c8271
  • tab.inactiveModifiedBorder#00000000
  • tab.lastPinnedBorder#00000000
  • tab.unfocusedActiveBackground#ece5d8
  • tab.unfocusedActiveBorder#00000000
  • tab.unfocusedActiveForeground#4b453b
  • tab.unfocusedActiveModifiedBorder#00000000
  • tab.unfocusedHoverBackground#f2ece1
  • tab.unfocusedHoverBorder#00000000
  • tab.unfocusedHoverForeground#4b453b
  • tab.unfocusedInactiveForeground#786f5f
  • tab.unfocusedInactiveModifiedBorder#00000000
  • terminal.ansiBlack#e1d7c4
  • terminal.ansiBlue#a2661f
  • terminal.ansiBrightBlack#8c8271
  • terminal.ansiBrightBlue#a2661f
  • terminal.ansiBrightCyan#2c7b6e
  • terminal.ansiBrightGreen#5d7a2f
  • terminal.ansiBrightMagenta#7f52a6
  • terminal.ansiBrightRed#bd5537
  • terminal.ansiBrightWhite#2b261f
  • terminal.ansiBrightYellow#8c7118
  • terminal.ansiCyan#2c7b6e
  • terminal.ansiGreen#5d7a2f
  • terminal.ansiMagenta#7f52a6
  • terminal.ansiRed#bd5537
  • terminal.ansiWhite#2b261f
  • terminal.ansiYellow#8c7118
  • terminal.background#f2ece1
  • terminal.foreground#4b453b
  • terminal.selectionBackground#2b261f26
  • terminalCommandDecoration.defaultBackground#2b261f
  • terminalCommandDecoration.errorBackground#bd5537
  • terminalCommandDecoration.successBackground#5d7a2f
  • terminalCursor.background#00000000
  • terminalCursor.foreground#2b261f
  • testing.iconErrored#bd5537
  • testing.iconFailed#bd5537
  • testing.iconPassed#5d7a2f
  • testing.iconQueued#2b261f
  • testing.iconSkipped#a2661f
  • testing.iconUnset#786f5f
  • testing.message.error.decorationForeground#bd5537
  • testing.message.error.lineBackground#bd553719
  • testing.message.info.decorationForeground#2b261f
  • testing.message.info.lineBackground#2b261f19
  • testing.runAction#8c7118
  • textBlockQuote.background#e1d7c4
  • textBlockQuote.border#00000000
  • textCodeBlock.background#e1d7c4
  • textLink.activeForeground#2b261f
  • textLink.foreground#8c7118
  • textPreformat.foreground#2b261f
  • textSeparator.foreground#8c8271
  • titleBar.activeBackground#f2ece1
  • titleBar.activeForeground#8c8271
  • titleBar.border#00000000
  • titleBar.inactiveBackground#f2ece1
  • titleBar.inactiveForeground#a29580
  • tree.inactiveIndentGuidesStroke#f2ece1
  • tree.indentGuidesStroke#e1d7c4
  • walkThrough.embeddedEditorBackground#ebe3d6
  • welcomePage.buttonBackground#e1d7c4
  • welcomePage.buttonHoverBackground#b8aa93
  • welcomePage.progress.background#8c8271
  • welcomePage.progress.foreground#786f5f
  • welcomePage.tileBackground#e1d7c4
  • welcomePage.tileHoverBackground#b8aa93
  • welcomePage.tileShadow#d5cab8
  • 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#8c8271italic
comment storage.type#8c8271
comment entity.name.type#4b453b
comment variable, comment variable.other#4b453b
comment keyword, comment entity.name.tag, entity.name.tag.documentation#4b453b
comment keyword.codetag.notation#7f52a6
comment.git-status.header.remote#bd5537
comment.git-status.header.local#2c7b6e
comment.other.git-status.head#2b261f
string.quoted.docstring, string.quoted.docstring punctuation.definition#8c8271
constant#7f52a6
constant.other#2b261f
constant.other.java#7f52a6
constant.other.caps#7f52a6
constant.other.placeholder#a2661f
constant.other.property#7f52a6
constant.other.citation.latex#7f52a6
constant.other.color#7f52a6
constant.other.character-class.escape#7f52a6
constant.other.key#7f52a6
constant.other.symbol#a2661f
constant.other.elm#2c7b6e
constant.numeric#7f52a6
constant.language#7f52a6
constant.character.escape#7f52a6
constant.numeric.line-number.find-in-files#b8aa93
constant.numeric.line-number.match.find-in-files#8c7118
entity.name.section#8c7118
entity.name.function, entity.name.function.templated, entity.name.function.member.static#5d7a2f
entity.name.type.class.templated, entity.name.type.class.generic, entity.name.type.namespace#2c7b6e
entity.name.label#7f52a6
entity.name.function.preprocessor#2c7b6e
entity.name#5d7a2f
entity.name.class#2c7b6e
entity.name.constant#7f52a6
entity.name.namespace#2c7b6e
entity.other.inherited-class#2c7b6eitalic
entity.name.function#5d7a2f
entity.name.tag, entity.name.tag.js.jsx support.class.component.js.jsx, entity.name.tag support.class.component, source.vue support.class.component#bd5537
source.ansible entity.name.tag#2c7b6e
entity.name.function.operator#bd5537
meta.brackets entity.name.function.operator, punctuation.separator entity.name.function.operator#786f5f
entity.name.type, entity.name.type.class.reference, entity.name.type.class.value#2c7b6e
entity.other.attribute-name#2c7b6eitalic
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#5d7a2f
entity.other.attribute-name.id.css#a2661f
entity.other.attribute-name.pseudo-class.css, entity.other.pseudo-class.css, entity.other.pseudo-element.css#2c7b6eitalic
entity.name.function, support.function#5d7a2f
entity.other.git-status.hex#7f52a6
entity.other.jinja2.delimiter#786f5f
entity.name.operator.custom-literal#2b261f
entity.name.operator.custom-literal.string#8c7118
entity.name.operator.custom-literal.number#7f52a6
entity.name.type.rust#2c7b6e
entity.name.lifetime.rust#bd5537
invalid#bd5537italic underline
invalid.deprecated#a2661fitalic underline
keyword#bd5537
keyword.control#bd5537
keyword.control.directive#bd5537
keyword.operator, keyword.operator.member, keyword.operator.new#bd5537
keyword.other.substitution#786f5f
keyword.other.template.begin, keyword.other.template.end#bd5537
keyword.operator.heading.restructuredtext, keyword.operator.table.row.restructuredtext keyword.operator.table.data.restructuredtext#786f5f
keyword.other.parenthesis.elm#786f5f
keyword.other.fn.rust, keyword.other.rust, keyword.other.unsafe.rust, keyword.other.where.rust#2c7b6e
keyword.control.rust, keyword.operator.misc.rust#bd5537
keyword.declaration.class.ruby, keyword.declaration.function.ruby, keyword.declaration.namespace.ruby#bd5537
markup.italicitalic
markup.boldbold
markup.heading#8c7118
markup.raw#a2661f
markup.underlineunderline
markup.underline.link#5d7a2f
markup.inserted, markup.inserted punctuation.definition.inserted#5d7a2f
markup.deleted, markup.deleted punctuation.definition.deleted#bd5537
markup.changed, markup.changed punctuation.definition.changed#8c7118
markup.ignored, markup.ignored punctuation.definition.ignored#786f5f
markup.untracked#786f5f
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#786f5f
meta.function-call.generic.python, support.function.builtin.python#5d7a2f
meta.function-call.python meta.function-call.arguments.python#2b261f
meta.interpolation#a2661f
meta.instance.constructor#5d7a2f
meta.attribute-with-value.class string, meta.attribute.class.html string#5d7a2f
meta.attribute-with-value.id string, meta.attribute.id.html string#a2661f
source.json meta.mapping.key string#2b261f
source.yaml meta.mapping.key string#bd5537
meta.object.member#2b261f
meta.property-list.css variable.other#a2661f
entity.name.constant.preprocessor, meta.preprocessor#7f52a6
meta.diff.git-diff.header#8c7118
meta.type_params.rust#2b261f
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#4b453b
meta.type variable, meta.type variable.other.readwrite, variable.annotation, meta.decorator variable.other.readwrite#7f52a6
punctuation#786f5f
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#786f5f
punctuation.definition.group#2b261f
punctuation.definition.comment#8c8271
punctuation.definition.variable, punctuation.definition.keyword.scss, punctuation.definition.entity.css#4b453b
punctuation.section.embedded, punctuation.section.embedded entity.name.tag, punctuation.section.embedded constant.other, punctuation.section.embedded source, punctuation.section.embedded.begin#a2661f
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#bd5537
meta.paragraph.markdown meta.dummy.line-break, meta.paragraph.markdown meta.hard-line-break.markdown
markup.underline.link punctuation#5d7a2f
meta.brace.round, meta.brace.square, keyword.operator.type.annotation, meta.type storage.modifier.array#786f5f
region.redish#bd5537
region.orangish#a2661f
region.yellowish#8c7118
region.greenish#5d7a2f
region.bluish#2c7b6e
region.purplish#7f52a6
region.pinkish#bd5537
region.whitish#000000
source#2b261f
source.scss, source.sass#786f5f
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#a2661fitalic
source.git-show.commit.sha#7f52a6
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#786f5f
source.git-show meta.diff.git-diff.header.extended.index.from-sha, source.git-show meta.diff.git-diff.header.extended.index.to-sha#7f52a6
source.git-show meta.diff.range.unified#a2661f
source.git-show meta.diff.header.from-file, source.git-show meta.diff.header.to-file#786f5f
storage#bd5537
storage.type#2c7b6eitalic
storage.type.extends#bd5537normal
storage.type.function.arrow#bd5537normal
storage.modifier, storage.type.modifier#bd5537italic
storage.class.restructuredtext.ref#7f52a6
storage.modifier.visibility.rust, storage.modifier.lifetime.rust#bd5537
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#2c7b6e
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#bd5537
storage.modifier.import.java#2b261f
string#8c7118
string.unquoted.label#2b261f
string source#2b261f
string source punctuation.section.embedded, string punctuation.definition.string source#786f5f
string.other.link.title, string.other.link.description#bd5537
string.other.link.description.title#2c7b6e
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end#bd5537
string.other.ref, string.other.restructuredtext.ref#5d7a2f
string.other.git-status.help.key#4b453b
string.other.git-status.remote#bd5537
support.constant#2c7b6e
support.constant.handlebars#786f5f
support.type.vendor-prefix.css#4b453b
support.function#5d7a2f
support.macro#5d7a2f
support.function.delimiter.elm#786f5f
support.type, entity.name.type.object.console#2c7b6eitalic
support.variable, support.variable.property#2c7b6e
support.type.property-name#2b261fnormal
support.class#2c7b6e
support.constant.core.rust#7f52a6
comment support, comment support.class#8c8271
text#2b261f
text.find-in-files#2b261f
variable, variable.other#2b261f
variable.parameter, parameters variable.function#a2661fitalic
variable.language, variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python#4b453bitalic
variable.language.arguments#7f52a6
variable.other.class#2c7b6e
variable.other.constant#7f52a6
variable.other.readwrite#2b261f
variable.other.member#2b261f
variable.other.enummember#7f52a6
variable.other.property, variable.other.property.static, variable.other.event#2b261f
variable.function#5d7a2f
variable.other.substitution#a2661f
source.ruby variable.other.readwrite.instance.ruby, source.ruby variable.other.readwrite.class.ruby#7f52a6
source.jinja2 variable.other.jinja2.block#5d7a2f
source.jinja2 variable.other.jinja2#a2661f