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.
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#87CEEB
- activityBar.activeFocusBorder#87CEEB
- activityBar.background#F0F0F0
- activityBar.border#F0F0F0
- activityBar.foreground#2C3E50
- activityBar.inactiveForeground#636F70
- activityBarBadge.background#87CEEB
- activityBarBadge.foreground#1B2838
- activityBarTop.activeBorder#87CEEB
- activityBarTop.background#E0E0E0
- activityBarTop.foreground#2C3E50
- activityBarTop.inactiveForeground#636F70
- activityErrorBadge.background#E74C3C
- activityErrorBadge.foreground#101820
- activityWarningBadge.background#B8600E
- activityWarningBadge.foreground#101820
- agentSessionReadIndicator.foreground#18723D
- agentSessionSelectedBadge.border#1D6890
- agentSessionSelectedUnfocusedBadge.border#636F70
- agentStatusIndicator.background#1D689026
- aiCustomizationManagement.sashBorder#2C3E504D
- badge.background#87CEEB
- badge.foreground#1B2838
- banner.background#BDC3C7
- banner.foreground#2C3E50
- banner.iconForeground#2C3E50
- breadcrumb.activeSelectionForeground#1B2838
- breadcrumb.background#F0F0F0
- breadcrumb.focusForeground#2C3E50
- breadcrumb.foreground#5D6D6E
- breadcrumbPicker.background#E0E0E0
- button.background#87CEEB
- button.border#BDC3C7
- button.foreground#1B2838
- button.hoverBackground#5DADE2
- button.secondaryBackground#BDC3C7
- button.secondaryForeground#2C3E50
- button.secondaryHoverBackground#A1A7AB
- button.secondaryHoverForeground#1B2838
- button.separator#E0E0E0
- charts.blue#87CEEB
- charts.foreground#2C3E50
- charts.green#2ECC71
- charts.lines#95A5A6
- charts.orange#E67E22
- charts.purple#9B59B6
- charts.red#E74C3C
- charts.yellow#FFD700
- chat.avatarBackground#2C3E5014
- chat.avatarForeground#2C3E50
- chat.checkpointSeparator#2C3E504D
- chat.editedFileForeground#B8600E
- chat.inputWorkingBorderColor1#1D6890
- chat.inputWorkingBorderColor2#155876
- chat.linesAddedForeground#18723D
- chat.linesRemovedForeground#E74C3C
- chat.requestBackground#2C3E5014
- chat.requestBorder#2C3E504D
- chat.requestBubbleBackground#1D68901A
- chat.requestBubbleForeground#2C3E50
- chat.requestBubbleHoverBackground#1D689026
- chat.requestCodeBorder#1D68904D
- chat.slashCommandBackground#00000000
- chat.slashCommandForeground#B8600E
- chat.thinkingShimmer#1D6890
- chatBarTitle.background#F0F0F0
- chatBarTitle.foreground#1B2838
- chatManagement.sashBorder#2C3E504D
- checkbox.background#E0E0E0
- checkbox.border#BDC3C7
- checkbox.disabled.background#EAEEF2
- checkbox.disabled.foreground#AAAAAA
- checkbox.foreground#1D6890
- checkbox.selectBackground#E0E0E0
- checkbox.selectBorder#BDC3C7
- commandCenter.activeBackground#E0E0E0
- commandCenter.activeBorder#87CEEB
- commandCenter.activeForeground#636F70
- commandCenter.background#F0F0F0
- commandCenter.border#E0E0E0
- commandCenter.debuggingBackground#F0F0F0
- commandCenter.debuggingForeground#B8600E
- commandCenter.foreground#636F70
- commandCenter.inactiveBorder#E0E0E0
- commandCenter.inactiveForeground#636F70
- debugConsole.errorForeground#E74C3C
- debugConsole.infoForeground#1D6890
- debugConsole.sourceForeground#2C3E50
- debugConsole.warningForeground#E67E22
- debugConsoleInputIcon.foreground#87CEEB
- debugExceptionWidget.background#E0E0E0
- debugExceptionWidget.border#BDC3C7
- debugIcon.breakpointCurrentStackframeForeground#E67E22
- debugIcon.breakpointDisabledForeground#95A5A6
- debugIcon.breakpointForeground#E74C3C
- debugIcon.breakpointStackframeForeground#2C3E50
- debugIcon.breakpointUnverifiedForeground#E67E22
- debugIcon.continueForeground#2C3E50
- debugIcon.disconnectForeground#2C3E50
- debugIcon.pauseForeground#2C3E50
- debugIcon.restartForeground#229954
- debugIcon.startForeground#229954
- debugIcon.stepBackForeground#2C3E50
- debugIcon.stepIntoForeground#2C3E50
- debugIcon.stepOutForeground#2C3E50
- debugIcon.stepOverForeground#2C3E50
- debugIcon.stopForeground#E74C3C
- debugTokenExpression.boolean#E67E22
- debugTokenExpression.error#E74C3C
- debugTokenExpression.name#1D6890
- debugTokenExpression.number#7C3A99
- debugTokenExpression.string#186A3B
- debugTokenExpression.value#2C3E50
- debugToolBar.background#E0E0E0
- debugView.exceptionLabelBackground#E74C3C
- debugView.exceptionLabelForeground#1B2838
- debugView.stateLabelBackground#229954
- debugView.stateLabelForeground#1B2838
- debugView.valueChangedHighlight#87CEEB
- descriptionForeground#5D6D6E
- diffEditor.diagonalFill#BDC3C7
- diffEditor.insertedLineBackground#1F8B4A40
- diffEditor.insertedTextBackground#1F8B4A4D
- diffEditor.insertedTextForeground#1F8B4A
- diffEditor.move.border#1D689066
- diffEditor.moveActive.border#1D6890
- diffEditor.removedLineBackground#B03A2E4D
- diffEditor.removedTextBackground#B03A2E4D
- diffEditor.removedTextForeground#B03A2E
- diffEditor.unchangedCodeBackground#E0E0E0
- diffEditor.unchangedRegionBackground#E0E0E0
- diffEditor.unchangedRegionForeground#566566
- diffEditor.unchangedRegionShadow#F0F0F0
- diffEditorGutter.insertedLineBackground#1F8B4A4D
- diffEditorGutter.removedLineBackground#B03A2E4D
- diffEditorOverview.insertedForeground#1F8B4A
- diffEditorOverview.removedForeground#B03A2E
- disabledForeground#95A5A6
- dropdown.background#E0E0E0
- dropdown.border#BDC3C7
- dropdown.foreground#2C3E50
- dropdown.listBackground#E0E0E0
- editor.background#F0F0F0
- editor.compositionBorder#87CEEB
- editor.findMatchBackground#E67E224D
- editor.findMatchBorder#E67E22
- editor.findMatchForeground#1B2838
- editor.findMatchHighlightBackground#2ECC714D
- editor.findMatchHighlightBorder#00000000
- editor.findMatchHighlightForeground#2C3E50
- editor.findRangeHighlightBackground#2ECC7135
- editor.findRangeHighlightBorder#00000000
- editor.focusedStackFrameHighlightBackground#95A5A666
- editor.foldBackground#0000000c
- editor.foldPlaceholderForeground#95A5A6
- editor.foreground#2C3E50
- editor.hoverHighlightBackground#0000000c
- editor.inactiveLineHighlightBackground#87CEEB19
- editor.inactiveSelectionBackground#0000000c
- editor.inlineValuesBackground#A1A7AB
- editor.inlineValuesForeground#2C3E50
- editor.lineHighlightBackground#87CEEB33
- editor.lineHighlightBorder#00000000
- editor.linkedEditingBackground#BDC3C7
- editor.placeholder.foreground#7F8C8D
- editor.rangeHighlightBackground#BDC3C7
- editor.rangeHighlightBorder#BDC3C7
- editor.selectionBackground#1D68904D
- editor.selectionForeground#1B2838
- editor.selectionHighlightBackground#1D689040
- editor.selectionHighlightBorder#00000000
- editor.stackFrameHighlightBackground#95A5A666
- editor.wordHighlightBackground#2ECC7140
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#2ECC714D
- editor.wordHighlightStrongBorder#00000000
- editorActionList.background#E0E0E0
- editorActionList.focusBackground#A9D7EC
- editorActionList.focusForeground#1B2838
- editorActionList.foreground#2C3E50
- editorBracketHighlight.foreground1#1D6890
- editorBracketHighlight.foreground2#A55018
- editorBracketHighlight.foreground3#7A6600
- editorBracketHighlight.foreground4#186A3B
- editorBracketHighlight.foreground5#9B59B6
- editorBracketHighlight.foreground6#E74C3C
- editorBracketMatch.background#87CEEB40
- editorBracketMatch.border#95A5A6
- editorBracketMatch.foreground#1D6890
- editorCodeLens.foreground#7F8C8D
- editorCommentsWidget.rangeActiveBackground#87CEEB4D
- editorCommentsWidget.rangeBackground#87CEEB40
- editorCommentsWidget.resolvedBorder#229954
- editorCommentsWidget.unresolvedBorder#E67E22
- editorCursor.background#E0E0E0
- editorCursor.foreground#E67E22
- editorError.background#00000000
- editorError.border#00000000
- editorError.foreground#E74C3C
- editorGhostText.background#00000000
- editorGhostText.border#00000000
- editorGhostText.foreground#7F8C8D
- editorGroup.border#E0E0E0
- editorGroup.dropBackground#E0E0E0bf
- editorGroup.emptyBackground#F0F0F0
- editorGroup.focusedEmptyBorder#E0E0E0
- editorGroupHeader.noTabsBackground#F0F0F0
- editorGroupHeader.tabsBackground#F0F0F0
- editorGroupHeader.tabsBorder#F0F0F0
- editorGutter.addedBackground#2ECC71
- editorGutter.addedSecondaryBackground#2ECC7180
- editorGutter.background#F0F0F0
- editorGutter.commentDraftGlyphForeground#E67E22
- editorGutter.commentGlyphForeground#7F8C8D
- editorGutter.commentUnresolvedGlyphForeground#E67E22
- editorGutter.deletedBackground#E74C3C
- editorGutter.deletedSecondaryBackground#E74C3C80
- editorGutter.foldingControlForeground#2C3E50
- editorGutter.itemBackground#F0F0F000
- editorGutter.itemGlyphForeground#7F8C8D
- editorGutter.modifiedBackground#E67E22
- editorGutter.modifiedSecondaryBackground#E67E2280
- editorHint.border#F0F0F0
- editorHint.foreground#9B59B6
- editorHoverWidget.background#BDC3C7
- editorHoverWidget.border#E0E0E0
- editorHoverWidget.foreground#2C3E50
- editorIndentGuide.activeBackground#95A5A6
- editorIndentGuide.background#BDC3C7
- editorInfo.background#00000000
- editorInfo.border#F0F0F0
- editorInfo.foreground#2E86C1
- editorInlayHint.background#E0E0E0
- editorInlayHint.foreground#5D6D6E
- editorLightBulb.foreground#B8860B
- editorLightBulbAi.foreground#B8860B
- editorLightBulbAutoFix.foreground#2ECC71
- editorLineNumber.activeForeground#2C3E50
- editorLineNumber.foreground#7F8C8D
- editorLink.activeForeground#1B2838
- editorMarkerNavigation.background#BDC3C7
- editorMarkerNavigationError.background#E74C3C
- editorMarkerNavigationInfo.background#87CEEB
- editorMarkerNavigationWarning.background#E67E22
- editorMinimap.inlineChatInserted#18723D66
- editorMinimap.inlineChatRemoved#E74C3C66
- editorMultiCursor.primary.background#F0F0F0
- editorMultiCursor.primary.foreground#1D6890
- editorMultiCursor.secondary.background#F0F0F0
- editorMultiCursor.secondary.foreground#636F70
- editorOverviewRuler.addedForeground#229954
- editorOverviewRuler.border#F0F0F0
- editorOverviewRuler.commentDraftForeground#E67E2266
- editorOverviewRuler.currentContentForeground#E0E0E0
- editorOverviewRuler.deletedForeground#E74C3C
- editorOverviewRuler.errorForeground#E74C3C
- editorOverviewRuler.findMatchForeground#2C3E5026
- editorOverviewRuler.incomingContentForeground#E0E0E0
- editorOverviewRuler.infoForeground#1D6890
- editorOverviewRuler.inlineChatInserted#1F8B4A66
- editorOverviewRuler.inlineChatRemoved#B03A2E66
- editorOverviewRuler.modifiedForeground#E67E22
- editorOverviewRuler.rangeHighlightForeground#2C3E5026
- editorOverviewRuler.selectionHighlightForeground#2C3E5026
- editorOverviewRuler.warningForeground#E67E22
- editorOverviewRuler.wordHighlightForeground#2C3E5026
- editorOverviewRuler.wordHighlightStrongForeground#2C3E5026
- editorPane.background#F0F0F0
- editorRuler.foreground#BDC3C7
- editorStickyScroll.background#F0F0F0
- editorStickyScroll.border#E0E0E0
- editorStickyScroll.shadow#F0F0F0
- editorStickyScrollGutter.background#F0F0F0
- editorStickyScrollHover.background#87CEEB19
- editorSuggestWidget.background#E0E0E0
- editorSuggestWidget.border#BDC3C7
- editorSuggestWidget.foreground#2C3E50
- editorSuggestWidget.highlightForeground#1B2838
- editorSuggestWidget.selectedBackground#A9D7EC
- editorSuggestWidget.selectedForeground#1B2838
- editorSuggestWidget.selectedIconForeground#1D6890
- editorUnnecessaryCode.opacity#000000a5
- editorWarning.background#00000000
- editorWarning.border#00000000
- editorWarning.foreground#B8600E
- editorWhitespace.foreground#BDC3C7
- editorWidget.background#E0E0E0
- editorWidget.border#BDC3C7
- editorWidget.foreground#2C3E50
- errorForeground#E74C3C
- extensionBadge.remoteForeground#229954
- extensionButton.background#E0E0E0
- extensionButton.foreground#2C3E50
- extensionButton.hoverBackground#BDC3C7
- extensionButton.prominentBackground#87CEEB
- extensionButton.prominentForeground#1B2838
- extensionButton.prominentHoverBackground#5DADE2
- extensionIcon.preReleaseForeground#9B59B6
- extensionIcon.privateForeground#7F8C8D
- extensionIcon.sponsorForeground#1D6890
- extensionIcon.starForeground#B8860B
- extensionIcon.verifiedForeground#229954
- focusBorder#2E86C1
- foreground#2C3E50
- gauge.background#E0E0E0
- gauge.border#636F70
- gauge.errorBackground#E74C3C
- gauge.errorForeground#101820
- gauge.foreground#1D6890
- gauge.warningBackground#B8600E
- gauge.warningForeground#101820
- git.blame.editorDecorationForeground#7F8C8D
- gitDecoration.addedResourceForeground#1A7A41
- gitDecoration.conflictingResourceForeground#B8600E
- gitDecoration.deletedResourceForeground#E74C3C
- gitDecoration.ignoredResourceForeground#7E8B8C
- gitDecoration.modifiedResourceForeground#1D6890
- gitDecoration.renamedResourceForeground#1D6890
- gitDecoration.stageDeletedResourceForeground#E74C3C
- gitDecoration.stageModifiedResourceForeground#1D6890
- gitDecoration.untrackedResourceForeground#566566
- icon.foreground#636F70
- inlineChat.background#F0F0F0
- inlineChat.border#BDC3C7
- inlineChat.foreground#2C3E50
- inlineChat.regionHighlight#2E86C11A
- inlineChat.shadow#E0E0E0
- inlineChatDiff.inserted#1F8B4A19
- inlineChatDiff.removed#B03A2E19
- inlineChatInput.background#E0E0E0
- inlineChatInput.border#BDC3C7
- inlineChatInput.focusBorder#87CEEB
- inlineChatInput.placeholderForeground#7F8C8D
- inlineEdit.gutterIndicator.background#F0F0F0
- inlineEdit.gutterIndicator.primaryBackground#1D689033
- inlineEdit.gutterIndicator.primaryBorder#1D6890
- inlineEdit.gutterIndicator.primaryForeground#1D6890
- inlineEdit.gutterIndicator.secondaryBackground#636F7026
- inlineEdit.gutterIndicator.secondaryBorder#636F70
- inlineEdit.gutterIndicator.secondaryForeground#636F70
- inlineEdit.gutterIndicator.successfulBackground#18723D26
- inlineEdit.gutterIndicator.successfulBorder#18723D
- inlineEdit.gutterIndicator.successfulForeground#18723D
- inlineEdit.modifiedBackground#18723D1A
- inlineEdit.modifiedBorder#18723D66
- inlineEdit.modifiedChangedLineBackground#18723D26
- inlineEdit.modifiedChangedTextBackground#18723D40
- inlineEdit.originalBackground#E74C3C1A
- inlineEdit.originalBorder#E74C3C66
- inlineEdit.originalChangedLineBackground#E74C3C26
- inlineEdit.originalChangedTextBackground#E74C3C40
- inlineEdit.tabWillAcceptModifiedBorder#18723D
- inlineEdit.tabWillAcceptOriginalBorder#E74C3C
- input.background#E0E0E0
- input.border#BDC3C7
- input.foreground#2C3E50
- input.placeholderForeground#768283
- inputOption.activeBackground#87CEEB33
- inputOption.activeBorder#87CEEB
- inputOption.activeForeground#636F70
- inputOption.hoverBackground#87CEEB20
- inputValidation.errorBackground#E0E0E0
- inputValidation.errorBorder#E74C3C
- inputValidation.errorForeground#E74C3C
- inputValidation.infoBackground#E0E0E0
- inputValidation.infoBorder#1D6890
- inputValidation.infoForeground#1D6890
- inputValidation.warningBackground#E0E0E0
- inputValidation.warningBorder#E67E22
- inputValidation.warningForeground#E67E22
- interactive.activeCodeBorder#95A5A6
- interactive.inactiveCodeBorder#E0E0E0
- keybindingLabel.background#BDC3C7
- keybindingLabel.border#BDC3C7
- keybindingLabel.bottomBorder#BDC3C7
- keybindingLabel.foreground#2C3E50
- list.activeSelectionBackground#A9D7EC
- list.activeSelectionForeground#1B2838
- list.activeSelectionIconForeground#1B2838
- list.dropBackground#E0E0E0bf
- list.errorForeground#E74C3C
- list.focusAndSelectionOutline#2ECC71
- list.focusBackground#87CEEB30
- list.focusForeground#2C3E50
- list.focusOutline#2ECC71
- list.highlightForeground#1F4E79
- list.hoverBackground#C8E6F5
- list.hoverForeground#2C3E50
- list.inactiveFocusBackground#E0E0E0
- list.inactiveFocusOutline#95A5A6
- list.inactiveSelectionBackground#BDC3C720
- list.inactiveSelectionForeground#34495E
- list.inactiveSelectionIconForeground#7F8C8D
- list.invalidItemForeground#E74C3C
- list.warningForeground#E67E22
- listFilterWidget.background#F0F0F0
- listFilterWidget.noMatchesOutline#E74C3C
- listFilterWidget.outline#F0F0F0
- listFilterWidget.shadow#E0E0E0
- markdownAlert.caution.foreground#C0392B
- markdownAlert.important.foreground#7C3A99
- markdownAlert.note.foreground#1D6890
- markdownAlert.tip.foreground#18723D
- markdownAlert.warning.foreground#B8600E
- mcpIcon.starForeground#B8860B
- menu.background#F0F0F0
- menu.border#BDC3C7
- menu.foreground#2C3E50
- menu.selectionBackground#87CEEB
- menu.selectionBorder#00000000
- menu.selectionForeground#1B2838
- menu.separatorBackground#E0E0E0
- menubar.selectionBackground#87CEEB
- menubar.selectionBorder#00000000
- menubar.selectionForeground#1B2838
- merge.border#F0F0F0
- merge.commonContentBackground#2C3E5019
- merge.commonHeaderBackground#2C3E5026
- merge.currentContentBackground#E74C3C33
- merge.currentHeaderBackground#E74C3C40
- merge.incomingContentBackground#1F8B4A33
- merge.incomingHeaderBackground#1F8B4A40
- mergeEditor.change.background#2C3E5033
- mergeEditor.change.word.background#2C3E5033
- mergeEditor.conflict.handled.minimapOverViewRuler#229954
- mergeEditor.conflict.handledFocused.border#229954
- mergeEditor.conflict.handledUnfocused.border#229954
- mergeEditor.conflict.unhandled.minimapOverViewRuler#E74C3C
- mergeEditor.conflict.unhandledFocused.border#E74C3C
- mergeEditor.conflict.unhandledUnfocused.border#E74C3C
- minimap.chatEditHighlight#18723D66
- minimap.errorHighlight#E74C3Ca5
- minimap.findMatchHighlight#7F8C8Da5
- minimap.infoHighlight#1D6890a5
- minimap.selectionHighlight#87CEEB80
- minimap.selectionOccurrenceHighlight#95A5A6a5
- minimap.warningHighlight#E67E22a5
- minimapGutter.addedBackground#229954
- minimapGutter.deletedBackground#E74C3C
- minimapGutter.modifiedBackground#87CEEB
- multiDiffEditor.background#F0F0F0
- multiDiffEditor.border#E0E0E0
- multiDiffEditor.headerBackground#E0E0E0
- notebook.cellBorderColor#E0E0E0
- notebook.cellEditorBackground#E0E0E07f
- notebook.cellInsertionIndicator#2C3E50
- notebook.cellStatusBarItemHoverBackground#95A5A6
- notebook.cellToolbarSeparator#E0E0E0
- notebook.editorBackground#F0F0F0
- notebook.focusedEditorBorder#87CEEB
- notebookStatusErrorIcon.foreground#E74C3C
- notebookStatusRunningIcon.foreground#2C3E50
- notebookStatusSuccessIcon.foreground#229954
- notificationCenter.border#BDC3C7
- notificationCenterHeader.background#E0E0E0
- notificationCenterHeader.foreground#5D6D6E
- notificationLink.foreground#1D6890
- notifications.background#E0E0E0
- notifications.border#BDC3C7
- notifications.foreground#2C3E50
- notificationsErrorIcon.foreground#E74C3C
- notificationsInfoIcon.foreground#1D6890
- notificationsWarningIcon.foreground#E67E22
- notificationToast.border#E0E0E0
- outputView.background#F7F9FB
- outputViewStickyScroll.background#F7F9FB
- panel.background#F7F9FB
- panel.border#E0E0E0
- panel.dropBackground#E0E0E0bf
- panelStickyScroll.background#F7F9FB
- panelStickyScroll.border#BDC3C7
- panelStickyScroll.shadow#F7F9FB
- panelTitle.activeBorder#87CEEB
- panelTitle.activeForeground#1D6890
- panelTitle.border#E0E0E0
- panelTitle.inactiveForeground#5D6D6E
- panelTitleBadge.background#87CEEB
- panelTitleBadge.foreground#1B2838
- peekView.border#E0E0E0
- peekViewEditor.background#E0E0E0
- peekViewEditor.matchHighlightBackground#BDC3C7
- peekViewEditorGutter.background#E0E0E0
- peekViewEditorStickyScroll.background#BDC3C7
- peekViewEditorStickyScrollGutter.background#BDC3C7
- peekViewResult.background#E0E0E0
- peekViewResult.fileForeground#566566
- peekViewResult.lineForeground#566566
- peekViewResult.matchHighlightBackground#BDC3C7
- peekViewResult.selectionBackground#A9D7EC
- peekViewResult.selectionForeground#1B2838
- peekViewTitle.background#E0E0E0
- peekViewTitleDescription.foreground#566566
- peekViewTitleLabel.foreground#1B2838
- pickerGroup.border#F0F0F0
- pickerGroup.foreground#768283
- ports.iconRunningProcessForeground#229954
- problemsErrorIcon.foreground#E74C3C
- problemsInfoIcon.foreground#1D6890
- problemsWarningIcon.foreground#E67E22
- profileBadge.background#1D6890
- profileBadge.foreground#F0F0F0
- profiles.sashBorder#2C3E504D
- progressBar.background#4E91BE
- quickInput.background#E0E0E0
- quickInput.border#BDC3C7
- quickInput.foreground#2C3E50
- quickInputList.focusBackground#A9D7EC
- quickInputList.focusForeground#1B2838
- quickInputList.focusHighlightForeground#1B2838
- quickInputList.focusIconForeground#1B2838
- quickInputList.hoverBackground#C8E6F5
- quickInputTitle.background#E0E0E0
- radio.activeBackground#2E86C126
- radio.activeBorder#2E86C1
- radio.activeForeground#2C3E50
- radio.inactiveBackground#E0E0E0
- radio.inactiveBorder#BDC3C7
- radio.inactiveForeground#636F70
- radio.inactiveHoverBackground#BDC3C7
- sash.hoverBorder#95A5A6
- scmGraph.foreground1#E74C3C
- scmGraph.foreground2#B8600E
- scmGraph.foreground3#1D6890
- scmGraph.foreground4#18723D
- scmGraph.foreground5#9B59B6
- scmGraph.historyItemBaseRefColor#1D6890
- scmGraph.historyItemHoverAdditionsForeground#18723D
- scmGraph.historyItemHoverDefaultLabelBackground#636F70
- scmGraph.historyItemHoverDefaultLabelForeground#F0F0F0
- scmGraph.historyItemHoverDeletionsForeground#E74C3C
- scmGraph.historyItemHoverLabelBackground#2E86C1
- scmGraph.historyItemHoverLabelForeground#F0F0F0
- scmGraph.historyItemRefColor#9B59B6
- scmGraph.historyItemRemoteRefColor#18723D
- scrollbar.shadow#00000033
- scrollbarSlider.activeBackground#2C3E50CC
- scrollbarSlider.background#7F8C8D4D
- scrollbarSlider.hoverBackground#2C3E5099
- selection.background#2C3E5026
- sessionsSidebar.background#F0F0F0
- sessionsSidebar.border#E0E0E0
- sessionsSidebarHeader.background#E0E0E0
- sessionsSidebarHeader.foreground#2C3E50
- settings.checkboxBackground#E0E0E0
- settings.checkboxBorder#BDC3C7
- settings.checkboxForeground#1D6890
- settings.dropdownBackground#E0E0E0
- settings.dropdownBorder#BDC3C7
- settings.dropdownForeground#2C3E50
- settings.dropdownListBorder#7F8C8D
- settings.headerForeground#1D6890
- settings.modifiedItemForeground#1D6890
- settings.modifiedItemIndicator#1D6890
- settings.numberInputBackground#E0E0E0
- settings.numberInputBorder#BDC3C7
- settings.numberInputForeground#2C3E50
- settings.rowHoverBackground#95A5A60c
- settings.sashBorder#E0E0E0
- settings.settingsHeaderHoverForeground#1B2838
- settings.textInputBackground#E0E0E0
- settings.textInputBorder#BDC3C7
- settings.textInputForeground#2C3E50
- sideBar.background#EAEEF2
- sideBar.border#E0E0E0
- sideBar.dropBackground#E0E0E0bf
- sideBar.foreground#566566
- sideBarSectionHeader.background#EAEEF2
- sideBarSectionHeader.border#E0E0E0
- sideBarSectionHeader.foreground#566566
- sideBarStickyScroll.background#EAEEF2
- sideBarStickyScroll.border#E0E0E0
- sideBarStickyScroll.shadow#EAEEF2
- sideBarTitle.foreground#5D6D6E
- simpleFindWidget.sashBorder#BDC3C7
- statusBar.background#E0E0E0
- statusBar.border#E0E0E0
- statusBar.debuggingBackground#95A5A6
- statusBar.debuggingBorder#E0E0E0
- statusBar.debuggingForeground#1B2838
- statusBar.focusBorder#E0E0E0
- statusBar.foreground#5D6D6E
- statusBar.noFolderBackground#E0E0E0
- statusBar.noFolderBorder#E0E0E0
- statusBar.noFolderForeground#5D6D6E
- statusBarItem.activeBackground#F0F0F0
- statusBarItem.compactHoverBackground#E0E0E0
- statusBarItem.errorBackground#F0F0F0
- statusBarItem.errorForeground#E74C3C
- statusBarItem.focusBorder#95A5A6
- statusBarItem.hoverBackground#E0E0E0
- statusBarItem.hoverForeground#1B2838
- statusBarItem.offlineBackground#BDC3C7
- statusBarItem.offlineForeground#2C3E50
- statusBarItem.offlineHoverBackground#BDC3C7
- statusBarItem.offlineHoverForeground#2C3E50
- statusBarItem.prominentBackground#1B2838
- statusBarItem.prominentForeground#F0F0F0
- statusBarItem.prominentHoverBackground#2C3E50
- statusBarItem.prominentHoverForeground#FFFFFF
- statusBarItem.remoteBackground#87CEEB
- statusBarItem.remoteForeground#1B2838
- statusBarItem.remoteHoverBackground#5DADE2
- statusBarItem.remoteHoverForeground#1B2838
- statusBarItem.warningBackground#F0F0F0
- statusBarItem.warningForeground#E67E22
- symbolIcon.arrayForeground#E74C3C
- symbolIcon.booleanForeground#E74C3C
- symbolIcon.classForeground#1D6890
- symbolIcon.colorForeground#9B59B6
- symbolIcon.constantForeground#7C3A99
- symbolIcon.constructorForeground#229954
- symbolIcon.enumeratorForeground#E67E22
- symbolIcon.enumeratorMemberForeground#E67E22
- symbolIcon.eventForeground#E67E22
- symbolIcon.fieldForeground#E67E22
- symbolIcon.fileForeground#7F8C8D
- symbolIcon.folderForeground#7F8C8D
- symbolIcon.functionForeground#1D6890
- symbolIcon.interfaceForeground#1D6890
- symbolIcon.keyForeground#E67E22
- symbolIcon.keywordForeground#C82355
- symbolIcon.methodForeground#1D6890
- symbolIcon.moduleForeground#1D6890
- symbolIcon.namespaceForeground#1D6890
- symbolIcon.nullForeground#7C3A99
- symbolIcon.numberForeground#A55018
- symbolIcon.objectForeground#1D6890
- symbolIcon.operatorForeground#C82355
- symbolIcon.packageForeground#9B59B6
- symbolIcon.propertyForeground#E67E22
- symbolIcon.referenceForeground#7C3A99
- symbolIcon.snippetForeground#229954
- symbolIcon.stringForeground#186A3B
- symbolIcon.structForeground#C82355
- symbolIcon.textForeground#186A3B
- symbolIcon.typeParameterForeground#E67E22
- symbolIcon.unitForeground#7C3A99
- symbolIcon.variableForeground#1D6890
- tab.activeBackground#F0F0F0
- tab.activeBorder#87CEEB
- tab.activeBorderTop#87CEEB
- tab.activeForeground#1B2838
- tab.activeModifiedBorder#BDC3C7
- tab.border#F0F0F0
- tab.dragAndDropBorder#1D6890
- tab.hoverBackground#C8E6F5
- tab.hoverBorder#BDC3C7
- tab.hoverForeground#1B2838
- tab.inactiveBackground#F0F0F0
- tab.inactiveForeground#5D6D6E
- tab.inactiveModifiedBorder#BDC3C7
- tab.lastPinnedBorder#BDC3C7
- tab.selectedBackground#F0F0F0
- tab.selectedBorderTop#1D6890
- tab.selectedForeground#2C3E50
- tab.unfocusedActiveBorder#7F8C8D
- tab.unfocusedActiveForeground#7F8C8D
- tab.unfocusedActiveModifiedBorder#E0E0E0
- tab.unfocusedHoverBackground#F0F0F0
- tab.unfocusedHoverBorder#F0F0F0
- tab.unfocusedHoverForeground#7F8C8D
- tab.unfocusedInactiveForeground#7F8C8D
- tab.unfocusedInactiveModifiedBorder#E0E0E0
- terminal.ansiBlack#343B42
- terminal.ansiBlue#1D6890
- terminal.ansiBrightBlack#596667
- terminal.ansiBrightBlue#3050A0
- terminal.ansiBrightCyan#006878
- terminal.ansiBrightGreen#2B6818
- terminal.ansiBrightMagenta#9B3D8E
- terminal.ansiBrightRed#A83020
- terminal.ansiBrightWhite#1B2838
- terminal.ansiBrightYellow#885215
- terminal.ansiCyan#14705F
- terminal.ansiGreen#18723D
- terminal.ansiMagenta#7C3A99
- terminal.ansiRed#BE2151
- terminal.ansiWhite#2C3E50
- terminal.ansiYellow#766200
- terminal.background#E0E0E0
- terminal.border#E0E0E0
- terminal.foreground#2C3E50
- terminal.initialHintForeground#95A5A6
- terminal.selectionBackground#87CEEB66
- terminal.selectionForeground#1B2838
- terminal.tab.activeBorder#87CEEB
- terminalCommandDecoration.defaultBackground#2C3E50
- terminalCommandDecoration.errorBackground#E74C3C
- terminalCommandDecoration.successBackground#229954
- terminalCommandGuide.foreground#BDC3C7
- terminalCursor.background#00000000
- terminalCursor.foreground#2C3E50
- terminalOverviewRuler.border#E0E0E0
- terminalStickyScroll.background#F7F9FB
- terminalStickyScroll.border#E0E0E0
- terminalStickyScrollHover.background#C8E6F5
- testing.coverCountBadgeBackground#1D6890
- testing.coverCountBadgeForeground#F0F0F0
- testing.coveredMinimapBackground#1F8B4A4D
- testing.iconErrored#E74C3C
- testing.iconFailed#E74C3C
- testing.iconPassed#229954
- testing.iconQueued#2C3E50
- testing.iconSkipped#E67E22
- testing.iconUnset#7F8C8D
- testing.message.error.badgeBackground#E74C3C
- testing.message.error.badgeBorder#E74C3C
- testing.message.error.badgeForeground#101820
- testing.message.error.decorationForeground#E74C3C
- testing.message.error.lineBackground#E74C3C33
- testing.message.info.decorationForeground#2C3E50
- testing.message.info.lineBackground#2C3E5019
- testing.runAction#1D6890
- testing.uncoveredBranchBackground#E74C3C1A
- testing.uncoveredMinimapBackground#B03A2E4D
- textBlockQuote.background#E0E0E0
- textBlockQuote.border#E0E0E0
- textCodeBlock.background#E0E0E0
- textLink.activeForeground#1B2838
- textLink.foreground#1D6890
- textPreformat.foreground#2C3E50
- textSeparator.foreground#95A5A6
- titleBar.activeBackground#E0E0E0
- titleBar.activeForeground#636F70
- titleBar.border#E0E0E0
- titleBar.inactiveBackground#E0E0E0
- titleBar.inactiveForeground#636F70
- toolbar.activeBackground#00000018
- toolbar.hoverBackground#00000010
- toolbar.hoverOutline#00000000
- tree.inactiveIndentGuidesStroke#F0F0F0
- tree.indentGuidesStroke#E0E0E0
- walkThrough.embeddedEditorBackground#E0E0E0
- welcomePage.buttonBackground#E0E0E0
- welcomePage.buttonHoverBackground#87CEEB
- welcomePage.buttonHoverForeground#1B2838
- welcomePage.progress.background#2ECC71
- welcomePage.progress.foreground#2ECC71
- welcomePage.tileBackground#E0E0E0
- welcomePage.tileHoverBackground#87CEEB
- welcomePage.tileHoverForeground#1B2838
- welcomePage.tileShadow#BDC3C7
- widget.border#BDC3C7
- widget.shadow#E0E0E0
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 | #536263 | italic |
| comment storage.type | #536263 | — |
| comment entity.name.type | #0d6535 | — |
| comment variable, comment variable.other | #0d6535 | — |
| comment keyword, comment entity.name.tag, entity.name.tag.documentation | #0d6535 | — |
| comment keyword.codetag.notation | #7a4098 | — |
| comment.git-status.header.remote | #a81d48 | — |
| comment.git-status.header.local | #145878 | — |
| comment.other.git-status.head | #3d5d7d | — |
| string.quoted.docstring, string.quoted.docstring punctuation.definition | #536263 | — |
| constant | #7C3A99 | — |
| constant.other | #2C3E50 | — |
| constant.other.caps | #7C3A99 | — |
| constant.other.placeholder | #A55018 | — |
| constant.other.property | #7C3A99 | — |
| constant.other.citation.latex | #7C3A99 | — |
| constant.other.color | #7C3A99 | — |
| constant.other.character-class.escape | #7C3A99 | — |
| constant.other.key | #7C3A99 | — |
| constant.other.symbol | #A55018 | — |
| constant.other.elm | #1D6890 | — |
| constant.numeric | #A55018 | — |
| constant.language | #7C3A99 | — |
| constant.character.escape | #7C3A99 | — |
| constant.numeric.line-number.find-in-files | #5D6D6E | — |
| constant.numeric.line-number.match.find-in-files | #7A6600 | — |
| entity.name.section | #7A6600 | — |
| entity.name.function, entity.name.function.templated, entity.name.function.member.static | #1D6890 | — |
| entity.name.type.class.templated, entity.name.type.class.generic, entity.name.type.namespace | #7A6600 | — |
| entity.name.label | #7C3A99 | — |
| entity.name.function.preprocessor | #1D6890 | — |
| entity.name | #1D6890 | — |
| entity.name.class | #7A6600 | — |
| entity.name.constant | #7C3A99 | — |
| entity.name.namespace | #2C3E50 | — |
| entity.other.inherited-class | #7A6600 | italic |
| entity.name.function | #1D6890 | — |
| entity.name.tag, entity.name.tag.js.jsx support.class.component.js.jsx, entity.name.tag support.class.component, source.vue support.class.component | #C82355 | — |
| source.ansible entity.name.tag | #1D6890 | — |
| entity.name.function.operator | #C82355 | — |
| meta.brackets entity.name.function.operator, punctuation.separator entity.name.function.operator | #5D6D6E | — |
| entity.name.type, entity.name.type.class.reference, entity.name.type.class.value | #7A6600 | — |
| entity.other.attribute-name | #1D6890 | 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 | #7A6600 | — |
| entity.other.attribute-name.id.css | #A55018 | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.pseudo-class.css, entity.other.pseudo-element.css | #1D6890 | italic |
| entity.name.function, support.function | #1D6890 | — |
| entity.other.git-status.hex | #7C3A99 | — |
| entity.other.jinja2.delimiter | #5D6D6E | — |
| entity.name.operator.custom-literal | #2C3E50 | — |
| entity.name.operator.custom-literal.string | #186A3B | — |
| entity.name.operator.custom-literal.number | #A55018 | — |
| entity.name.type.rust | #7A6600 | — |
| entity.name.lifetime.rust | #C82355 | — |
| invalid | #C82355 | italic underline |
| invalid.deprecated | #A55018 | italic underline |
| keyword | #C82355 | — |
| keyword.control | #C82355 | — |
| keyword.control.directive | #C82355 | — |
| keyword.operator, keyword.operator.member, keyword.operator.new | #C82355 | — |
| keyword.other.substitution | #5D6D6E | — |
| keyword.other.template.begin, keyword.other.template.end | #C82355 | — |
| keyword.operator.heading.restructuredtext, keyword.operator.table.row.restructuredtext keyword.operator.table.data.restructuredtext | #5D6D6E | — |
| keyword.other.parenthesis.elm | #5D6D6E | — |
| keyword.other.fn.rust, keyword.other.rust, keyword.other.unsafe.rust, keyword.other.where.rust | #1D6890 | — |
| keyword.control.rust, keyword.operator.misc.rust | #C82355 | — |
| keyword.declaration.class.ruby, keyword.declaration.function.ruby, keyword.declaration.namespace.ruby | #C82355 | — |
| markup.italic | — | italic |
| markup.bold | — | bold |
| markup.heading | #7A6600 | — |
| markup.raw | #A55018 | — |
| markup.underline | — | underline |
| markup.underline.link | #1D6890 | — |
| markup.inserted, markup.inserted punctuation.definition.inserted | #186A3B | — |
| markup.deleted, markup.deleted punctuation.definition.deleted | #C82355 | — |
| markup.changed, markup.changed punctuation.definition.changed | #7A6600 | — |
| markup.ignored, markup.ignored punctuation.definition.ignored | #5D6D6E | — |
| markup.untracked | #5D6D6E | — |
| markup.quote | — | italic |
| 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 | #5D6D6E | — |
| meta.function-call.generic.python, support.function.builtin.python | #1D6890 | — |
| meta.function-call.python meta.function-call.arguments.python | #2C3E50 | — |
| meta.interpolation | #A55018 | — |
| meta.instance.constructor | #1D6890 | — |
| meta.attribute-with-value.class string, meta.attribute.class.html string | #7A6600 | — |
| meta.attribute-with-value.id string, meta.attribute.id.html string | #A55018 | — |
| source.json meta.mapping.key string | #2C3E50 | — |
| source.yaml meta.mapping.key string | #C82355 | — |
| meta.object.member | #2C3E50 | — |
| meta.property-list.css variable.other | #A55018 | — |
| entity.name.constant.preprocessor, meta.preprocessor | #7C3A99 | — |
| meta.diff.git-diff.header | #7A6600 | — |
| meta.type_params.rust | #2C3E50 | — |
| 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 | #177A42 | — |
| meta.type variable, meta.type variable.other.readwrite | #7C3A99 | — |
| punctuation | #5D6D6E | — |
| 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 | #5D6D6E | — |
| punctuation.definition.group | #2C3E50 | — |
| punctuation.definition.comment | #536263 | — |
| punctuation.definition.variable, punctuation.definition.keyword.scss, punctuation.definition.entity.css | #177A42 | — |
| punctuation.section.embedded, punctuation.section.embedded entity.name.tag, punctuation.section.embedded constant.other, punctuation.section.embedded source, punctuation.section.embedded.begin | #A55018 | — |
| 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 | #C82355 | — |
| meta.paragraph.markdown meta.dummy.line-break, meta.paragraph.markdown meta.hard-line-break.markdown | — | — |
| markup.underline.link punctuation | #1D6890 | — |
| meta.brace.round, meta.brace.square, keyword.operator.type.annotation, meta.type storage.modifier.array | #5D6D6E | — |
| region.redish | #C82355 | — |
| region.orangish | #A55018 | — |
| region.yellowish | #7A6600 | — |
| region.greenish | #186A3B | — |
| region.bluish | #1D6890 | — |
| region.purplish | #7C3A99 | — |
| region.pinkish | #C82355 | — |
| region.whitish | #2C3E50 | — |
| source | #2C3E50 | — |
| source.scss, source.sass | #5D6D6E | — |
| 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 | #A55018 | italic |
| source.git-show.commit.sha | #7C3A99 | — |
| 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 | #5D6D6E | — |
| source.git-show meta.diff.git-diff.header.extended.index.from-sha, source.git-show meta.diff.git-diff.header.extended.index.to-sha | #7C3A99 | — |
| source.git-show meta.diff.range.unified | #A55018 | — |
| source.git-show meta.diff.header.from-file, source.git-show meta.diff.header.to-file | #5D6D6E | — |
| storage | #C82355 | — |
| storage.type | #1D6890 | italic |
| storage.type.extends | #C82355 | normal |
| storage.type.function.arrow | #C82355 | normal |
| storage.modifier, storage.type.modifier | #C82355 | italic |
| storage.class.restructuredtext.ref | #7C3A99 | — |
| storage.modifier.visibility.rust, storage.modifier.lifetime.rust | #C82355 | — |
| 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 | #C82355 | — |
| storage.modifier.import.java | #2C3E50 | — |
| string | #186A3B | — |
| string.unquoted.label | #2C3E50 | — |
| string source | #2C3E50 | — |
| string source punctuation.section.embedded, string punctuation.definition.string source | #5D6D6E | — |
| string.other.link.title, string.other.link.description | #C82355 | — |
| string.other.link.description.title | #1D6890 | — |
| string.regexp punctuation.definition.string.begin, string.regexp punctuation.definition.string.end | #C82355 | — |
| string.other.ref, string.other.restructuredtext.ref | #1D6890 | — |
| string.other.git-status.help.key | #177A42 | — |
| string.other.git-status.remote | #C82355 | — |
| support.constant | #1D6890 | — |
| support.constant.handlebars | #5D6D6E | — |
| support.type.vendor-prefix.css | #177A42 | — |
| support.function | #1D6890 | — |
| support.macro | #1D6890 | — |
| support.function.delimiter.elm | #5D6D6E | — |
| support.type, entity.name.type.object.console | #1D6890 | italic |
| support.variable, support.variable.property | #1D6890 | — |
| support.type.property-name | #2C3E50 | normal |
| support.class | #7A6600 | — |
| support.constant.core.rust | #7C3A99 | — |
| comment support, comment support.class | #536263 | — |
| text | #2C3E50 | — |
| text.find-in-files | #2C3E50 | — |
| variable, variable.other | #2C3E50 | — |
| variable.parameter, parameters variable.function | #A55018 | italic |
| variable.language, variable.parameter.function.language.special.self.python, variable.parameter.function.language.special.cls.python | #177A42 | italic |
| variable.language.arguments | #7C3A99 | — |
| variable.other.class | #7A6600 | — |
| variable.other.constant | #7C3A99 | — |
| variable.other.readwrite | #2C3E50 | — |
| variable.other.member | #2C3E50 | — |
| variable.other.enummember | #7C3A99 | — |
| variable.other.property, variable.other.property.static, variable.other.event | #2C3E50 | — |
| variable.function | #1D6890 | — |
| variable.other.substitution | #A55018 | — |
| source.ruby variable.other.readwrite.instance.ruby, source.ruby variable.other.readwrite.class.ruby | #7C3A99 | — |
| source.jinja2 variable.other.jinja2.block | #1D6890 | — |
| source.jinja2 variable.other.jinja2 | #A55018 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...