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.activeBorder#9E4C3B
  • activityBar.activeFocusBorder#CC7C5E
  • activityBar.background#F3F3F3
  • activityBar.border#F2F2F2
  • activityBar.foreground#9E4C3B
  • activityBar.inactiveForeground#6E737A
  • activityBarBadge.background#9E4C3B
  • activityBarBadge.foreground#FFFFFF
  • activityBarTop.background#FAFAFA
  • activityBarTop.foreground#4B4F54
  • activityBarTop.inactiveForeground#DADDE1
  • activityErrorBadge.background#B42318
  • activityErrorBadge.foreground#FFFFFF
  • activityWarningBadge.background#A15C16
  • activityWarningBadge.foreground#FFFFFF
  • badge.background#9E4C3B
  • badge.foreground#FFFFFF
  • banner.background#F3F3F3
  • banner.foreground#4B4F54
  • banner.iconForeground#4B4F54
  • breadcrumb.activeSelectionForeground#1F2328
  • breadcrumb.focusForeground#4B4F54
  • breadcrumb.foreground#6E737A
  • breadcrumbPicker.background#FFFFFF
  • button.background#9E4C3B
  • button.border#7C3F31
  • button.foreground#FFFFFF
  • button.hoverBackground#B85A44
  • button.secondaryBackground#9E4C3B12
  • button.secondaryBorder#9E4C3B55
  • button.secondaryForeground#9E4C3B
  • button.secondaryHoverBackground#9E4C3B22
  • button.separator#FFFFFF
  • charts.blue#267F99
  • charts.foreground#1F2328
  • charts.green#567C30
  • charts.lines#8A8F98
  • charts.orange#A15C16
  • charts.purple#8250DF
  • charts.red#B42318
  • charts.yellow#9E4C3B
  • chat.avatarBackground#FFFFFF
  • chat.avatarForeground#8250DF
  • chat.linesAddedForeground#567C30A5
  • chat.linesRemovedForeground#B42318A5
  • chat.requestBackground#F3F3F3
  • chat.requestBorder#DADDE1
  • chat.requestBubbleBackground#FFFFFFBF
  • chat.requestBubbleHoverBackground#F3F3F3BF
  • chat.requestCodeBorder#F3F3F3A5
  • chat.slashCommandBackground#00000000
  • chat.slashCommandForeground#9E4C3B
  • chat.thinkingShimmer#567C30A5
  • checkbox.background#F3F3F3
  • checkbox.border#DADDE1
  • checkbox.foreground#9E4C3B
  • commandCenter.activeBackground#FFFFFF
  • commandCenter.activeForeground#4B4F54
  • commandCenter.background#FAFAFA
  • commandCenter.border#FFFFFF
  • commandCenter.debuggingBackground#FAFAFABF
  • commandCenter.foreground#6E737A
  • debugConsole.errorForeground#B42318
  • debugConsole.infoForeground#267F99
  • debugConsole.sourceForeground#1F2328
  • debugConsole.warningForeground#A15C16
  • debugConsoleInputIcon.foreground#9E4C3B
  • debugExceptionWidget.background#F3F3F3
  • debugExceptionWidget.border#FAFAFA
  • debugIcon.breakpointCurrentStackframeForeground#9E4C3B
  • debugIcon.breakpointDisabledForeground#4B4F54
  • debugIcon.breakpointForeground#B42318
  • debugIcon.breakpointStackframeForeground#1F2328
  • debugIcon.breakpointUnverifiedForeground#A15C16
  • debugIcon.continueForeground#1F2328
  • debugIcon.disconnectForeground#1F2328
  • debugIcon.pauseForeground#1F2328
  • debugIcon.restartForeground#567C30
  • debugIcon.startForeground#567C30
  • debugIcon.stepBackForeground#1F2328
  • debugIcon.stepIntoForeground#1F2328
  • debugIcon.stepOutForeground#1F2328
  • debugIcon.stepOverForeground#1F2328
  • debugIcon.stopForeground#B42318
  • debugTokenExpression.boolean#A15C16
  • debugTokenExpression.error#B42318
  • debugTokenExpression.name#267F99
  • debugTokenExpression.number#8250DF
  • debugTokenExpression.string#9E4C3B
  • debugTokenExpression.value#1F2328
  • debugToolBar.background#F3F3F3
  • debugView.exceptionLabelBackground#B42318
  • debugView.exceptionLabelForeground#FFFFFF
  • debugView.stateLabelBackground#567C30
  • debugView.stateLabelForeground#FFFFFF
  • debugView.valueChangedHighlight#9E4C3B
  • descriptionForeground#6E737A
  • diffEditor.diagonalFill#F3F3F3
  • diffEditor.insertedLineBackground#567C3019
  • diffEditor.insertedTextBackground#567C3019
  • diffEditor.move.border#00000000
  • diffEditor.moveActive.border#00000000
  • diffEditor.removedLineBackground#B4231819
  • diffEditor.removedTextBackground#B4231819
  • diffEditor.unchangedCodeBackground#FAFAFA
  • diffEditor.unchangedRegionBackground#FAFAFA
  • diffEditor.unchangedRegionForeground#4B4F54
  • diffEditor.unchangedRegionShadow#F2F2F2
  • diffEditorGutter.insertedLineBackground#567C3019
  • diffEditorGutter.removedLineBackground#B4231819
  • diffEditorOverview.insertedForeground#567C30A5
  • diffEditorOverview.removedForeground#B42318A5
  • disabledForeground#A0A4AA
  • dropdown.background#FFFFFF
  • dropdown.border#DADDE1
  • dropdown.foreground#1F2328
  • dropdown.listBackground#FFFFFF
  • editor.background#FFFFFF
  • editor.findMatchBackground#1F232826
  • editor.findMatchBorder#9E4C3B
  • editor.findMatchHighlightBackground#1F232826
  • editor.findMatchHighlightBorder#00000000
  • editor.findRangeHighlightBackground#1F23280C
  • editor.findRangeHighlightBorder#00000000
  • editor.focusedStackFrameHighlightBackground#4B4F5426
  • editor.foldBackground#1F23280C
  • editor.foreground#1F2328
  • editor.hoverHighlightBackground#1F23280C
  • editor.inactiveSelectionBackground#9E4C3B1E
  • editor.inlineValuesBackground#DADDE1
  • editor.inlineValuesForeground#4B4F54
  • editor.lineHighlightBackground#00000005
  • editor.lineHighlightBorder#00000000
  • editor.linkedEditingBackground#F3F3F3
  • editor.rangeHighlightBackground#F3F3F359
  • editor.rangeHighlightBorder#F3F3F3
  • editor.selectionBackground#9E4C3B2E
  • editor.selectionHighlightBackground#9E4C3B18
  • editor.selectionHighlightBorder#00000000
  • editor.stackFrameHighlightBackground#4B4F5426
  • editor.wordHighlightBackground#00000008
  • editor.wordHighlightBorder#00000000
  • editor.wordHighlightStrongBackground#9E4C3B1D
  • editor.wordHighlightStrongBorder#00000000
  • editorActionList.background#FFFFFF
  • editorActionList.focusBackground#9E4C3B
  • editorActionList.focusForeground#FFFFFF
  • editorActionList.foreground#1F2328
  • editorBracketHighlight.foreground1#9E4C3B
  • editorBracketHighlight.foreground2#CC7C5E
  • editorBracketHighlight.foreground3#D97757
  • editorBracketHighlight.foreground4#7B7974
  • editorBracketHighlight.foreground5#B85A44
  • editorBracketHighlight.foreground6#A15C16
  • editorBracketHighlight.unexpectedBracket.foreground#B42318
  • editorBracketMatch.background#00000006
  • editorBracketMatch.border#9E4C3B
  • editorBracketMatch.foreground#9E4C3B
  • editorBracketPairGuide.activeBackground1#9E4C3B
  • editorBracketPairGuide.activeBackground2#CC7C5E
  • editorBracketPairGuide.activeBackground3#D97757
  • editorBracketPairGuide.activeBackground4#7B7974
  • editorBracketPairGuide.activeBackground5#B85A44
  • editorBracketPairGuide.activeBackground6#A15C16
  • editorBracketPairGuide.background1#9E4C3B24
  • editorBracketPairGuide.background2#CC7C5E24
  • editorBracketPairGuide.background3#D9775724
  • editorBracketPairGuide.background4#6E737A24
  • editorBracketPairGuide.background5#B85A4424
  • editorBracketPairGuide.background6#A15C1624
  • editorCodeLens.foreground#6E737A
  • editorCursor.background#FFFFFF
  • editorCursor.foreground#9E4C3B
  • editorError.background#00000000
  • editorError.border#00000000
  • editorError.foreground#B42318
  • editorGhostText.foreground#8A8F98
  • editorGroup.border#DADDE1
  • editorGroup.dropBackground#FAFAFABF
  • editorGroup.emptyBackground#F2F2F2
  • editorGroup.focusedEmptyBorder#FAFAFA
  • editorGroupHeader.border#00000000
  • editorGroupHeader.noTabsBackground#FAFAFA
  • editorGroupHeader.tabsBackground#F3F3F3
  • editorGroupHeader.tabsBorder#00000000
  • editorGutter.addedBackground#567C30
  • editorGutter.background#FFFFFF
  • editorGutter.deletedBackground#B42318
  • editorGutter.foldingControlForeground#4B4F54
  • editorGutter.modifiedBackground#A15C16
  • editorHint.border#FFFFFF
  • editorHint.foreground#8250DF
  • editorHoverWidget.background#FFFFFF
  • editorHoverWidget.border#DADDE1
  • editorHoverWidget.foreground#1F2328
  • editorHoverWidget.highlightForeground#9E4C3B
  • editorHoverWidget.statusBarBackground#FAFAFA
  • editorIndentGuide.activeBackground1#CC7C5E75
  • editorIndentGuide.background1#DADDE1
  • editorInfo.background#00000000
  • editorInfo.border#FFFFFF
  • editorInfo.foreground#267F99
  • editorInlayHint.background#F3F3F3
  • editorInlayHint.foreground#6E737A
  • editorInlayHint.parameterBackground#A15C160C
  • editorInlayHint.parameterForeground#A15C167F
  • editorInlayHint.typeBackground#8250DF0C
  • editorInlayHint.typeForeground#8250DF7F
  • editorLightBulb.foreground#9E4C3B
  • editorLightBulbAi.foreground#9E4C3B
  • editorLightBulbAutoFix.foreground#567C30
  • editorLineNumber.activeForeground#9E4C3B
  • editorLineNumber.foreground#8A8F98
  • editorLink.activeForeground#9E4C3B
  • editorMarkerNavigation.background#F3F3F3
  • editorMarkerNavigationError.background#B42318
  • editorMarkerNavigationInfo.background#267F99
  • editorMarkerNavigationWarning.background#A15C16
  • editorOverviewRuler.addedForeground#567C30
  • editorOverviewRuler.border#FFFFFF
  • editorOverviewRuler.currentContentForeground#F3F3F3
  • editorOverviewRuler.deletedForeground#B42318
  • editorOverviewRuler.errorForeground#B42318
  • editorOverviewRuler.findMatchForeground#1F232826
  • editorOverviewRuler.incomingContentForeground#F3F3F3
  • editorOverviewRuler.infoForeground#267F99
  • editorOverviewRuler.modifiedForeground#A15C16
  • editorOverviewRuler.rangeHighlightForeground#1F232826
  • editorOverviewRuler.selectionHighlightForeground#1F232826
  • editorOverviewRuler.warningForeground#A15C16
  • editorOverviewRuler.wordHighlightForeground#1F232826
  • editorOverviewRuler.wordHighlightStrongForeground#1F232826
  • editorPane.background#FFFFFF
  • editorRuler.foreground#DADDE1
  • editorStickyScroll.background#FFFFFF
  • editorStickyScroll.border#F3F3F3
  • editorStickyScroll.shadow#FFFFFF
  • editorStickyScrollHover.background#1F23280C
  • editorSuggestWidget.background#F3F3F3
  • editorSuggestWidget.border#FAFAFA
  • editorSuggestWidget.foreground#4B4F54
  • editorSuggestWidget.highlightForeground#1F2328
  • editorSuggestWidget.selectedBackground#DADDE1
  • editorUnnecessaryCode.opacity#000000A5
  • editorWarning.background#00000000
  • editorWarning.border#00000000
  • editorWarning.foreground#A15C16
  • editorWhitespace.foreground#DADDE1
  • editorWidget.background#FFFFFF
  • editorWidget.border#DADDE1
  • editorWidget.foreground#1F2328
  • errorForeground#B42318
  • extensionBadge.remoteBackground#567C30
  • extensionBadge.remoteForeground#1F2328
  • extensionButton.background#F3F3F3
  • extensionButton.foreground#4B4F54
  • extensionButton.hoverBackground#DADDE1
  • extensionButton.prominentBackground#F3F3F3
  • extensionButton.prominentForeground#1F2328
  • extensionButton.prominentHoverBackground#DADDE1
  • extensionIcon.preReleaseForeground#8250DF
  • extensionIcon.sponsorForeground#267F99
  • extensionIcon.starForeground#9E4C3B
  • extensionIcon.verifiedForeground#567C30
  • focusBorder#9E4C3B
  • foreground#1F2328
  • gitDecoration.addedResourceForeground#567C30
  • gitDecoration.conflictingResourceForeground#A15C16
  • gitDecoration.deletedResourceForeground#B42318
  • gitDecoration.ignoredResourceForeground#62676E
  • gitDecoration.modifiedResourceForeground#9E4C3B
  • gitDecoration.stageDeletedResourceForeground#B42318
  • gitDecoration.stageModifiedResourceForeground#9E4C3B
  • gitDecoration.untrackedResourceForeground#4B4F54
  • icon.foreground#6E737A
  • inlineChat.background#FFFFFF
  • inlineChat.border#FAFAFA
  • inlineChat.shadow#F2F2F2
  • inlineChatDiff.inserted#567C3019
  • inlineChatDiff.removed#567C3019
  • inlineEdit.gutterIndicator.background#F3F3F3
  • inlineEdit.gutterIndicator.primaryBackground#F3F3F3
  • inlineEdit.gutterIndicator.primaryBorder#F3F3F3
  • inlineEdit.gutterIndicator.primaryForeground#8250DF
  • inlineEdit.gutterIndicator.secondaryBackground#F3F3F3
  • inlineEdit.gutterIndicator.secondaryBorder#F3F3F3
  • inlineEdit.gutterIndicator.secondaryForeground#9E4C3B
  • inlineEdit.gutterIndicator.successfulBackground#F3F3F3
  • inlineEdit.gutterIndicator.successfulBorder#F3F3F3
  • inlineEdit.gutterIndicator.successfulForeground#567C30
  • inlineEdit.modifiedBackground#567C3019
  • inlineEdit.modifiedBorder#567C3019
  • inlineEdit.modifiedChangedLineBackground#567C3019
  • inlineEdit.modifiedChangedTextBackground#567C3019
  • inlineEdit.originalBackground#B4231819
  • inlineEdit.originalBorder#B4231819
  • inlineEdit.originalChangedLineBackground#B4231819
  • inlineEdit.originalChangedTextBackground#B4231819
  • inlineEdit.tabWillAcceptModifiedBorder#567C3019
  • inlineEdit.tabWillAcceptOriginalBorder#B4231819
  • input.background#FFFFFF
  • input.border#DADDE1
  • input.foreground#1F2328
  • input.placeholderForeground#6E737A
  • inputOption.activeBackground#9E4C3B12
  • inputOption.activeBorder#9E4C3B
  • inputOption.activeForeground#9E4C3B
  • inputOption.hoverBackground#00000006
  • inputValidation.errorBackground#F3F3F3
  • inputValidation.errorBorder#B42318
  • inputValidation.errorForeground#B42318
  • inputValidation.infoBackground#F3F3F3
  • inputValidation.infoBorder#267F99
  • inputValidation.infoForeground#267F99
  • inputValidation.warningBackground#F3F3F3
  • inputValidation.warningBorder#A15C16
  • inputValidation.warningForeground#A15C16
  • interactive.activeCodeBorder#8A8F98
  • interactive.inactiveCodeBorder#F3F3F3
  • keybindingLabel.background#DADDE1
  • keybindingLabel.border#DADDE1
  • keybindingLabel.bottomBorder#DADDE1
  • keybindingLabel.foreground#4B4F54
  • list.activeSelectionBackground#9E4C3B20
  • list.activeSelectionForeground#1F2328
  • list.activeSelectionIconForeground#9E4C3B
  • list.dropBackground#F2F2F2BF
  • list.errorForeground#B42318
  • list.focusBackground#FFFFFF
  • list.focusForeground#1F2328
  • list.focusOutline#9E4C3B55
  • list.highlightForeground#9E4C3B
  • list.hoverBackground#00000006
  • list.hoverForeground#1F2328
  • list.inactiveFocusBackground#FFFFFF
  • list.inactiveSelectionBackground#F2F2F2
  • list.inactiveSelectionForeground#1F2328
  • list.invalidItemForeground#B42318
  • list.warningForeground#A15C16
  • listFilterWidget.background#FFFFFF
  • listFilterWidget.noMatchesOutline#B42318
  • listFilterWidget.outline#FFFFFF
  • listFilterWidget.shadow#F2F2F2
  • menu.background#FFFFFF
  • menu.border#DADDE1
  • menu.foreground#1F2328
  • menu.selectionBackground#9E4C3B
  • menu.selectionForeground#FFFFFF
  • menu.separatorBackground#DADDE1
  • menubar.selectionForeground#1F2328
  • merge.border#FFFFFF
  • merge.commonContentBackground#1F232819
  • merge.commonHeaderBackground#1F232826
  • merge.currentContentBackground#B4231819
  • merge.currentHeaderBackground#B4231826
  • merge.incomingContentBackground#567C3019
  • merge.incomingHeaderBackground#567C3026
  • mergeEditor.change.background#1F232819
  • mergeEditor.change.word.background#1F232819
  • mergeEditor.conflict.handled.minimapOverViewRuler#567C30
  • mergeEditor.conflict.handledFocused.border#567C30
  • mergeEditor.conflict.handledUnfocused.border#567C30
  • mergeEditor.conflict.unhandled.minimapOverViewRuler#B42318
  • mergeEditor.conflict.unhandledFocused.border#B42318
  • mergeEditor.conflict.unhandledUnfocused.border#B42318
  • minimap.chatEditHighlight#8250DFA5
  • minimap.errorHighlight#B42318A5
  • minimap.findMatchHighlight#6E737AA5
  • minimap.infoHighlight#267F99A5
  • minimap.selectionHighlight#4B4F5426
  • minimap.selectionOccurrenceHighlight#8A8F98A5
  • minimap.warningHighlight#A15C16A5
  • minimapGutter.addedBackground#567C30
  • minimapGutter.deletedBackground#B42318
  • minimapGutter.modifiedBackground#9E4C3B
  • notebook.cellBorderColor#F3F3F3
  • notebook.cellEditorBackground#FAFAFA7F
  • notebook.cellInsertionIndicator#1F2328
  • notebook.cellStatusBarItemHoverBackground#8A8F98
  • notebook.cellToolbarSeparator#F3F3F3
  • notebook.editorBackground#FFFFFF
  • notebook.focusedEditorBorder#8A8F98
  • notebookStatusErrorIcon.foreground#B42318
  • notebookStatusRunningIcon.foreground#1F2328
  • notebookStatusSuccessIcon.foreground#567C30
  • notificationCenter.border#FAFAFA
  • notificationCenterHeader.background#F3F3F3
  • notificationCenterHeader.foreground#6E737A
  • notificationLink.foreground#9E4C3B
  • notifications.background#F3F3F3
  • notifications.border#FAFAFA
  • notifications.foreground#4B4F54
  • notificationsErrorIcon.foreground#B42318
  • notificationsInfoIcon.foreground#267F99
  • notificationsWarningIcon.foreground#A15C16
  • notificationToast.border#FAFAFA
  • outputView.background#FFFFFF
  • outputViewStickyScroll.background#FAFAFA
  • panel.background#FFFFFF
  • panel.border#DADDE1
  • panel.dropBorder#9E4C3B
  • panelInput.border#DADDE1
  • panelSection.border#DADDE1
  • panelSectionHeader.background#FAFAFA
  • panelSectionHeader.border#DADDE1
  • panelSectionHeader.foreground#6E737A
  • panelStickyScroll.background#F3F3F3
  • panelStickyScroll.border#DADDE1
  • panelStickyScroll.shadow#F3F3F3
  • panelTitle.activeBorder#9E4C3B
  • panelTitle.activeForeground#1F2328
  • panelTitle.border#DADDE1
  • panelTitle.inactiveForeground#6E737A
  • panelTitleBadge.background#9E4C3B
  • panelTitleBadge.foreground#FFFFFF
  • peekView.border#FAFAFA
  • peekViewEditor.background#F3F3F3
  • peekViewEditor.matchHighlightBackground#DADDE1
  • peekViewEditorGutter.background#F3F3F3
  • peekViewResult.background#F3F3F3
  • peekViewResult.fileForeground#6E737A
  • peekViewResult.lineForeground#6E737A
  • peekViewResult.matchHighlightBackground#DADDE1
  • peekViewResult.selectionBackground#F3F3F3
  • peekViewResult.selectionForeground#1F2328
  • peekViewTitle.background#FAFAFA
  • peekViewTitleDescription.foreground#6E737A
  • peekViewTitleLabel.foreground#1F2328
  • pickerGroup.border#FFFFFF
  • pickerGroup.foreground#DADDE1
  • ports.iconRunningProcessForeground#567C30
  • problemsErrorIcon.foreground#B42318
  • problemsInfoIcon.foreground#267F99
  • problemsWarningIcon.foreground#A15C16
  • profileBadge.background#F3F3F3
  • profileBadge.foreground#4B4F54
  • progressBar.background#8A8F98
  • quickInput.background#F3F3F3
  • quickInput.foreground#6E737A
  • radio.activeBackground#F3F3F3
  • radio.activeBorder#DADDE1
  • radio.activeForeground#9E4C3B
  • radio.inactiveBackground#FFFFFF
  • radio.inactiveBorder#DADDE1
  • radio.inactiveForeground#6E737A
  • radio.inactiveHoverBackground#F3F3F3
  • sash.hoverBorder#9E4C3B
  • scmGraph.foreground1#B42318
  • scmGraph.foreground2#A15C16
  • scmGraph.foreground3#9E4C3B
  • scmGraph.foreground4#567C30
  • scmGraph.foreground5#8250DF
  • scmGraph.historyItemBaseRefColor#267F99
  • scmGraph.historyItemHoverAdditionsForeground#567C30
  • scmGraph.historyItemHoverDefaultLabelBackground#8A8F98
  • scmGraph.historyItemHoverDefaultLabelForeground#FFFFFF
  • scmGraph.historyItemHoverDeletionsForeground#B42318
  • scmGraph.historyItemHoverLabelForeground#FFFFFF
  • scmGraph.historyItemRefColor#8250DF
  • scmGraph.historyItemRemoteRefColor#567C30
  • scrollbar.background#00000000
  • scrollbar.shadow#0000001A
  • scrollbarSlider.activeBackground#9E4C3B75
  • scrollbarSlider.background#00000024
  • scrollbarSlider.hoverBackground#0000003A
  • selection.background#9E4C3B2E
  • settings.checkboxBackground#F3F3F3
  • settings.checkboxBorder#DADDE1
  • settings.checkboxForeground#9E4C3B
  • settings.dropdownBackground#F3F3F3
  • settings.dropdownBorder#DADDE1
  • settings.dropdownForeground#1F2328
  • settings.dropdownListBorder#6E737A
  • settings.focusedRowBackground#F3F3F3
  • settings.focusedRowBorder#DADDE1
  • settings.headerForeground#9E4C3B
  • settings.modifiedItemIndicator#9E4C3B
  • settings.numberInputBackground#F3F3F3
  • settings.numberInputBorder#DADDE1
  • settings.numberInputForeground#1F2328
  • settings.rowHoverBackground#1F23280C
  • settings.sashBorder#F3F3F3
  • settings.settingsHeaderHoverForeground#1F2328
  • settings.textInputBackground#F3F3F3
  • settings.textInputBorder#DADDE1
  • settings.textInputForeground#1F2328
  • sideBar.background#FAFAFA
  • sideBar.border#DADDE1
  • sideBar.dropBackground#FAFAFABF
  • sideBar.foreground#1F2328
  • sideBarSectionHeader.background#F3F3F3
  • sideBarSectionHeader.border#DADDE1
  • sideBarSectionHeader.foreground#6E737A
  • sideBarStickyScroll.background#FAFAFA
  • sideBarStickyScroll.border#F3F3F3
  • sideBarStickyScroll.shadow#FAFAFA
  • sideBarTitle.foreground#DADDE1
  • simpleFindWidget.sashBorder#00000000
  • statusBar.background#9E4C3B
  • statusBar.border#7C3F31
  • statusBar.debuggingBackground#A15C16
  • statusBar.debuggingBorder#7C3F31
  • statusBar.debuggingForeground#FFFFFF
  • statusBar.focusBorder#F3F3F3
  • statusBar.foreground#FFFFFF
  • statusBar.noFolderBackground#6E737A
  • statusBar.noFolderBorder#555A61
  • statusBar.noFolderForeground#FFFFFF
  • statusBarItem.activeBackground#FFFFFF32
  • statusBarItem.compactHoverBackground#7C3F31
  • statusBarItem.errorBackground#FFFFFF
  • statusBarItem.errorForeground#B42318
  • statusBarItem.focusBorder#8A8F98
  • statusBarItem.hoverBackground#FFFFFF22
  • statusBarItem.hoverForeground#FFFFFF
  • statusBarItem.offlineBackground#00000000
  • statusBarItem.offlineForeground#00000000
  • statusBarItem.prominentBackground#F3F3F3
  • statusBarItem.prominentHoverBackground#F3F3F3
  • statusBarItem.remoteBackground#7C3F31
  • statusBarItem.remoteForeground#FFFFFF
  • statusBarItem.remoteHoverBackground#CC7C5E
  • statusBarItem.remoteHoverForeground#1F2328
  • statusBarItem.warningBackground#FFFFFF
  • statusBarItem.warningForeground#A15C16
  • symbolIcon.arrayForeground#B42318
  • symbolIcon.booleanForeground#B42318
  • symbolIcon.classForeground#267F99
  • symbolIcon.colorForeground#8250DF
  • symbolIcon.constantForeground#8250DF
  • symbolIcon.constructorForeground#567C30
  • symbolIcon.enumeratorForeground#A15C16
  • symbolIcon.enumeratorMemberForeground#A15C16
  • symbolIcon.eventForeground#A15C16
  • symbolIcon.fieldForeground#A15C16
  • symbolIcon.functionForeground#567C30
  • symbolIcon.interfaceForeground#267F99
  • symbolIcon.keyForeground#A15C16
  • symbolIcon.keywordForeground#B42318
  • symbolIcon.methodForeground#567C30
  • symbolIcon.moduleForeground#267F99
  • symbolIcon.namespaceForeground#267F99
  • symbolIcon.nullForeground#8250DF
  • symbolIcon.numberForeground#8250DF
  • symbolIcon.objectForeground#267F99
  • symbolIcon.operatorForeground#B42318
  • symbolIcon.packageForeground#8250DF
  • symbolIcon.propertyForeground#A15C16
  • symbolIcon.referenceForeground#8250DF
  • symbolIcon.snippetForeground#567C30
  • symbolIcon.stringForeground#9E4C3B
  • symbolIcon.structForeground#B42318
  • symbolIcon.textForeground#9E4C3B
  • symbolIcon.typeParameterForeground#A15C16
  • symbolIcon.unitForeground#8250DF
  • symbolIcon.variableForeground#267F99
  • tab.activeBackground#FFFFFF
  • tab.activeBorder#00000000
  • tab.activeBorderTop#9E4C3B
  • tab.activeForeground#1F2328
  • tab.activeModifiedBorder#DADDE1
  • tab.border#00000000
  • tab.hoverBackground#FAFAFA
  • tab.hoverBorder#CC7C5E
  • tab.hoverForeground#1F2328
  • tab.inactiveBackground#F3F3F3
  • tab.inactiveForeground#6E737A
  • tab.inactiveModifiedBorder#DADDE1
  • tab.lastPinnedBorder#9E4C3B
  • tab.unfocusedActiveBackground#FFFFFF
  • tab.unfocusedActiveBorder#6E737A
  • tab.unfocusedActiveForeground#6E737A
  • tab.unfocusedActiveModifiedBorder#F3F3F3
  • tab.unfocusedHoverBackground#FAFAFA
  • tab.unfocusedHoverBorder#CC7C5E80
  • tab.unfocusedHoverForeground#6E737A
  • tab.unfocusedInactiveBackground#F3F3F3
  • tab.unfocusedInactiveForeground#8A8F98
  • tab.unfocusedInactiveModifiedBorder#F3F3F3
  • terminal.ansiBlack#F3F3F3
  • terminal.ansiBlue#A15C16
  • terminal.ansiBrightBlack#8A8F98
  • terminal.ansiBrightBlue#A15C16
  • terminal.ansiBrightCyan#267F99
  • terminal.ansiBrightGreen#567C30
  • terminal.ansiBrightMagenta#8250DF
  • terminal.ansiBrightRed#B42318
  • terminal.ansiBrightWhite#1F2328
  • terminal.ansiBrightYellow#9E4C3B
  • terminal.ansiCyan#267F99
  • terminal.ansiGreen#567C30
  • terminal.ansiMagenta#8250DF
  • terminal.ansiRed#B42318
  • terminal.ansiWhite#1F2328
  • terminal.ansiYellow#9E4C3B
  • terminal.background#FFFFFF
  • terminal.border#DADDE1
  • terminal.foreground#1F2328
  • terminal.hoverHighlightBackground#00000006
  • terminal.inactiveSelectionBackground#9E4C3B1E
  • terminal.initialHintForeground#6E737A
  • terminal.selectionBackground#9E4C3B2E
  • terminalCommandDecoration.defaultBackground#1F2328
  • terminalCommandDecoration.errorBackground#B42318
  • terminalCommandDecoration.successBackground#567C30
  • terminalCursor.background#FFFFFF
  • terminalCursor.foreground#9E4C3B
  • testing.iconErrored#B42318
  • testing.iconFailed#B42318
  • testing.iconPassed#567C30
  • testing.iconQueued#1F2328
  • testing.iconSkipped#A15C16
  • testing.iconUnset#6E737A
  • testing.message.error.badgeForeground#B42318
  • testing.message.error.lineBackground#B4231819
  • testing.message.info.decorationForeground#1F2328
  • testing.message.info.lineBackground#1F232819
  • testing.runAction#9E4C3B
  • textBlockQuote.background#F3F3F3
  • textBlockQuote.border#F3F3F3
  • textCodeBlock.background#F3F3F3
  • textLink.activeForeground#B85A44
  • textLink.foreground#9E4C3B
  • textPreformat.foreground#A15C16
  • textSeparator.foreground#DADDE1
  • titleBar.activeBackground#FAFAFA
  • titleBar.activeForeground#1F2328
  • titleBar.border#F2F2F2
  • titleBar.inactiveBackground#F3F3F3
  • titleBar.inactiveForeground#6E737A
  • toolbar.activeBackground#9E4C3B16
  • toolbar.hoverBackground#00000006
  • toolbar.hoverOutline#9E4C3B70
  • tree.inactiveIndentGuidesStroke#FFFFFF
  • tree.indentGuidesStroke#F3F3F3
  • walkThrough.embeddedEditorBackground#FAFAFA
  • welcomePage.progress.background#8A8F98
  • welcomePage.progress.foreground#6E737A
  • welcomePage.tileBackground#F3F3F3
  • welcomePage.tileHoverBackground#DADDE1
  • widget.border#DADDE1
  • widget.shadow#0000001A
  • window.activeBorder#CC7C5E
  • window.inactiveBorder#DADDE1

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#6E737A
comment storage.type#6E737A
comment entity.name.type#4E4C48
comment variable, comment variable.other#4E4C48
comment keyword, comment entity.name.tag, entity.name.tag.documentation#4E4C48
comment keyword.codetag.notation#8A6157
comment.git-status.header.remote#9E4C3B
comment.git-status.header.local#267F99
comment.other.git-status.head#1F2328
string.quoted.docstring, string.quoted.docstring punctuation.definition#6E737A
constant#8A6157
constant.other#1F2328
constant.other.java#8A6157
constant.other.caps#8A6157
constant.other.placeholder#A15C16
constant.other.property#8A6157
constant.other.citation.latex#8A6157
constant.other.color#8A6157
constant.other.character-class.escape#8A6157
constant.other.key#8A6157
constant.other.symbol#A15C16
constant.other.elm#267F99
constant.numeric#8A6157
constant.language#8A6157
constant.character.escape#8A6157
constant.numeric.line-number.find-in-files#8A8F98
constant.numeric.line-number.match.find-in-files#567C30
entity.name.section#567C30
entity.name.function, entity.name.function.templated, entity.name.function.member.static#8250DF
entity.name.type.class.templated, entity.name.type.class.generic, entity.name.type.namespace#267F99
entity.name.label#8A6157
entity.name.function.preprocessor#267F99
entity.name#8250DF
entity.name.class#267F99
entity.name.constant#8A6157
entity.name.namespace#267F99
entity.other.inherited-class#267F99
entity.name.function#8250DF
entity.name.tag, entity.name.tag.js.jsx support.class.component.js.jsx, entity.name.tag support.class.component, source.vue support.class.component#9E4C3B
source.ansible entity.name.tag#267F99
entity.name.function.operator#9E4C3B
meta.brackets entity.name.function.operator, punctuation.separator entity.name.function.operator#4B4F54
entity.name.type, entity.name.type.class.reference, entity.name.type.class.value#267F99
entity.other.attribute-name#267F99
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#8250DF
entity.other.attribute-name.id.css#A15C16
entity.other.attribute-name.pseudo-class.css, entity.other.pseudo-class.css, entity.other.pseudo-element.css#267F99
entity.name.function, support.function#8250DF
entity.other.git-status.hex#8A6157
entity.other.jinja2.delimiter#4B4F54
entity.name.operator.custom-literal#1F2328
entity.name.operator.custom-literal.string#567C30
entity.name.operator.custom-literal.number#8A6157
entity.name.type.rust#267F99
entity.name.lifetime.rust#9E4C3B
invalid#B42318underline
invalid.deprecated#B42318underline
keyword#9E4C3B
keyword.control#9E4C3B
keyword.control.directive#9E4C3B
keyword.operator, keyword.operator.member, keyword.operator.new#9E4C3B
keyword.other.substitution#4B4F54
keyword.other.template.begin, keyword.other.template.end#9E4C3B
keyword.operator.heading.restructuredtext, keyword.operator.table.row.restructuredtext keyword.operator.table.data.restructuredtext#4B4F54
keyword.other.parenthesis.elm#4B4F54
keyword.other.fn.rust, keyword.other.rust, keyword.other.unsafe.rust, keyword.other.where.rust#267F99
keyword.control.rust, keyword.operator.misc.rust#9E4C3B
keyword.declaration.class.ruby, keyword.declaration.function.ruby, keyword.declaration.namespace.ruby#9E4C3B
markup.italic
markup.boldbold
markup.heading#567C30
markup.raw#A15C16
markup.underlineunderline
markup.underline.link#8250DF
markup.inserted, markup.inserted punctuation.definition.inserted#8250DF
markup.deleted, markup.deleted punctuation.definition.deleted#9E4C3B
markup.changed, markup.changed punctuation.definition.changed#567C30
markup.ignored, markup.ignored punctuation.definition.ignored#4B4F54
markup.untracked#4B4F54
markup.quote
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#4B4F54
meta.function-call.generic.python, support.function.builtin.python#8250DF
meta.function-call.python meta.function-call.arguments.python#1F2328
meta.interpolation#A15C16
meta.instance.constructor#8250DF
meta.attribute-with-value.class string, meta.attribute.class.html string#8250DF
meta.attribute-with-value.id string, meta.attribute.id.html string#A15C16
source.json meta.mapping.key string#1F2328
source.yaml meta.mapping.key string#9E4C3B
meta.object.member#1F2328
meta.property-list.css variable.other#A15C16
entity.name.constant.preprocessor, meta.preprocessor#8A6157
meta.diff.git-diff.header#567C30
meta.type_params.rust#1F2328
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#4E4C48
meta.type variable, meta.type variable.other.readwrite, variable.annotation, meta.decorator variable.other.readwrite#8A6157
punctuation#4B4F54
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#4B4F54
punctuation.definition.group#1F2328
punctuation.definition.comment#6E737A
punctuation.definition.variable, punctuation.definition.keyword.scss, punctuation.definition.entity.css#4E4C48
punctuation.section.embedded, punctuation.section.embedded entity.name.tag, punctuation.section.embedded constant.other, punctuation.section.embedded source, punctuation.section.embedded.begin#A15C16
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#9E4C3B
markup.underline.link punctuation#8250DF
meta.brace.round, meta.brace.square, keyword.operator.type.annotation, meta.type storage.modifier.array#4B4F54
region.redish#9E4C3B
region.orangish#A15C16
region.yellowish#567C30
region.greenish#8250DF
region.bluish#267F99
region.purplish#8A6157
region.pinkish#9E4C3B
region.whitish#FFFFFF
source#1F2328
source.scss, source.sass#4B4F54
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#A15C16
source.git-show.commit.sha#8A6157
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#4B4F54
source.git-show meta.diff.git-diff.header.extended.index.from-sha, source.git-show meta.diff.git-diff.header.extended.index.to-sha#8A6157
source.git-show meta.diff.range.unified#A15C16
source.git-show meta.diff.header.from-file, source.git-show meta.diff.header.to-file#4B4F54
storage#9E4C3B
storage.type.extends#9E4C3B
storage.type.function.arrow#9E4C3B
storage.modifier, storage.type.modifier#9E4C3B
storage.class.restructuredtext.ref#8A6157
storage.modifier.visibility.rust, storage.modifier.lifetime.rust#9E4C3B
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#267F99
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#9E4C3B
storage.modifier.import.java#1F2328
string#567C30
string.unquoted.label#1F2328
string source#1F2328
string source punctuation.section.embedded, string punctuation.definition.string source#4B4F54
string.other.link.title, string.other.link.description#9E4C3B
string.other.link.description.title#267F99
string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end#9E4C3B
string.other.ref, string.other.restructuredtext.ref#8250DF
string.other.git-status.help.key#4E4C48
string.other.git-status.remote#9E4C3B
support.constant#267F99
support.constant.handlebars#4B4F54
support.type.vendor-prefix.css#4E4C48
support.function#8250DF
support.macro#8250DF
support.function.delimiter.elm#4B4F54
support.type, entity.name.type.object.console#267F99
support.variable, support.variable.property#267F99
support.type.property-name#1F2328
support.class#267F99
support.constant.core.rust#8A6157
comment support, comment support.class#6E737A
text#1F2328
text.find-in-files#1F2328
variable, variable.other#1F2328
variable.parameter, parameters variable.function#A15C16
variable.language, variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python#4E4C48
variable.language.arguments#8A6157
variable.other.class#267F99
variable.other.constant#8A6157
variable.other.readwrite#1F2328
variable.other.member#1F2328
variable.other.enummember#8A6157
variable.other.property, variable.other.property.static, variable.other.event#1F2328
variable.function#8250DF
variable.other.substitution#A15C16
source.ruby variable.other.readwrite.instance.ruby, source.ruby variable.other.readwrite.class.ruby#8A6157
source.jinja2 variable.other.jinja2.block#8250DF
source.jinja2 variable.other.jinja2#A15C16
comment, punctuation.definition.comment#6E737A
variable, variable.other.object#1F2328
variable.parameter#4E4C48
keyword, keyword.control, storage.type, storage.modifier#9E4C3B
keyword.control.return.cpp, meta.block.cpp keyword.control.return.cpp, meta.body.function.definition.cpp keyword.control.return.cpp, meta.function.definition.cpp keyword.control.return.cpp#9E4C3B
entity.name.function, support.function, variable.function#8250DF
entity.name.function.python, meta.function.python entity.name.function.python#8250DF
entity.name.function.definition.cpp, meta.head.function.definition.cpp entity.name.function.definition.cpp, meta.function.definition.cpp entity.name.function.definition.cpp#8250DF
entity.name.function.member, meta.method-call, support.function.method#8250DF
entity.name.type, entity.name.class, support.class, support.type#267F99
storage.type.built-in.primitive.cpp, storage.type.primitive.cpp, meta.qualified_type.cpp storage.type.built-in.primitive.cpp, meta.qualified_type.cpp storage.type.primitive.cpp#CF222E
string, punctuation.definition.string#567c30
storage.type.string.python, meta.fstring.python storage.type.string.python, meta.function-call.arguments.python storage.type.string.python, meta.function-call.python storage.type.string.python, meta.member.access.python storage.type.string.python#CF222E
string.quoted.single.python, string.interpolated.python, meta.fstring.python string.quoted.single.python, meta.fstring.python string.interpolated.python, meta.function-call.arguments.python string.quoted.single.python, meta.function-call.arguments.python string.interpolated.python, meta.function-call.python string.quoted.single.python, meta.function-call.python string.interpolated.python, meta.member.access.python string.quoted.single.python, meta.member.access.python string.interpolated.python#0A3069
constant.numeric, constant.language.boolean, keyword.other.unit#A15C16
constant, support.constant, constant.other#8A6157
entity.name.namespace#8A6157
keyword.operator#4B4F54
punctuation#4B4F54
entity.name.tag#9E4C3B
entity.other.attribute-name#8A6157
source.starlark entity.name.function.python.starlark, source.starlark support.function.python.starlark#8250DF
source.starlark meta.parameter.keyword.python.starlark#9E4C3B
source.starlark variable.parameter.python.starlark#1F2328
storage.type.go#267F99
entity.name.other.anchor.yaml, variable.other.alias.yaml#8A6157
markup.strikethrough#4B4F54
punctuation.definition.list.begin.markdown#9E4C3B
invalid, invalid.illegal, invalid.deprecated#B42318
Hypnotic Copper by RGB Foundry - VS Code Theme