MohitKhare Dev
Publisher: PackDataAnalystThemes in package: 1
A clean, modern dark theme with deep purple tones and cyan highlights. Built for developers who value clarity and focus. By MohitKhare.
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#100824
- activityBar.foreground#00bcd4
- activityBar.inactiveForeground#4a3870
- activityBarBadge.background#00bcd4
- activityBarBadge.foreground#1a1030
- badge.background#00bcd4
- badge.foreground#1a1030
- button.background#7c4dff
- button.foreground#ffffff
- button.hoverBackground#9e7aff
- dropdown.background#221540
- dropdown.border#3a2060
- dropdown.foreground#d0c8e0
- editor.background#1a1030
- editor.findMatchBackground#00bcd444
- editor.findMatchHighlightBackground#00bcd422
- editor.foreground#d0c8e0
- editor.inactiveSelectionBackground#3a206044
- editor.lineHighlightBackground#221540
- editor.selectionBackground#3a206088
- editor.wordHighlightBackground#3a206055
- editor.wordHighlightStrongBackground#3a206088
- editorBracketMatch.background#00bcd422
- editorBracketMatch.border#00bcd488
- editorCursor.foreground#00bcd4
- editorGroupHeader.tabsBackground#140c28
- editorGutter.addedBackground#4ade80
- editorGutter.deletedBackground#ff5252
- editorGutter.modifiedBackground#7c4dff
- editorIndentGuide.activeBackground#3a206088
- editorIndentGuide.background#3a206033
- editorLineNumber.activeForeground#00bcd4
- editorLineNumber.foreground#4a3870
- editorWhitespace.foreground#3a206044
- focusBorder#00bcd488
- gitDecoration.addedResourceForeground#4ade80
- gitDecoration.deletedResourceForeground#ff5252
- gitDecoration.ignoredResourceForeground#4a3870
- gitDecoration.modifiedResourceForeground#7c4dff
- gitDecoration.untrackedResourceForeground#00bcd4
- input.background#221540
- input.border#3a2060
- input.foreground#d0c8e0
- input.placeholderForeground#4a3870
- inputOption.activeBorder#00bcd4
- list.activeSelectionBackground#3a2060
- list.activeSelectionForeground#00bcd4
- list.focusBackground#3a2060
- list.highlightForeground#00bcd4
- list.hoverBackground#221540
- minimap.findMatchHighlight#00bcd488
- minimap.selectionHighlight#3a206088
- notification.background#221540
- notification.foreground#d0c8e0
- panel.background#140c28
- panel.border#3a206044
- panelTitle.activeBorder#00bcd4
- panelTitle.activeForeground#d0c8e0
- panelTitle.inactiveForeground#6a5890
- peekView.border#00bcd4
- peekViewEditor.background#221540
- peekViewResult.background#140c28
- peekViewTitle.background#1a1030
- progressBar.background#00bcd4
- scrollbarSlider.activeBackground#3a2060cc
- scrollbarSlider.background#3a206044
- scrollbarSlider.hoverBackground#3a206088
- sideBar.background#140c28
- sideBar.foreground#9a8cb0
- sideBarSectionHeader.background#1a1030
- sideBarSectionHeader.foreground#d0c8e0
- sideBarTitle.foreground#00bcd4
- statusBar.background#100824
- statusBar.debuggingBackground#00bcd4
- statusBar.debuggingForeground#1a1030
- statusBar.foreground#6a5890
- statusBar.noFolderBackground#1a1030
- tab.activeBackground#1a1030
- tab.activeBorderTop#00bcd4
- tab.activeForeground#00bcd4
- tab.border#100824
- tab.inactiveBackground#140c28
- tab.inactiveForeground#6a5890
- terminal.ansiBlack#1a1030
- terminal.ansiBlue#7c4dff
- terminal.ansiBrightBlack#4a3870
- terminal.ansiBrightBlue#b388ff
- terminal.ansiBrightCyan#80deea
- terminal.ansiBrightGreen#86efac
- terminal.ansiBrightMagenta#ea80fc
- terminal.ansiBrightRed#ff8a80
- terminal.ansiBrightWhite#ede7f6
- terminal.ansiBrightYellow#ffe57f
- terminal.ansiCyan#00bcd4
- terminal.ansiGreen#4ade80
- terminal.ansiMagenta#e040fb
- terminal.ansiRed#ff5252
- terminal.ansiWhite#d0c8e0
- terminal.ansiYellow#ffd740
- terminal.background#140c28
- terminal.foreground#d0c8e0
- titleBar.activeBackground#100824
- titleBar.activeForeground#d0c8e0
- titleBar.inactiveBackground#100824
- titleBar.inactiveForeground#6a5890
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #4a3870 | italic |
| string, string.quoted | #4ade80 | — |
| constant.numeric | #ffd740 | — |
| constant.language | #ff5252 | — |
| constant.character, constant.other | #ffd740 | — |
| keyword, storage.type, storage.modifier | #e040fb | — |
| keyword.operator | #00bcd4 | — |
| entity.name.function, meta.function-call, support.function | #7c4dff | — |
| entity.name.type, entity.name.class, support.class | #00bcd4 | — |
| variable, variable.other | #d0c8e0 | — |
| variable.parameter | #ffd740 | italic |
| variable.other.property, support.type.property-name | #80deea | — |
| entity.name.tag | #e040fb | — |
| entity.other.attribute-name | #00bcd4 | italic |
| punctuation.definition.tag | #6a5890 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #00bcd4 | — |
| support.type.property-name.css | #80deea | — |
| support.constant.property-value.css | #4ade80 | — |
| string.regexp | #ff8a80 | — |
| constant.character.escape | #ffd740 | — |
| meta.embedded | #d0c8e0 | — |
| markup.heading, entity.name.section | #00bcd4 | bold |
| markup.bold | #ffd740 | bold |
| markup.italic | #e040fb | italic |
| markup.underline.link | #7c4dff | — |
| markup.inline.raw, markup.fenced_code.block | #4ade80 | — |
| support.type.property-name.json | #00bcd4 | — |
| meta.decorator | #e040fb | — |
| meta.type.annotation, support.type | #80deea | — |
| invalid | #ff5252 | underline |