MBP | More Dark Please?
Publisher: mbp_dsmThemes in package: 1
Make all more dark, please?
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#262430
- activityBar.activeBorder#15141b
- activityBar.activeFocusBorder#24222e
- activityBar.background#100e13
- activityBar.border#15141b
- activityBar.dropBackground#0f0f0f
- activityBar.foreground#ff89dc
- activityBar.inactiveForeground#383838
- activityBarBadge.background#000000
- activityBarBadge.foreground#ffffff
- badge.background#ff5fbc
- badge.foreground#000000
- breadcrumb.activeSelectionForeground#ffffff
- breadcrumb.background#100e13
- breadcrumb.focusForeground#ffffff
- breadcrumb.foreground#ffaff4
- breadcrumbPicker.background#100e13
- button.background#151416
- button.foreground#ffffff
- button.hoverBackground#363636
- checkbox.background#201c25
- checkbox.border#322b3a
- checkbox.foreground#ffaff4
- contrastActiveBorder#ffccf8
- contrastBorder#ffaff4
- debugExceptionWidget.background#2a2b38
- debugExceptionWidget.border#A599E9
- debugToolBar.background#100f14
- debugToolBar.border#15141b
- descriptionForeground#ffaff4
- diffEditor.border#ff89dc
- diffEditor.diagonalFill#0f0f0f
- diffEditor.insertedTextBackground#6cffba
- diffEditor.insertedTextBorder#00774071
- diffEditor.removedTextBackground#ff6169
- diffEditor.removedTextBorder#aa0009b0
- dropdown.background#100e13
- dropdown.border#15141b
- dropdown.foreground#FFFFFF
- dropdown.listBackground#0f0f0f
- editor.background#100e13
- editor.findMatchBackground#008acaad
- editor.findMatchBorder#006999
- editor.findMatchHighlightBackground#adadad36
- editor.findMatchHighlightBorder#3f3f3f
- editor.findRangeHighlightBackground#adadad13
- editor.findRangeHighlightBorder#1f1f1f
- editor.focusedStackFrameHighlightBackground#131016
- editor.foldBackground#22202b
- editor.foreground#ffffff
- editor.hoverHighlightBackground#191a22
- editor.inactiveSelectionBackground#5da3ffab
- editor.lineHighlightBackground#191a22
- editor.lineHighlightBorder#15141b
- editor.rangeHighlightBackground#2e2e3a
- editor.rangeHighlightBorder#15141b
- editor.selectionBackground#89bcff81
- editor.selectionForeground#ffffff
- editor.selectionHighlightBackground#adadad36
- editor.selectionHighlightBorder#3f3f3f
- editor.snippetFinalTabstopHighlightBackground#131016
- editor.snippetFinalTabstopHighlightBorder#100f14
- editor.snippetTabstopHighlightBackground#131016
- editor.snippetTabstopHighlightBorder#100f14
- editor.stackFrameHighlightBackground#131016
- editor.symbolHighlightBackground#131016
- editor.symbolHighlightBorder#100f14
- editor.wordHighlightBackground#191a228f
- editor.wordHighlightBorder#15141b
- editor.wordHighlightStrongBackground#111116
- editor.wordHighlightStrongBorder#0c0c0f
- editorBracketMatch.background#131016
- editorBracketMatch.border#100f14
- editorCodeLens.foreground#ffc8ef
- editorCursor.background#e771ff
- editorCursor.foreground#ffffff
- editorError.border#ff5755
- editorError.foreground#af2c2a
- editorGroup.border#15141b
- editorGroup.dropBackground#3b3e50
- editorGroup.emptyBackground#353950
- editorGroup.focusedEmptyBorder#676c86
- editorGroupHeader.border#15141b
- editorGroupHeader.noTabsBackground#0f0f0f
- editorGroupHeader.tabsBackground#0f0f0f
- editorGroupHeader.tabsBorder#15141b
- editorGutter.addedBackground#7bffb4
- editorGutter.background#100e13
- editorGutter.commentRangeForeground#ff0000
- editorGutter.deletedBackground#ff6562f5
- editorGutter.foldingControlForeground#ff0000
- editorGutter.modifiedBackground#fff565
- editorHint.border#22202b
- editorHint.foreground#ffffff
- editorIndentGuide.background#575757
- editorMarkerNavigationError.background#fd5c5c
- editorOverviewRuler.addedForeground#5dffa1
- editorOverviewRuler.background#201c25
- editorOverviewRuler.border#ffaff4
- editorOverviewRuler.bracketMatchForeground#57bcff
- editorOverviewRuler.commonContentForeground#00ff4cb4
- editorOverviewRuler.currentContentForeground#1f93ffc9
- editorOverviewRuler.deletedForeground#ff7f7f
- editorOverviewRuler.errorForeground#ff3434
- editorOverviewRuler.findMatchForeground#008cff
- editorOverviewRuler.incomingContentForeground#20ff2067
- editorOverviewRuler.infoForeground#44c4ff
- editorOverviewRuler.modifiedForeground#ffd13b
- editorOverviewRuler.rangeHighlightForeground#ff0000
- editorOverviewRuler.selectionHighlightForeground#006eff9a
- editorOverviewRuler.warningForeground#ff4646
- editorOverviewRuler.wordHighlightForeground#44c4ff
- editorOverviewRuler.wordHighlightStrongForeground#2c83f5
- editorPane.background#100e13
- editorRuler.foreground#fff
- editorWarning.border#FFFFFF00
- editorWarning.foreground#dbdbdb
- editorWidget.background#100e13
- editorWidget.border#100f14
- editorWidget.foreground#ffffff
- editorWidget.resizeBorder#22202b
- errorForeground#ff5757
- focusBorder#ffaff4
- foreground#ffffff
- icon.foreground#ffaff4
- imagePreview.border#ffaff4
- input.background#201c25
- input.border#ffaff4
- input.foreground#ffffff
- input.placeholderForeground#a7a7a7
- inputOption.activeBackground#201c25
- inputOption.activeBorder#ffaff4
- inputValidation.errorBackground#201c25
- inputValidation.errorBorder#ffaff4
- inputValidation.errorForeground#ff4e4e
- inputValidation.infoBackground#201c25
- inputValidation.infoBorder#ffaff4
- inputValidation.infoForeground#4394ff
- inputValidation.warningBackground#201c25
- inputValidation.warningBorder#ffaff4
- inputValidation.warningForeground#ffdc3e
- list.activeSelectionBackground#161616
- list.activeSelectionForeground#ff89dc
- list.deemphasizedForeground#ffffff
- list.dropBackground#161616
- list.errorForeground#201c25
- list.filterMatchBackground#2d2635
- list.filterMatchBorder#ffaff4
- list.focusBackground#201c25
- list.focusForeground#ffffff
- list.highlightForeground#ffaff4
- list.hoverBackground#161616
- list.hoverForeground#ff89dc
- list.inactiveFocusBackground#201c25
- list.inactiveSelectionBackground#201c25
- list.inactiveSelectionForeground#ffffff
- list.invalidItemForeground#ffffff
- list.warningForeground#ff6969
- listFilterWidget.background#201c25
- listFilterWidget.noMatchesOutline#261f2e
- listFilterWidget.outline#261f2e
- menu.background#100e13
- menu.border#15141b
- menu.foreground#ffffff
- menu.selectionBackground#100e13
- menu.selectionBorder#15141b
- menu.selectionForeground#ffd0f1
- menu.separatorBackground#15141b
- menubar.selectionBackground#100e13
- menubar.selectionBorder#15141b
- menubar.selectionForeground#ffffff
- merge.border#ffaff4
- merge.commonContentBackground#201c25
- merge.commonHeaderBackground#131116
- merge.currentContentBackground#201c25
- merge.currentHeaderBackground#131116
- merge.incomingContentBackground#201c25
- merge.incomingHeaderBackground#131116
- minimap.background#100e13
- minimap.errorHighlight#ff9090
- minimap.findMatchHighlight#ffa7ec
- minimap.selectionHighlight#92d3ff
- minimap.warningHighlight#fdff7e
- minimapGutter.addedBackground#b5ffa3
- minimapGutter.deletedBackground#ff5454
- minimapGutter.modifiedBackground#ffdb64
- minimapSlider.activeBackground#ffa7ecaf
- minimapSlider.background#ffa7ecaf
- minimapSlider.hoverBackground#ffa7ec93
- notificationCenter.border#15141b
- notificationCenterHeader.background#2a2b38
- notificationCenterHeader.foreground#fff
- notificationLink.foreground#fff
- notifications.background#2a2b38
- notifications.border#1d1e27
- notifications.foreground#fff
- notificationToast.border#1d1e27
- panel.background#100e13
- panel.border#15141b
- panel.dropBackground#161616
- panelInput.border#15141b
- panelTitle.activeBorder#15141b
- panelTitle.activeForeground#ff89dc
- panelTitle.inactiveForeground#cfcfcf
- progressBar.background#0f0f0f
- scrollbar.shadow#ff89dc
- scrollbarSlider.activeBackground#ff89dc
- scrollbarSlider.background#ff89dc
- scrollbarSlider.hoverBackground#ca6cae
- searchEditor.findMatchBackground#c28ebb
- searchEditor.findMatchBorder#ffaff4
- searchEditor.textInputBorder#c28ebb
- settings.checkboxBackground#201c25
- settings.checkboxBorder#322b3a
- settings.checkboxForeground#ffaff4
- settings.dropdownBackground#201c25
- settings.dropdownBorder#ffaff4
- settings.dropdownForeground#ffaff4
- settings.dropdownListBorder#ffaff4
- settings.headerForeground#ffffff
- settings.modifiedItemIndicator#ffaff4
- settings.numberInputBackground#201c25
- settings.numberInputBorder#ffaff4
- settings.numberInputForeground#ffaff4
- settings.textInputBackground#201c25
- settings.textInputBorder#ffaff4
- settings.textInputForeground#ffaff4
- sideBar.background#100e13
- sideBar.border#15141b
- sideBar.dropBackground#1f1d27
- sideBar.foreground#f7f5ff
- sideBarSectionHeader.background#0f0f0f
- sideBarSectionHeader.border#15141b
- sideBarSectionHeader.foreground#ffffff
- sideBarTitle.foreground#ffffff
- statusBar.background#100e13
- statusBar.border#15141b
- statusBar.debuggingBackground#100f14
- statusBar.debuggingBorder#15141b
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#000
- statusBar.noFolderBorder#15141b
- statusBar.noFolderForeground#ffffff
- statusBarItem.activeBackground#181620
- statusBarItem.hoverBackground#ff89dc
- statusBarItem.prominentBackground#15141b
- statusBarItem.prominentForeground#ffffff
- statusBarItem.prominentHoverBackground#15141b
- statusBarItem.remoteBackground#0e0d13
- statusBarItem.remoteForeground#000000
- tab.activeBackground#100e13
- tab.activeBorder#100f14
- tab.activeBorderTop#1e2029
- tab.activeForeground#ffffff
- tab.activeModifiedBorder#100f14
- tab.border#100f14
- tab.hoverBackground#0f0f0f
- tab.hoverBorder#15141b
- tab.hoverForeground#ff89dc
- tab.inactiveBackground#100f14
- tab.inactiveForeground#d8d8d8
- tab.inactiveModifiedBorder#383b4b
- tab.unfocusedActiveBackground#100f14
- tab.unfocusedActiveBorder#15141b
- tab.unfocusedActiveBorderTop#1e2029
- tab.unfocusedActiveForeground#ffffff
- tab.unfocusedActiveModifiedBorder#15141b
- tab.unfocusedHoverBackground#1e1a24
- tab.unfocusedHoverBorder#100f14
- tab.unfocusedHoverForeground#d8d8d8
- tab.unfocusedInactiveBackground#1e1a24
- tab.unfocusedInactiveForeground#d8d8d8
- tab.unfocusedInactiveModifiedBorder#201f29
- terminal.ansiBlack#181818
- terminal.ansiBlue#3765ff
- terminal.ansiBrightBlack#363636
- terminal.ansiBrightBlue#37c0ff
- terminal.ansiBrightCyan#2c9ebb
- terminal.ansiBrightGreen#3dff5e
- terminal.ansiBrightMagenta#ff46ff
- terminal.ansiBrightRed#ff5b5b
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffd650
- terminal.ansiCyan#2a788b
- terminal.ansiGreen#00aa1c
- terminal.ansiMagenta#c000c0
- terminal.ansiRed#ff0000
- terminal.ansiWhite#eeeeee
- terminal.ansiYellow#ffc400
- terminal.background#100f14
- terminal.border#15141b
- terminal.foreground#ffffff
- terminal.selectionBackground#ffafdb94
- terminalCursor.background#e771ff
- terminalCursor.foreground#ffffff
- titleBar.activeBackground#100e13
- titleBar.activeForeground#ffffff
- titleBar.border#15141b
- titleBar.inactiveBackground#100f14
- titleBar.inactiveForeground#cecece
- tree.indentGuidesStroke#ff89dc
- welcomePage.background#100e13
- welcomePage.buttonBackground#191919
- welcomePage.buttonHoverBackground#000
- widget.shadow#00000000
- window.activeBorder#ffaff4
- window.inactiveBorder#c588bd
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #616161 | italic bold |
| variable, string constant.other.placeholder | #ff6b6b | — |
| constant.other.color | #ffffff | — |
| invalid, invalid.illegal | #ff8181 | — |
| keyword, storage.type, storage.modifier | #ffa8a8 | — |
| keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution | #ffd59f | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #91ffa0 | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #68cfff | bold |
| meta.block variable.other | #f4dcff | bold |
| support.other.variable, string.other.link | #ff65a5 | bold |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other | #ffb46d | bold |
| string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #a1ddd5 | bold |
| entity.name, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #6bb1b6 | — |
| support.type | #e8faa6 | — |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #91eeff | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #6541a0 | — |
| variable.language | #6dc1c4 | italic |
| entity.name.method.js | #ff5e5e | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #aef6ff | — |
| entity.other.attribute-name | #c6ffbb | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #b3ff90 | italic |
| entity.other.attribute-name.class | #77d4ff | — |
| source.sass keyword.control | #4ac6ff | — |
| markup.inserted | #C3E88D | — |
| markup.deleted | #FF5370 | — |
| markup.changed | #eadd92 | — |
| string.regexp | #84b9ff | — |
| constant.character.escape | #64ffdd | — |
| *url*, *link*, *uri* | — | italic bold underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #ff8282 | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #FF5370 | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #FFEE93 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FFEE93 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #ffeb7b | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FF5370 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C17E70 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #bbd0ff | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #f07178 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C792EA | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C3E88D | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #ffffff | — |
| text.html.markdown markup.inline.raw.markdown | #ea9292 | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #65737E | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #ff9065 | — |
| markup.italic | #f07178 | italic |
| markup.bold, markup.bold string | #f07178 | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #f07178 | bold |
| markup.underline | #F78C6C | underline |
| markup.quote punctuation.definition.blockquote.markdown | #65737E | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #82AAFF | — |
| string.other.link.description.title.markdown | #C792EA | — |
| constant.other.reference.link.markdown | #ff6b6b | — |
| markup.raw.block | #C792EA | — |
| markup.raw.block.fenced.markdown | #00000050 | — |
| punctuation.definition.fenced.markdown | #00000050 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #EEFFFF | — |
| variable.language.fenced.markdown | #65737E | — |
| meta.separator | #65737E | bold |
| markup.table | #EEFFFF | — |