M Tech Themes
Publisher: M TechThemes in package: 23
✨ Professional dark & light theme + icon pack, from the author of the original M Tech color scheme.
The requested theme was not found on this page; showing the first available theme.
Color themes
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- activityBar.activeBackground#00000000
- activityBar.activeBorder#7DD3FC
- activityBar.activeFocusBorder#7DD3FC
- activityBar.background#050B1A
- activityBar.border#050B1A
- activityBar.foreground#10B981
- activityBar.inactiveForeground#7DD3FC
- activityBarBadge.background#10B981
- activityBarBadge.foreground#050B1A
- activityBarTop.activeBorder#7DD3FC
- activityBarTop.background#0F1629
- activityBarTop.foreground#10B981
- activityBarTop.inactiveForeground#7DD3FC
- activityErrorBadge.background#EF4444
- activityErrorBadge.foreground#050B1A
- activityWarningBadge.background#F59E0B
- activityWarningBadge.foreground#050B1A
- agentSessionReadIndicator.foreground#10B981
- agentSessionSelectedBadge.border#7DD3FC
- agentSessionSelectedUnfocusedBadge.border#7DD3FC66
- agentStatusIndicator.background#10B98140
- aiCustomizationManagement.sashBorder#0A1628
- badge.background#10B981
- badge.foreground#050B1A
- banner.background#1E293B
- banner.foreground#F1F5F9
- banner.iconForeground#7DD3FC
- breadcrumb.activeSelectionForeground#F1F5F9
- breadcrumb.background#020617
- breadcrumb.focusForeground#E0E7FF
- breadcrumb.foreground#94A3B8
- breadcrumbPicker.background#050B1A
- button.background#1E40AF
- button.border#d8e1ff
- button.foreground#F1F5F9
- button.hoverBackground#2563EB
- button.secondaryBackground#1E293B
- button.secondaryForeground#E0E7FF
- button.secondaryHoverBackground#334155
- button.secondaryHoverForeground#F1F5F9
- button.separator#050B1A
- charts.blue#3B82F6
- charts.foreground#F1F5F9
- charts.green#10B981
- charts.lines#7C8CA1
- charts.orange#F59E0B
- charts.purple#8B5CF6
- charts.red#EF4444
- charts.yellow#F59E0B
- chat.avatarBackground#050B1A
- chat.avatarForeground#8B5CF6
- chat.checkpointSeparator#0A1628
- chat.editedFileForeground#7DD3FC
- chat.inputWorkingBorderColor1#1E40AF
- chat.inputWorkingBorderColor2#1530A0
- chat.linesAddedForeground#10B981
- chat.linesRemovedForeground#EF4444
- chat.requestBackground#7DD3FC33
- chat.requestBorder#7DD3FC66
- chat.requestBubbleBackground#7DD3FC33
- chat.requestBubbleForeground#E0E7FF
- chat.requestBubbleHoverBackground#7DD3FC4D
- chat.requestCodeBorder#7DD3FC66
- chat.slashCommandBackground#00000000
- chat.slashCommandForeground#10B981
- chat.thinkingShimmer#10B98166
- chatBarTitle.background#020617
- chatBarTitle.foreground#94A3B8
- chatManagement.sashBorder#0A1628
- checkbox.background#1E293B
- checkbox.border#334155
- checkbox.disabled.background#0A1628
- checkbox.disabled.foreground#666666
- checkbox.foreground#10B981
- checkbox.selectBackground#1E293B
- checkbox.selectBorder#334155
- commandCenter.activeBackground#050B1A
- commandCenter.activeBorder#7DD3FC
- commandCenter.activeForeground#7DD3FC
- commandCenter.background#0F1629
- commandCenter.border#050B1A
- commandCenter.debuggingBackground#1E293B
- commandCenter.debuggingForeground#F59E0B
- commandCenter.foreground#7DD3FC
- commandCenter.inactiveBorder#050B1A
- commandCenter.inactiveForeground#7DD3FC
- debugConsole.errorForeground#EF4444
- debugConsole.infoForeground#3B82F6
- debugConsole.sourceForeground#F1F5F9
- debugConsole.warningForeground#F59E0B
- debugConsoleInputIcon.foreground#10B981
- debugExceptionWidget.background#1E293B
- debugExceptionWidget.border#0F1629
- debugIcon.breakpointCurrentStackframeForeground#10B981
- debugIcon.breakpointDisabledForeground#6B7280
- debugIcon.breakpointForeground#EF4444
- debugIcon.breakpointStackframeForeground#F1F5F9
- debugIcon.breakpointUnverifiedForeground#F59E0B
- debugIcon.continueForeground#F1F5F9
- debugIcon.disconnectForeground#F1F5F9
- debugIcon.pauseForeground#F1F5F9
- debugIcon.restartForeground#10B981
- debugIcon.startForeground#10B981
- debugIcon.stepBackForeground#F1F5F9
- debugIcon.stepIntoForeground#F1F5F9
- debugIcon.stepOutForeground#F1F5F9
- debugIcon.stepOverForeground#F1F5F9
- debugIcon.stopForeground#EF4444
- debugTokenExpression.boolean#F59E0B
- debugTokenExpression.error#EF4444
- debugTokenExpression.name#3B82F6
- debugTokenExpression.number#8B5CF6
- debugTokenExpression.string#10B981
- debugTokenExpression.value#F1F5F9
- debugToolBar.background#1E293B
- debugView.exceptionLabelBackground#EF4444
- debugView.exceptionLabelForeground#050B1A
- debugView.stateLabelBackground#10B981
- debugView.stateLabelForeground#050B1A
- debugView.valueChangedHighlight#F59E0B
- descriptionForeground#94A3B8
- diffEditor.diagonalFill#1E293B
- diffEditor.insertedLineBackground#10B98159
- diffEditor.insertedTextBackground#10B98150
- diffEditor.move.border#7DD3FC66
- diffEditor.moveActive.border#7DD3FC
- diffEditor.removedLineBackground#EF444459
- diffEditor.removedTextBackground#EF444450
- diffEditor.unchangedCodeBackground#0F1629
- diffEditor.unchangedRegionBackground#0F1629
- diffEditor.unchangedRegionForeground#E0E7FF
- diffEditor.unchangedRegionShadow#050B1A
- diffEditorGutter.insertedLineBackground#10B98180
- diffEditorGutter.removedLineBackground#EF444480
- diffEditorOverview.insertedForeground#10B981a5
- diffEditorOverview.removedForeground#EF4444a5
- disabledForeground#94a3b8
- dropdown.background#1E293B
- dropdown.border#64748b
- dropdown.foreground#94A3B8
- dropdown.listBackground#1E293B
- editor.background#020617
- editor.compositionBorder#7DD3FC
- editor.findMatchBackground#10B98166
- editor.findMatchBorder#7DD3FC
- editor.findMatchForeground#F1F5F9
- editor.findMatchHighlightBackground#10B9814D
- editor.findMatchHighlightBorder#00000000
- editor.findMatchHighlightForeground#E0E7FF
- editor.findRangeHighlightBackground#10B98128
- editor.findRangeHighlightBorder#00000000
- editor.focusedStackFrameHighlightBackground#10B98120
- editor.foldBackground#0F162915
- editor.foldPlaceholderForeground#94A3B8
- editor.foreground#F1F5F9
- editor.hoverHighlightBackground#1E293B20
- editor.inactiveLineHighlightBackground#0F162915
- editor.inactiveSelectionBackground#3B82F620
- editor.inlineValuesBackground#1E293B
- editor.inlineValuesForeground#E0E7FF
- editor.lineHighlightBackground#0F162930
- editor.lineHighlightBorder#00000000
- editor.linkedEditingBackground#7DD3FC20
- editor.placeholder.foreground#94a3b8
- editor.rangeHighlightBackground#1E293B30
- editor.rangeHighlightBorder#1E293B
- editor.selectionBackground#3B82F666
- editor.selectionForeground#F1F5F9
- editor.selectionHighlightBackground#10B98140
- editor.stackFrameHighlightBackground#10B98120
- editor.wordHighlightBackground#10B9814D
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#10B9814D
- editor.wordHighlightStrongBorder#00000000
- editorActionList.background#1E293B
- editorActionList.focusBackground#334155
- editorActionList.focusForeground#F1F5F9
- editorActionList.foreground#E0E7FF
- editorBracketHighlight.foreground1#EF4444
- editorBracketHighlight.foreground2#F59E0B
- editorBracketHighlight.foreground3#10B981
- editorBracketHighlight.foreground4#7DD3FC
- editorBracketHighlight.foreground5#3B82F6
- editorBracketHighlight.foreground6#8B5CF6
- editorBracketMatch.background#7DD3FC40
- editorBracketMatch.border#7C8CA1
- editorBracketMatch.foreground#7DD3FC
- editorCodeLens.foreground#94a3b8
- editorCommentsWidget.rangeActiveBackground#7DD3FC40
- editorCommentsWidget.rangeBackground#7DD3FC26
- editorCommentsWidget.resolvedBorder#8B5CF6
- editorCommentsWidget.unresolvedBorder#F59E0B
- editorCursor.background#020617
- editorCursor.foreground#F1F5F9
- editorError.background#00000000
- editorError.border#00000000
- editorError.foreground#EF4444
- editorGhostText.background#00000000
- editorGhostText.border#00000000
- editorGhostText.foreground#94a3b8
- editorGroup.border#0F1629
- editorGroup.dropBackground#1E293Bbf
- editorGroup.emptyBackground#020617
- editorGroup.focusedEmptyBorder#0F1629
- editorGroupHeader.noTabsBackground#020617
- editorGroupHeader.tabsBackground#020617
- editorGroupHeader.tabsBorder#020617
- editorGutter.addedBackground#10B981
- editorGutter.addedSecondaryBackground#10B98180
- editorGutter.background#020617
- editorGutter.commentDraftGlyphForeground#7DD3FC
- editorGutter.commentGlyphForeground#94A3B8
- editorGutter.commentUnresolvedGlyphForeground#F59E0B
- editorGutter.deletedBackground#EF4444
- editorGutter.deletedSecondaryBackground#EF444480
- editorGutter.foldingControlForeground#E0E7FF
- editorGutter.itemBackground#02061700
- editorGutter.itemGlyphForeground#94A3B8
- editorGutter.modifiedBackground#F59E0B
- editorGutter.modifiedSecondaryBackground#F59E0B80
- editorHint.border#020617
- editorHint.foreground#8B5CF6
- editorHoverWidget.background#1E293B
- editorHoverWidget.border#0F1629
- editorHoverWidget.foreground#E0E7FF
- editorIndentGuide.activeBackground#334155
- editorIndentGuide.background#1E293B
- editorInfo.background#00000000
- editorInfo.border#020617
- editorInfo.foreground#3B82F6
- editorInlayHint.background#1E293B
- editorInlayHint.foreground#94A3B8
- editorLightBulb.foreground#F59E0B
- editorLightBulbAi.foreground#F59E0B
- editorLightBulbAutoFix.foreground#10B981
- editorLineNumber.activeForeground#E0E7FF
- editorLineNumber.foreground#64748B
- editorLink.activeForeground#3B82F6
- editorMarkerNavigation.background#1E293B
- editorMarkerNavigationError.background#EF4444
- editorMarkerNavigationInfo.background#3B82F6
- editorMarkerNavigationWarning.background#F59E0B
- editorMinimap.inlineChatInserted#10B98166
- editorMinimap.inlineChatRemoved#EF444466
- editorMultiCursor.primary.background#020617
- editorMultiCursor.primary.foreground#F1F5F9
- editorMultiCursor.secondary.background#020617
- editorMultiCursor.secondary.foreground#E0E7FF
- editorOverviewRuler.addedForeground#10B981
- editorOverviewRuler.border#020617
- editorOverviewRuler.commentDraftForeground#7DD3FC
- editorOverviewRuler.currentContentForeground#1E293B
- editorOverviewRuler.deletedForeground#EF4444
- editorOverviewRuler.errorForeground#FF6B6B
- editorOverviewRuler.findMatchForeground#F1F5F926
- editorOverviewRuler.incomingContentForeground#1E293B
- editorOverviewRuler.infoForeground#3B82F6
- editorOverviewRuler.inlineChatInserted#10B98166
- editorOverviewRuler.inlineChatRemoved#EF444466
- editorOverviewRuler.modifiedForeground#F59E0B
- editorOverviewRuler.rangeHighlightForeground#F1F5F926
- editorOverviewRuler.selectionHighlightForeground#F1F5F926
- editorOverviewRuler.warningForeground#FFA726
- editorOverviewRuler.wordHighlightForeground#F1F5F926
- editorOverviewRuler.wordHighlightStrongForeground#F1F5F926
- editorPane.background#020617
- editorRuler.foreground#334155
- editorStickyScroll.background#020617
- editorStickyScroll.border#1E293B
- editorStickyScroll.shadow#020617
- editorStickyScrollGutter.background#020617
- editorStickyScrollHover.background#0F162930
- editorSuggestWidget.background#1E293B
- editorSuggestWidget.border#0F1629
- editorSuggestWidget.foreground#E0E7FF
- editorSuggestWidget.highlightForeground#F1F5F9
- editorSuggestWidget.selectedBackground#334155
- editorSuggestWidget.selectedForeground#F1F5F9
- editorSuggestWidget.selectedIconForeground#7DD3FC
- editorUnnecessaryCode.opacity#00000065
- editorWarning.background#00000000
- editorWarning.border#00000000
- editorWarning.foreground#F59E0B
- editorWhitespace.foreground#94a3b8
- editorWidget.background#1E293B
- editorWidget.border#0F1629
- editorWidget.foreground#E0E7FF
- errorForeground#fb7185
- extensionBadge.remoteForeground#10B981
- extensionButton.background#1E293B
- extensionButton.foreground#E0E7FF
- extensionButton.hoverBackground#334155
- extensionButton.prominentBackground#1E40AF
- extensionButton.prominentForeground#F1F5F9
- extensionButton.prominentHoverBackground#2563EB
- extensionIcon.preReleaseForeground#8B5CF6
- extensionIcon.privateForeground#94A3B8
- extensionIcon.sponsorForeground#3B82F6
- extensionIcon.starForeground#F59E0B
- extensionIcon.verifiedForeground#10B981
- focusBorder#64748b
- foreground#cbd5e1
- gauge.background#0F1629
- gauge.border#334155
- gauge.errorBackground#EF4444
- gauge.errorForeground#050B1A
- gauge.foreground#10B981
- gauge.warningBackground#F59E0B
- gauge.warningForeground#050B1A
- git.blame.editorDecorationForeground#64748b
- gitDecoration.addedResourceForeground#10B981
- gitDecoration.conflictingResourceForeground#F59E0B
- gitDecoration.deletedResourceForeground#EF4444
- gitDecoration.ignoredResourceForeground#94a3b8
- gitDecoration.modifiedResourceForeground#7DD3FC
- gitDecoration.renamedResourceForeground#67E8F9
- gitDecoration.stageDeletedResourceForeground#EF4444
- gitDecoration.stageModifiedResourceForeground#7DD3FC
- gitDecoration.untrackedResourceForeground#E0E7FF
- icon.foreground#7DD3FC
- inlineChat.background#020617
- inlineChat.border#0F1629
- inlineChat.foreground#E0E7FF
- inlineChat.regionHighlight#7DD3FC25
- inlineChat.shadow#020617
- inlineChatDiff.inserted#10B98119
- inlineChatDiff.removed#EF444419
- inlineChatInput.background#1E293B
- inlineChatInput.border#64748b
- inlineChatInput.focusBorder#7DD3FC
- inlineChatInput.placeholderForeground#94a3b8
- inlineEdit.gutterIndicator.background#0F1629
- inlineEdit.gutterIndicator.primaryBackground#7DD3FC26
- inlineEdit.gutterIndicator.primaryBorder#7DD3FC
- inlineEdit.gutterIndicator.primaryForeground#7DD3FC
- inlineEdit.gutterIndicator.secondaryBackground#F59E0B33
- inlineEdit.gutterIndicator.secondaryBorder#F59E0B
- inlineEdit.gutterIndicator.secondaryForeground#F59E0B
- inlineEdit.gutterIndicator.successfulBackground#10B98126
- inlineEdit.gutterIndicator.successfulBorder#10B981
- inlineEdit.gutterIndicator.successfulForeground#10B981
- inlineEdit.modifiedBackground#10B98119
- inlineEdit.modifiedBorder#10B98166
- inlineEdit.modifiedChangedLineBackground#10B98126
- inlineEdit.modifiedChangedTextBackground#10B98133
- inlineEdit.originalBackground#EF444419
- inlineEdit.originalBorder#EF444466
- inlineEdit.originalChangedLineBackground#EF444426
- inlineEdit.originalChangedTextBackground#EF444433
- inlineEdit.tabWillAcceptModifiedBorder#10B981
- inlineEdit.tabWillAcceptOriginalBorder#EF4444
- input.background#1E293B
- input.border#64748b
- input.foreground#F1F5F9
- input.placeholderForeground#94a3b8
- inputOption.activeBackground#7DD3FC40
- inputOption.activeBorder#7DD3FC
- inputOption.activeForeground#7DD3FC
- inputOption.hoverBackground#7DD3FC20
- inputValidation.errorBackground#1E293B
- inputValidation.errorBorder#EF4444
- inputValidation.errorForeground#EF4444
- inputValidation.infoBackground#1E293B
- inputValidation.infoBorder#3B82F6
- inputValidation.infoForeground#3B82F6
- inputValidation.warningBackground#1E293B
- inputValidation.warningBorder#F59E0B
- inputValidation.warningForeground#F59E0B
- interactive.activeCodeBorder#7C8CA1
- interactive.inactiveCodeBorder#1E293B
- keybindingLabel.background#334155
- keybindingLabel.border#334155
- keybindingLabel.bottomBorder#334155
- keybindingLabel.foreground#E0E7FF
- list.activeSelectionBackground#1E293B
- list.activeSelectionForeground#FFFFFF
- list.activeSelectionIconForeground#7DD3FC
- list.dropBackground#1E293Bbf
- list.errorForeground#fb7185
- list.focusAndSelectionOutline#10B981
- list.focusBackground#020617
- list.focusForeground#F1F5F9
- list.focusOutline#10B981
- list.highlightForeground#F1F5F9
- list.hoverBackground#1E293B
- list.hoverForeground#F1F5F9
- list.inactiveFocusBackground#020617
- list.inactiveFocusOutline#64748b
- list.inactiveSelectionBackground#2563EB40
- list.inactiveSelectionForeground#FFFFFF
- list.inactiveSelectionIconForeground#6B7280
- list.invalidItemForeground#EF4444
- list.warningForeground#F59E0B
- listFilterWidget.background#020617
- listFilterWidget.noMatchesOutline#EF4444
- listFilterWidget.outline#020617
- listFilterWidget.shadow#020617
- markdownAlert.caution.foreground#EF4444
- markdownAlert.important.foreground#7DD3FC
- markdownAlert.note.foreground#3B82F6
- markdownAlert.tip.foreground#10B981
- markdownAlert.warning.foreground#F59E0B
- mcpIcon.starForeground#F59E0B
- menu.background#020617
- menu.border#0F1629
- menu.foreground#F1F5F9
- menu.selectionBackground#7DD3FC
- menu.selectionBorder#00000000
- menu.selectionForeground#020617
- menu.separatorBackground#1E293B
- menubar.selectionBackground#1E293B
- menubar.selectionBorder#00000000
- menubar.selectionForeground#7DD3FC
- merge.border#020617
- merge.commonContentBackground#F1F5F919
- merge.commonHeaderBackground#F1F5F926
- merge.currentContentBackground#EF444419
- merge.currentHeaderBackground#EF444426
- merge.incomingContentBackground#10B98119
- merge.incomingHeaderBackground#10B98126
- mergeEditor.change.background#F1F5F919
- mergeEditor.change.word.background#F1F5F919
- mergeEditor.conflict.handled.minimapOverViewRuler#10B981
- mergeEditor.conflict.handledFocused.border#10B981
- mergeEditor.conflict.handledUnfocused.border#10B981
- mergeEditor.conflict.unhandled.minimapOverViewRuler#EF4444
- mergeEditor.conflict.unhandledFocused.border#EF4444
- mergeEditor.conflict.unhandledUnfocused.border#EF4444
- minimap.chatEditHighlight#10B98166
- minimap.errorHighlight#FF6B6Ba5
- minimap.findMatchHighlight#94A3B8a5
- minimap.infoHighlight#3B82F6a5
- minimap.selectionHighlight#7DD3FC26
- minimap.selectionOccurrenceHighlight#7C8CA1a5
- minimap.warningHighlight#FFA726a5
- minimapGutter.addedBackground#10B981
- minimapGutter.deletedBackground#EF4444
- minimapGutter.modifiedBackground#F59E0B
- multiDiffEditor.background#020617
- multiDiffEditor.border#020617
- multiDiffEditor.headerBackground#1E293B
- notebook.cellBorderColor#1E293B
- notebook.cellEditorBackground#0F16297f
- notebook.cellInsertionIndicator#F1F5F9
- notebook.cellStatusBarItemHoverBackground#7C8CA1
- notebook.cellToolbarSeparator#1E293B
- notebook.editorBackground#020617
- notebook.focusedEditorBorder#7C8CA1
- notebookStatusErrorIcon.foreground#EF4444
- notebookStatusRunningIcon.foreground#F1F5F9
- notebookStatusSuccessIcon.foreground#10B981
- notificationCenter.border#0F1629
- notificationCenterHeader.background#1E293B
- notificationCenterHeader.foreground#94A3B8
- notificationLink.foreground#7DD3FC
- notifications.background#1E293B
- notifications.border#0F1629
- notifications.foreground#E0E7FF
- notificationsErrorIcon.foreground#EF4444
- notificationsInfoIcon.foreground#3B82F6
- notificationsWarningIcon.foreground#F59E0B
- notificationToast.border#0F1629
- outputView.background#1E293B
- outputViewStickyScroll.background#1E293B
- panel.background#1E293B
- panel.border#020617
- panel.dropBackground#1E293Bbf
- panelStickyScroll.background#1E293B
- panelStickyScroll.border#334155
- panelStickyScroll.shadow#1E293B
- panelTitle.activeBorder#7DD3FC
- panelTitle.activeForeground#7DD3FC
- panelTitle.border#020617
- panelTitle.inactiveForeground#94A3B8
- panelTitleBadge.background#334155
- panelTitleBadge.foreground#E0E7FF
- peekView.border#0F1629
- peekViewEditor.background#1E293B
- peekViewEditor.matchHighlightBackground#334155
- peekViewEditorGutter.background#1E293B
- peekViewEditorStickyScroll.background#1E293B
- peekViewEditorStickyScrollGutter.background#1E293B
- peekViewResult.background#1E293B
- peekViewResult.fileForeground#94A3B8
- peekViewResult.lineForeground#94A3B8
- peekViewResult.matchHighlightBackground#334155
- peekViewResult.selectionBackground#334155
- peekViewResult.selectionForeground#F1F5F9
- peekViewTitle.background#0F1629
- peekViewTitleDescription.foreground#94A3B8
- peekViewTitleLabel.foreground#F1F5F9
- pickerGroup.border#020617
- pickerGroup.foreground#94a3b8
- ports.iconRunningProcessForeground#10B981
- problemsErrorIcon.foreground#fb7185
- problemsInfoIcon.foreground#3B82F6
- problemsWarningIcon.foreground#F59E0B
- profileBadge.background#10B981
- profileBadge.foreground#050B1A
- profiles.sashBorder#0A1628
- progressBar.background#7C8CA1
- quickInput.background#1E293B
- quickInput.border#0F1629
- quickInput.foreground#94A3B8
- quickInputList.focusBackground#334155
- quickInputList.focusForeground#F1F5F9
- quickInputList.focusHighlightForeground#7DD3FC
- quickInputList.focusIconForeground#7DD3FC
- quickInputList.hoverBackground#1E293B
- quickInputTitle.background#0F1629
- radio.activeBackground#7DD3FC
- radio.activeBorder#93DDFD
- radio.activeForeground#020617
- radio.inactiveBackground#1E293B
- radio.inactiveBorder#334155
- radio.inactiveForeground#94A3B8
- radio.inactiveHoverBackground#263548
- sash.hoverBorder#7C8CA1
- scmGraph.foreground1#EF4444
- scmGraph.foreground2#F59E0B
- scmGraph.foreground3#10B981
- scmGraph.foreground4#7DD3FC
- scmGraph.foreground5#3B82F6
- scmGraph.historyItemBaseRefColor#3B82F6
- scmGraph.historyItemHoverAdditionsForeground#10B981
- scmGraph.historyItemHoverDefaultLabelBackground#7C8CA1
- scmGraph.historyItemHoverDefaultLabelForeground#020617
- scmGraph.historyItemHoverDeletionsForeground#EF4444
- scmGraph.historyItemHoverLabelBackground#7DD3FC
- scmGraph.historyItemHoverLabelForeground#020617
- scmGraph.historyItemRefColor#7DD3FC
- scmGraph.historyItemRemoteRefColor#10B981
- scrollbar.shadow#020617
- scrollbarSlider.activeBackground#7C8CA180
- scrollbarSlider.background#4755694D
- scrollbarSlider.hoverBackground#7C8CA166
- selection.background#33415540
- sessionsSidebar.background#0A1628
- sessionsSidebar.border#020617
- sessionsSidebarHeader.background#0F1629
- sessionsSidebarHeader.foreground#7C8CA1
- settings.checkboxBackground#1E293B
- settings.checkboxBorder#334155
- settings.checkboxForeground#10B981
- settings.dropdownBackground#1E293B
- settings.dropdownBorder#334155
- settings.dropdownForeground#F1F5F9
- settings.dropdownListBorder#94A3B8
- settings.headerForeground#7DD3FC
- settings.modifiedItemForeground#7DD3FC
- settings.modifiedItemIndicator#7DD3FC
- settings.numberInputBackground#1E293B
- settings.numberInputBorder#334155
- settings.numberInputForeground#F1F5F9
- settings.rowHoverBackground#7C8CA10C
- settings.sashBorder#1E293B
- settings.settingsHeaderHoverForeground#F1F5F9
- settings.textInputBackground#1E293B
- settings.textInputBorder#334155
- settings.textInputForeground#F1F5F9
- sideBar.background#0A1628
- sideBar.border#020617
- sideBar.dropBackground#1E293Bbf
- sideBar.foreground#94A3B8
- sideBarSectionHeader.background#0F1629
- sideBarSectionHeader.border#020617
- sideBarSectionHeader.foreground#7C8CA1
- sideBarStickyScroll.background#0A1628
- sideBarStickyScroll.border#1E293B
- sideBarStickyScroll.shadow#020617
- sideBarTitle.foreground#7DD3FC
- simpleFindWidget.sashBorder#1E293B
- statusBar.background#0A1628
- statusBar.border#020617
- statusBar.debuggingBackground#F59E0B
- statusBar.debuggingBorder#1E293B
- statusBar.debuggingForeground#020617
- statusBar.focusBorder#7DD3FC
- statusBar.foreground#7C8CA1
- statusBar.noFolderBackground#0A1628
- statusBar.noFolderBorder#020617
- statusBar.noFolderForeground#7C8CA1
- statusBarItem.activeBackground#020617
- statusBarItem.compactHoverBackground#0F1629
- statusBarItem.errorBackground#020617
- statusBarItem.errorForeground#EF4444
- statusBarItem.focusBorder#7C8CA1
- statusBarItem.hoverBackground#0F1629
- statusBarItem.hoverForeground#F1F5F9
- statusBarItem.offlineBackground#64748b
- statusBarItem.offlineForeground#F1F5F9
- statusBarItem.offlineHoverBackground#334155
- statusBarItem.offlineHoverForeground#F1F5F9
- statusBarItem.prominentBackground#1E293B
- statusBarItem.prominentForeground#F1F5F9
- statusBarItem.prominentHoverBackground#334155
- statusBarItem.prominentHoverForeground#F1F5F9
- statusBarItem.remoteBackground#0A1628
- statusBarItem.remoteForeground#10B981
- statusBarItem.remoteHoverBackground#10B981
- statusBarItem.remoteHoverForeground#020617
- statusBarItem.warningBackground#020617
- statusBarItem.warningForeground#F59E0B
- symbolIcon.arrayForeground#EF4444
- symbolIcon.booleanForeground#F59E0B
- symbolIcon.classForeground#3B82F6
- symbolIcon.colorForeground#8B5CF6
- symbolIcon.constantForeground#8B5CF6
- symbolIcon.constructorForeground#10B981
- symbolIcon.enumeratorForeground#F59E0B
- symbolIcon.enumeratorMemberForeground#F59E0B
- symbolIcon.eventForeground#F59E0B
- symbolIcon.fieldForeground#F59E0B
- symbolIcon.fileForeground#E0E7FF
- symbolIcon.folderForeground#E0E7FF
- symbolIcon.functionForeground#10B981
- symbolIcon.interfaceForeground#3B82F6
- symbolIcon.keyForeground#F59E0B
- symbolIcon.keywordForeground#EF4444
- symbolIcon.methodForeground#10B981
- symbolIcon.moduleForeground#3B82F6
- symbolIcon.namespaceForeground#3B82F6
- symbolIcon.nullForeground#8B5CF6
- symbolIcon.numberForeground#8B5CF6
- symbolIcon.objectForeground#3B82F6
- symbolIcon.operatorForeground#EF4444
- symbolIcon.packageForeground#8B5CF6
- symbolIcon.propertyForeground#F59E0B
- symbolIcon.referenceForeground#8B5CF6
- symbolIcon.snippetForeground#10B981
- symbolIcon.stringForeground#10B981
- symbolIcon.structForeground#EF4444
- symbolIcon.textForeground#10B981
- symbolIcon.typeParameterForeground#F59E0B
- symbolIcon.unitForeground#8B5CF6
- symbolIcon.variableForeground#3B82F6
- tab.activeBackground#020617
- tab.activeBorder#7DD3FC
- tab.activeBorderTop#7DD3FC
- tab.activeForeground#F1F5F9
- tab.activeModifiedBorder#64748b
- tab.border#0A1628
- tab.dragAndDropBorder#7DD3FC
- tab.hoverBackground#0F1629
- tab.hoverBorder#334155
- tab.hoverForeground#E0E7FF
- tab.inactiveBackground#0A1628
- tab.inactiveForeground#7C8CA1
- tab.inactiveModifiedBorder#64748b
- tab.lastPinnedBorder#334155
- tab.selectedBackground#020617
- tab.selectedBorderTop#7DD3FC
- tab.selectedForeground#F1F5F9
- tab.unfocusedActiveBorder#94A3B8
- tab.unfocusedActiveForeground#E0E7FF
- tab.unfocusedActiveModifiedBorder#F59E0B
- tab.unfocusedHoverBackground#0F1629
- tab.unfocusedHoverBorder#1E293B
- tab.unfocusedHoverForeground#E0E7FF
- tab.unfocusedInactiveForeground#7C8CA1
- tab.unfocusedInactiveModifiedBorder#1E293B
- terminal.ansiBlack#95a2b8
- terminal.ansiBlue#3B82F6
- terminal.ansiBrightBlack#b7c2d4
- terminal.ansiBrightBlue#60A5FA
- terminal.ansiBrightCyan#99DFFF
- terminal.ansiBrightGreen#34D399
- terminal.ansiBrightMagenta#A78BFA
- terminal.ansiBrightRed#F87171
- terminal.ansiBrightWhite#F8FAFC
- terminal.ansiBrightYellow#FBBF24
- terminal.ansiCyan#7DD3FC
- terminal.ansiGreen#10B981
- terminal.ansiMagenta#8B5CF6
- terminal.ansiRed#EF4444
- terminal.ansiWhite#F1F5F9
- terminal.ansiYellow#F59E0B
- terminal.background#1E293B
- terminal.border#0F1629
- terminal.foreground#F1F5F9
- terminal.initialHintForeground#94A3B8
- terminal.selectionBackground#3B82F64D
- terminal.selectionForeground#F1F5F9
- terminal.tab.activeBorder#7DD3FC
- terminalCommandDecoration.defaultBackground#F1F5F9
- terminalCommandDecoration.errorBackground#EF4444
- terminalCommandDecoration.successBackground#10B981
- terminalCommandGuide.foreground#334155
- terminalCursor.background#00000000
- terminalCursor.foreground#F1F5F9
- terminalOverviewRuler.border#020617
- terminalStickyScroll.background#1E293B
- terminalStickyScroll.border#334155
- terminalStickyScrollHover.background#334155
- testing.coverCountBadgeBackground#10B981
- testing.coverCountBadgeForeground#050B1A
- testing.coveredMinimapBackground#10B98150
- testing.iconErrored#EF4444
- testing.iconFailed#EF4444
- testing.iconPassed#10B981
- testing.iconQueued#F1F5F9
- testing.iconSkipped#F59E0B
- testing.iconUnset#94A3B8
- testing.message.error.badgeBackground#EF4444
- testing.message.error.badgeBorder#EF4444
- testing.message.error.badgeForeground#050B1A
- testing.message.error.decorationForeground#EF4444
- testing.message.error.lineBackground#EF444419
- testing.message.info.decorationForeground#F1F5F9
- testing.message.info.lineBackground#F1F5F919
- testing.runAction#10B981
- testing.uncoveredBranchBackground#EF444433
- testing.uncoveredMinimapBackground#EF444450
- textBlockQuote.background#1E293B
- textBlockQuote.border#334155
- textCodeBlock.background#1E293B
- textLink.activeForeground#F1F5F9
- textLink.foreground#7DD3FC
- textPreformat.foreground#F1F5F9
- textSeparator.foreground#94a3b8
- titleBar.activeBackground#0A1628
- titleBar.activeForeground#7DD3FC
- titleBar.border#020617
- titleBar.inactiveBackground#0A1628
- titleBar.inactiveForeground#7DD3FC
- toolbar.activeBackground#FFFFFF20
- toolbar.hoverBackground#FFFFFF15
- toolbar.hoverOutline#00000000
- tree.inactiveIndentGuidesStroke#020617
- tree.indentGuidesStroke#1E293B
- walkThrough.embeddedEditorBackground#0F1629
- welcomePage.buttonBackground#1E293B
- welcomePage.buttonHoverBackground#334155
- welcomePage.buttonHoverForeground#F1F5F9
- welcomePage.progress.background#7C8CA1
- welcomePage.progress.foreground#94A3B8
- welcomePage.tileBackground#1E293B
- welcomePage.tileHoverBackground#334155
- welcomePage.tileHoverForeground#F1F5F9
- welcomePage.tileShadow#020617
- widget.border#0F1629
- widget.shadow#020617
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment markup.underline.link, comment string, comment punctuation.definition, comment punctuation, comment text | #8493a6 | italic |
| comment storage.type | #8493a6 | — |
| comment entity.name.type | #99a0ac | — |
| comment variable, comment variable.other | #99a0ac | — |
| comment keyword, comment entity.name.tag, entity.name.tag.documentation | #99a0ac | — |
| comment keyword.codetag.notation | #a880f9 | — |
| comment.git-status.header.remote | #f47070 | — |
| comment.git-status.header.local | #10B981 | — |
| comment.other.git-status.head | #8493a6 | — |
| string.quoted.docstring, string.quoted.docstring punctuation.definition | #8493a6 | — |
| constant | #8B5CF6 | — |
| constant.other | #F1F5F9 | — |
| constant.other.caps | #8B5CF6 | — |
| constant.other.placeholder | #F59E0B | — |
| constant.other.property | #8B5CF6 | — |
| constant.other.citation.latex | #8B5CF6 | — |
| constant.other.color | #8B5CF6 | — |
| constant.other.character-class.escape | #8B5CF6 | — |
| constant.other.key | #8B5CF6 | — |
| constant.other.symbol | #F59E0B | — |
| constant.other.elm | #3B82F6 | — |
| constant.numeric | #F59E0B | — |
| constant.language | #8B5CF6 | — |
| constant.character.escape | #F59E0B | — |
| constant.numeric.line-number.find-in-files | #7C8CA1 | — |
| constant.numeric.line-number.match.find-in-files | #7DD3FC | — |
| entity.name.section | #7DD3FC | — |
| entity.name.function, entity.name.function.templated, entity.name.function.member.static | #10B981 | — |
| entity.name.type.class.templated, entity.name.type.class.generic, entity.name.type.namespace | #3B82F6 | — |
| entity.name.label | #8B5CF6 | — |
| entity.name.function.preprocessor | #F59E0B | — |
| entity.name | #10B981 | — |
| entity.name.class | #3B82F6 | — |
| entity.name.constant | #8B5CF6 | — |
| entity.name.namespace | #F1F5F9 | — |
| entity.other.inherited-class | #3B82F6 | italic |
| entity.name.function | #10B981 | — |
| entity.name.tag, entity.name.tag.js.jsx support.class.component.js.jsx, entity.name.tag support.class.component, source.vue support.class.component | #EF4444 | — |
| source.ansible entity.name.tag | #3B82F6 | — |
| entity.name.function.operator | #EF4444 | — |
| meta.brackets entity.name.function.operator, punctuation.separator entity.name.function.operator | #94A3B8 | — |
| entity.name.type, entity.name.type.class.reference, entity.name.type.class.value | #3B82F6 | — |
| entity.other.attribute-name | #3B82F6 | italic |
| 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 | #10B981 | — |
| entity.other.attribute-name.id.css | #F59E0B | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.pseudo-class.css, entity.other.pseudo-element.css | #3B82F6 | italic |
| entity.name.function, support.function | #10B981 | — |
| support.macro | #10B981 | — |
| support.function.delimiter.elm | #94A3B8 | — |
| support.type, entity.name.type.object.console | #3B82F6 | italic |
| support.variable, support.variable.property | #E0E7FF | — |
| support.type.property-name | #F1F5F9 | normal |
| support.class | #3B82F6 | — |
| support.constant.core.rust | #8B5CF6 | — |
| comment support, comment support.class | #8493a6 | — |
| text | #F1F5F9 | — |
| text.find-in-files | #F1F5F9 | — |
| variable, variable.other | #E0E7FF | — |
| variable.parameter, parameters variable.function | #F59E0B | italic |
| variable.language, variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python | #7DD3FC | italic |
| variable.language.arguments | #8B5CF6 | — |
| variable.other.class | #3B82F6 | — |
| variable.other.constant | #8B5CF6 | — |
| variable.other.readwrite | #F1F5F9 | — |
| variable.other.member | #E0E7FF | — |
| variable.other.enummember | #8B5CF6 | — |
| variable.other.property, variable.other.property.static, variable.other.event | #E0E7FF | — |
| variable.function | #10B981 | — |
| variable.other.substitution | #F59E0B | — |
| source.ruby variable.other.readwrite.instance.ruby, source.ruby variable.other.readwrite.class.ruby | #8B5CF6 | — |
| source.jinja2 variable.other.jinja2.block | #10B981 | — |
| source.jinja2 variable.other.jinja2 | #F59E0B | — |
| string | #F59E0B | — |
| punctuation.definition.string.begin, punctuation.definition.string.end | #059669 | — |
| keyword, keyword.control, keyword.operator, storage.type, storage.modifier | #EF4444 | bold |
| punctuation.separator, punctuation.terminator, punctuation.bracket, meta.bracket | #7C8CA1 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...