Magenta
Publisher: MagentaThemes in package: 4
AI audit and compliance tool — flags AI-generated and pasted code inline.
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.background#1a0e1f
- activityBar.border#2d1a35
- activityBar.foreground#e06bbd
- activityBar.inactiveForeground#7a4d7a
- activityBarBadge.background#c44fa0
- activityBarBadge.foreground#ffffff
- badge.background#7b2d6b
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#c44fa0
- breadcrumb.background#130b18
- breadcrumb.focusForeground#e06bbd
- breadcrumb.foreground#7a4d7a
- breadcrumbPicker.background#1e1126
- button.background#7b2d6b
- button.border#00000000
- button.foreground#ffffff
- button.hoverBackground#9a3885
- button.secondaryBackground#3d1f4a
- button.secondaryForeground#c9a8d4
- button.secondaryHoverBackground#4d2a5a
- button.separator#ffffff40
- charts.blue#a06bc8
- charts.foreground#c9a8d4
- charts.green#6ec88a
- charts.lines#3d1f4a
- charts.orange#d07060
- charts.purple#e06bbd
- charts.red#e05070
- charts.yellow#e0a868
- checkbox.background#1e1126
- checkbox.border#5a3d6a
- checkbox.foreground#e06bbd
- checkbox.selectBackground#7b2d6b
- checkbox.selectBorder#c44fa0
- contrastActiveBorder#00000000
- contrastBorder#00000000
- debugExceptionWidget.background#2a1020
- debugExceptionWidget.border#e05070
- debugTokenExpression.boolean#c090e0
- debugTokenExpression.error#e05070
- debugTokenExpression.name#e06bbd
- debugTokenExpression.number#e0c878
- debugTokenExpression.string#c8d8a0
- debugTokenExpression.value#c9a8d4
- debugToolBar.background#1e1126
- debugToolBar.border#3d1f4a
- diffEditor.border#2d1a35
- diffEditor.insertedLineBackground#4a7a3a18
- diffEditor.insertedTextBackground#4a7a3a20
- diffEditor.removedLineBackground#8b204018
- diffEditor.removedTextBackground#8b204030
- diffEditorOverview.insertedForeground#4a7a3a
- diffEditorOverview.removedForeground#8b2040
- dropdown.background#1e1126
- dropdown.border#3d1f4a
- dropdown.foreground#c9a8d4
- dropdown.listBackground#1e1126
- editor.background#130b18
- editor.findMatchBackground#c44fa066
- editor.findMatchHighlightBackground#c44fa033
- editor.findRangeHighlightBackground#c44fa020
- editor.focusedStackFrameHighlightBackground#9a3880aa
- editor.foreground#e2cfe8
- editor.hoverHighlightBackground#7b2d6b33
- editor.inactiveSelectionBackground#7b2d6b33
- editor.lineHighlightBackground#1f1028
- editor.lineHighlightBorder#2d1a35
- editor.selectionBackground#7b2d6b55
- editor.selectionHighlightBackground#7b2d6b33
- editor.stackFrameHighlightBackground#7a3060aa
- editor.wordHighlightBackground#6b2060aa
- editor.wordHighlightStrongBackground#8b3080bb
- editorBracketHighlight.foreground1#e06bbd
- editorBracketHighlight.foreground2#b87fc8
- editorBracketHighlight.foreground3#8860b0
- editorBracketHighlight.foreground4#c44fa0
- editorBracketHighlight.foreground5#d070b8
- editorBracketHighlight.foreground6#a050a0
- editorBracketHighlight.unexpectedBracket.foreground#e05070
- editorBracketMatch.background#7b2d6b33
- editorBracketMatch.border#c44fa0
- editorCodeLens.foreground#7060a0
- editorCursor.background#130b18
- editorCursor.foreground#e06bbd
- editorError.border#00000000
- editorError.foreground#e05070
- editorGroup.border#2d1a35
- editorGroup.dropBackground#7b2d6b22
- editorGroupHeader.noTabsBackground#1a0e1f
- editorGroupHeader.tabsBackground#180c1c
- editorGroupHeader.tabsBorder#2d1a35
- editorGutter.addedBackground#4a7a3a
- editorGutter.background#130b18
- editorGutter.deletedBackground#8b2040
- editorGutter.modifiedBackground#a0409090
- editorHint.foreground#8860b0
- editorHoverWidget.background#1e1126
- editorHoverWidget.border#3d1f4a
- editorHoverWidget.foreground#c9a8d4
- editorHoverWidget.highlightForeground#e06bbd
- editorHoverWidget.statusBarBackground#251330
- editorIndentGuide.activeBackground#7b2d6b80
- editorIndentGuide.background#2d1a3540
- editorInfo.border#00000000
- editorInfo.foreground#a06bc8
- editorLightBulb.foreground#e06bbd
- editorLightBulbAutoFix.foreground#c44fa0
- editorLineNumber.activeForeground#c44fa0
- editorLineNumber.foreground#4d2d5a
- editorOverviewRuler.border#2d1a35
- editorOverviewRuler.errorForeground#e05070
- editorOverviewRuler.findMatchForeground#c44fa0
- editorOverviewRuler.infoForeground#a06bc8
- editorOverviewRuler.rangeHighlightForeground#7b2d6b
- editorOverviewRuler.selectionHighlightForeground#c44fa0
- editorOverviewRuler.warningForeground#d4848a
- editorOverviewRuler.wordHighlightForeground#a0409090
- editorOverviewRuler.wordHighlightStrongForeground#c44fa0
- editorRuler.foreground#2d1a35
- editorStickyScroll.background#1a0e1f
- editorStickyScrollHover.background#1f1028
- editorSuggestWidget.background#1e1126
- editorSuggestWidget.border#3d1f4a
- editorSuggestWidget.focusHighlightForeground#e06bbd
- editorSuggestWidget.foreground#c9a8d4
- editorSuggestWidget.highlightForeground#e06bbd
- editorSuggestWidget.selectedBackground#7b2d6b55
- editorSuggestWidget.selectedForeground#e2cfe8
- editorSuggestWidget.selectedIconForeground#e06bbd
- editorWarning.border#00000000
- editorWarning.foreground#d4848a
- editorWhitespace.foreground#2d1a3560
- extensionBadge.remoteBackground#251330
- extensionBadge.remoteForeground#e06bbd
- extensionButton.prominentBackground#7b2d6b
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#9a3885
- extensionIcon.preReleaseForeground#c44fa0
- extensionIcon.sponsorForeground#e06bbd
- extensionIcon.starForeground#e0a868
- extensionIcon.verifiedForeground#6ec88a
- focusBorder#c44fa0
- gitDecoration.addedResourceForeground#6ec88a
- gitDecoration.conflictingResourceForeground#e0a868
- gitDecoration.deletedResourceForeground#e05070
- gitDecoration.ignoredResourceForeground#4d2d5a
- gitDecoration.modifiedResourceForeground#e06bbd
- gitDecoration.renamedResourceForeground#c44fa0
- gitDecoration.stageDeletedResourceForeground#e07080
- gitDecoration.stageModifiedResourceForeground#d080b8
- gitDecoration.submoduleResourceForeground#a070c0
- gitDecoration.untrackedResourceForeground#9060a8
- icon.foreground#c9a8d4
- input.background#1e1126
- input.border#3d1f4a
- input.foreground#e2cfe8
- input.placeholderForeground#5a3d6a
- inputOption.activeBackground#7b2d6b80
- inputOption.activeBorder#c44fa0
- inputOption.activeForeground#e06bbd
- inputOption.hoverBackground#3d1f4a
- inputValidation.errorBackground#3a1020
- inputValidation.errorBorder#e05070
- inputValidation.infoBackground#1f1228
- inputValidation.infoBorder#a06bc8
- inputValidation.warningBackground#2a1820
- inputValidation.warningBorder#c44fa0
- keybindingLabel.background#251330
- keybindingLabel.border#3d1f4a
- keybindingLabel.bottomBorder#2d1a35
- keybindingLabel.foreground#c9a8d4
- keybindingTable.headerBackground#251330
- keybindingTable.rowsBackground#1e112640
- list.activeSelectionBackground#7b2d6b55
- list.activeSelectionForeground#e06bbd
- list.activeSelectionIconForeground#e06bbd
- list.deemphasizedForeground#5a3d6a
- list.dropBackground#7b2d6b33
- list.errorForeground#e07080
- list.focusBackground#7b2d6b44
- list.focusForeground#e06bbd
- list.focusOutline#c44fa060
- list.highlightForeground#e06bbd
- list.hoverBackground#2d1a3580
- list.hoverForeground#c9a8d4
- list.inactiveFocusBackground#3d1f4a60
- list.inactiveSelectionBackground#3d1f4a80
- list.inactiveSelectionForeground#c9a8d4
- list.warningForeground#d0848a
- listFilterWidget.background#1e1126
- listFilterWidget.noMatchesOutline#e05070
- listFilterWidget.outline#c44fa0
- merge.border#00000000
- merge.currentContentBackground#4a7a3a18
- merge.currentHeaderBackground#4a7a3a40
- merge.incomingContentBackground#7b2d6b18
- merge.incomingHeaderBackground#7b2d6b40
- mergeEditor.change.background#4a7a3a20
- mergeEditor.change.word.background#4a7a3a40
- mergeEditor.conflict.handledFocused.border#7b2d6b
- mergeEditor.conflict.handledUnfocused.border#7b2d6b60
- mergeEditor.conflict.unhandledFocused.border#c44fa0
- mergeEditor.conflict.unhandledUnfocused.border#c44fa060
- minimap.background#130b18
- minimap.errorHighlight#e05070
- minimap.findMatchHighlight#c44fa0
- minimap.selectionHighlight#7b2d6b80
- minimap.warningHighlight#c44fa0
- minimapGutter.addedBackground#4a7a3a
- minimapGutter.deletedBackground#8b2040
- minimapGutter.modifiedBackground#c44fa0
- minimapSlider.activeBackground#c44fa060
- minimapSlider.background#7b2d6b30
- minimapSlider.hoverBackground#7b2d6b55
- notificationLink.foreground#e06bbd
- notifications.background#1e1126
- notifications.border#2d1a35
- notifications.foreground#c9a8d4
- notificationsErrorIcon.foreground#e05070
- notificationsInfoIcon.foreground#a06bc8
- notificationsWarningIcon.foreground#c44fa0
- panel.background#1a0e1f
- panel.border#2d1a35
- panel.dropBorder#c44fa0
- panelInput.border#3d1f4a
- panelTitle.activeBorder#c44fa0
- panelTitle.activeForeground#e06bbd
- panelTitle.inactiveForeground#7a4d7a
- peekView.border#c44fa0
- peekViewEditor.background#180c1c
- peekViewEditor.matchHighlightBackground#c44fa033
- peekViewEditorGutter.background#180c1c
- peekViewResult.background#1e1126
- peekViewResult.fileForeground#e06bbd
- peekViewResult.lineForeground#c9a8d4
- peekViewResult.matchHighlightBackground#c44fa050
- peekViewResult.selectionBackground#7b2d6b55
- peekViewResult.selectionForeground#e2cfe8
- peekViewTitle.background#251330
- peekViewTitleDescription.foreground#9070a8
- peekViewTitleLabel.foreground#e06bbd
- progressBar.background#c44fa0
- quickInput.background#1e1126
- quickInput.foreground#e2cfe8
- quickInputList.focusBackground#7b2d6b55
- quickInputList.focusForeground#e06bbd
- quickInputList.focusIconForeground#e06bbd
- quickInputTitle.background#251330
- scm.providerBorder#2d1a35
- scrollbar.shadow#0d060f
- scrollbarSlider.activeBackground#c44fa080
- scrollbarSlider.background#7b2d6b40
- scrollbarSlider.hoverBackground#7b2d6b70
- selection.background#7b2d6b55
- settings.checkboxBackground#1e1126
- settings.checkboxBorder#5a3d6a
- settings.checkboxForeground#e06bbd
- settings.dropdownBackground#1e1126
- settings.dropdownBorder#3d1f4a
- settings.dropdownForeground#c9a8d4
- settings.focusedRowBackground#2d1a3540
- settings.headerBorder#2d1a35
- settings.headerForeground#e06bbd
- settings.modifiedItemIndicator#c44fa0
- settings.numberInputBackground#1e1126
- settings.numberInputBorder#3d1f4a
- settings.numberInputForeground#e2cfe8
- settings.rowHoverBackground#2d1a3530
- settings.sashBorder#c44fa060
- settings.sectionHeaderForeground#b87fc8
- settings.textInputBackground#1e1126
- settings.textInputBorder#3d1f4a
- settings.textInputForeground#e2cfe8
- sideBar.background#1e1126
- sideBar.border#2d1a35
- sideBar.foreground#c9a8d4
- sideBarSectionHeader.background#251330
- sideBarSectionHeader.border#2d1a35
- sideBarSectionHeader.foreground#b87fc8
- sideBarTitle.foreground#e06bbd
- statusBar.background#1a0e1f
- statusBar.border#2d1a35
- statusBar.debuggingBackground#7b2d6b
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#e06bbd
- statusBar.noFolderBackground#180c1c
- statusBar.noFolderForeground#c06aaa
- statusBarItem.activeBackground#3a1f42
- statusBarItem.errorBackground#6b1f3a
- statusBarItem.errorForeground#ffd0d0
- statusBarItem.hoverBackground#2d1a35
- statusBarItem.prominentBackground#7b2d6b
- statusBarItem.prominentForeground#ffffff
- statusBarItem.prominentHoverBackground#8f3580
- statusBarItem.warningBackground#7a3060
- statusBarItem.warningForeground#ffcce8
- tab.activeBackground#130b18
- tab.activeBorder#c44fa0
- tab.activeBorderTop#00000000
- tab.activeForeground#e06bbd
- tab.border#2d1a35
- tab.hoverBackground#1f1028
- tab.hoverBorder#7b2d6b
- tab.hoverForeground#c9a8d4
- tab.inactiveBackground#180c1c
- tab.inactiveForeground#7a4d7a
- tab.lastPinnedBorder#c44fa060
- tab.unfocusedActiveForeground#b08ab8
- tab.unfocusedInactiveForeground#5a3d5a
- terminal.ansiBlack#2d1a35
- terminal.ansiBlue#a06bc8
- terminal.ansiBrightBlack#5a3d5a
- terminal.ansiBrightBlue#c090e0
- terminal.ansiBrightCyan#a0e0e0
- terminal.ansiBrightGreen#90e0a8
- terminal.ansiBrightMagenta#f090d0
- terminal.ansiBrightRed#e87090
- terminal.ansiBrightWhite#f0e8f5
- terminal.ansiBrightYellow#e8c080
- terminal.ansiCyan#80d4d4
- terminal.ansiGreen#6ec88a
- terminal.ansiMagenta#e06bbd
- terminal.ansiRed#e05070
- terminal.ansiWhite#e2cfe8
- terminal.ansiYellow#e0a868
- terminal.background#130b18
- terminal.border#2d1a35
- terminal.foreground#e2cfe8
- terminal.selectionBackground#7b2d6b55
- terminalCursor.background#130b18
- terminalCursor.foreground#e06bbd
- testing.coveredBackground#4a7a3a18
- testing.iconErrored#e05070
- testing.iconFailed#e05070
- testing.iconPassed#6ec88a
- testing.iconQueued#a06bc8
- testing.iconSkipped#5a3d6a
- testing.iconUnset#7a4d7a
- testing.message.error.decorationForeground#e05070
- testing.message.info.decorationForeground#a06bc8
- testing.peekBorder#c44fa0
- testing.peekHeaderBackground#251330
- testing.runAction#c44fa0
- testing.uncoveredBackground#8b204018
- textBlockQuote.background#1e1126
- textBlockQuote.border#c44fa0
- textLink.activeForeground#f090d0
- textLink.foreground#e06bbd
- textPreformat.background#251330
- textPreformat.foreground#c9a8d4
- textSeparator.foreground#3d1f4a
- titleBar.activeBackground#1a0e1f
- titleBar.activeForeground#d9a0c8
- titleBar.border#2d1a35
- titleBar.inactiveBackground#180c1c
- titleBar.inactiveForeground#7a4d7a
- toolbar.activeBackground#3d1f4a
- toolbar.hoverBackground#2d1a3580
- tree.inactiveIndentGuidesStroke#2d1a3580
- tree.indentGuidesStroke#3d1f4a
- widget.border#2d1a35
- widget.shadow#0d060f99
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| source, text | #e2cfe8 | — |
| comment, punctuation.definition.comment | #6a4a7a | italic |
| comment.block.documentation, comment.line.double-slash.documentation | #7a5888 | italic |
| string, string.quoted, string.template | #c8d8a0 | — |
| constant.character.escape, string.regexp | #e0c878 | — |
| punctuation.definition.template-expression | #e06bbd | — |
| constant.numeric | #e0c878 | — |
| constant.language.boolean, constant.language.null, constant.language.undefined | #c090e0 | — |
| constant.language | #c090e0 | — |
| constant.other, variable.other.constant | #d090c8 | — |
| keyword.control, keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as, keyword.control.return, keyword.control.if, keyword.control.else, keyword.control.for, keyword.control.while, keyword.control.switch, keyword.control.case, keyword.control.default, keyword.control.break, keyword.control.continue, keyword.control.try, keyword.control.catch, keyword.control.finally, keyword.control.throw, keyword.control.async, keyword.control.await, keyword.control.yield | #e06bbd | bold |
| keyword, keyword.other | #c44fa0 | — |
| keyword.operator.word, keyword.operator.new, keyword.operator.delete, keyword.operator.typeof, keyword.operator.instanceof, keyword.operator.in, keyword.operator.of | #d060b0 | — |
| keyword.operator | #b07ac8 | — |
| punctuation, meta.brace, punctuation.separator, punctuation.terminator | #9060a8 | — |
| punctuation.definition.block, meta.brace.curly, meta.brace.round, meta.brace.square | #c070b8 | — |
| storage.type, storage.modifier | #e06bbd | bold |
| support.type, entity.name.type, entity.name.type.alias, entity.name.type.interface, entity.other.inherited-class, meta.type.annotation, meta.type.parameters | #c9a8d4 | — |
| support.type.primitive, keyword.type, storage.type.boolean.go, storage.type.string.go, storage.type.numeric.go | #b87fc8 | — |
| entity.name.function, meta.definition.method entity.name.function, meta.function-call entity.name.function | #f090d0 | — |
| meta.function-call.generic, meta.method-call | #e880c8 | — |
| variable.parameter, meta.parameters variable.other | #d8a8e0 | italic |
| variable, variable.other.readwrite | #e2cfe8 | — |
| variable.language.this, variable.language.self, variable.language.super | #e06bbd | italic |
| variable.other.property, support.variable.property, meta.property-name | #d8b0e0 | — |
| entity.name.class, entity.name.type.class | #c9a8d4 | bold |
| meta.class entity.name.function | #c9a8d4 | — |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #a06bc8 | italic |
| entity.name.namespace, entity.name.module, support.module | #b87fc8 | — |
| string.quoted.double.import, string.quoted.single.import | #c8d8a0 | — |
| support.function, support.function.builtin | #e06bbd | — |
| support.class, support.class.builtin | #c9a8d4 | — |
| entity.name.tag, support.class.component | #e06bbd | — |
| entity.other.attribute-name | #c9a8d4 | — |
| string.quoted.double.html, string.quoted.single.html | #c8d8a0 | — |
| punctuation.section.embedded | #e06bbd | — |
| constant.character.entity.html, punctuation.definition.entity.html | #e0c878 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #f090d0 | — |
| support.type.property-name.css | #c9a8d4 | — |
| support.constant.property-value.css | #c8d8a0 | — |
| keyword.other.unit.css, constant.numeric.css | #e0c878 | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css | #a06bc8 | italic |
| markup.heading, entity.name.section.markdown | #e06bbd | bold |
| markup.bold | #f090d0 | bold |
| markup.italic | #d8a8e0 | italic |
| markup.inline.raw, markup.fenced_code.block | #c8d8a0 | — |
| markup.underline.link | #e06bbd | underline |
| punctuation.definition.list.begin.markdown | #c44fa0 | — |
| markup.quote | #7a5888 | italic |
| support.type.property-name.json | #d8a8e0 | — |
| string.regexp | #e0c878 | — |
| keyword.operator.quantifier.regexp, keyword.operator.or.regexp, keyword.control.anchor.regexp | #e06bbd | — |
| punctuation.definition.group.regexp | #c44fa0 | — |
| invalid | #e05070 | underline |
| invalid.deprecated | #d0848a | strikethrough |