Munna's Darkmeda
Publisher: MunnaDevThemes in package: 1
A eye friendly dark theme by Munna
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#232635
- activityBar.activeBorder#5af5ce
- activityBar.background#1a1c26
- activityBar.foreground#5af5ce
- activityBar.inactiveForeground#777777
- activityBarBadge.background#4bc3a5
- activityBarBadge.foreground#000000
- badge.background#4bc3a5
- badge.foreground#000000
- debugConsole.errorForeground#4bc3a5
- editor.background#1e2028
- editor.compositionBorder#54f4cc
- editor.lineHighlightBackground#44d3c506
- editor.wordHighlightBackground#848aa860
- editor.wordHighlightStrongBackground#5b5d6880
- editorSuggestWidget.focusHighlightForeground#000000
- editorSuggestWidget.highlightForeground#4bc3a5
- editorSuggestWidget.selectedBackground#4cb498
- editorSuggestWidget.selectedForeground#000000
- list.activeSelectionBackground#60746f81
- list.inactiveSelectionForeground#4bc3a5
- panel.background#1b1e2b
- scrollbarSlider.activeBackground#a0a0a050
- scrollbarSlider.background#5c5c5c30
- scrollbarSlider.hoverBackground#7f7f7f40
- sideBar.background#1b1e2b
- sideBar.foreground#b9bcbc
- sideBarSectionHeader.background#4bc3a50c
- sideBarSectionHeader.border#2d7563
- sideBarTitle.border#2d7563
- sideBarTitle.foreground#4bc3a5
- tab.activeBackground#2a2d3a
- tab.activeBorder#4bc3a5
- tab.activeForeground#4bc3a5
- tab.hoverForeground#4bc3a5
- tab.inactiveBackground#181a25
- tab.inactiveForeground#a7aeac
- terminalCursor.foreground#4bc3a5
- titleBar.activeBackground#181a25
- titleBar.activeForeground#dcede9
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.block.documentation | #8c8d8b | — |
| constant.numeric | #ffb97f | — |
| keyword | #c490e2 | — |
| entity.name.function | #d4a73d | — |
| variable.other, variable, variable.parameter, support.variable.property, entity.other.attribute-name | #4bc3a5 | — |
| string.quoted, string.template | #5ab252 | — |
| string.quoted.html | #5cae55 | — |
| storage.type, keyword.control.import, storage.modifier.async | #c490e2 | — |
| punctuation.accessor, entity.name.tag.html | #d8893a | — |
| text.html.derivative | #b7bcb0ee | — |
| comment.block.html | #8c7a93ee | — |
| meta.property-value.css | #dfb26bee | — |
| entity.other.attribute-name.id.css | #dfb26bee | — |
| entity.other.attribute-name.class.css | #c4c23dee | — |
| keyword.operator | #e9d414 | — |
| storage.type.function.js | #ff6f6f | — |
| keyword.control.conditional, constant.language.boolean.true, constant.language.boolean.false | #e05353 | — |
| keyword.control.loop.js | #e05353 | — |
| support.constant.property-value.css | #d4c818 | — |
| entity.name.tag.css | #c490e2 | — |
| punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #b4b4b4ee | — |
| punctuation.definition.entity.html | #f54717ee | — |
| entity.name.tag.jsx | #917e88 | bold |
| entity.name.tag.js, constant.language.null.js.jsx | #c34416 | bold |
| entity.name.tag.tsx | #FF79C6 | — |
| entity.name.tag.end.jsx | #FF79C6 | bold |
| entity.other.attribute-name.jsx | #F1FA8C | — |
| meta.jsx.children.js.jsx | #c1c1c1 | — |
| support.class.component.js | #c123a9 | bold |
| support.type.property-name.json.comments | #4bc3a5 | |
| punctuation.definition.tag.end.js.jsx | #b6a175 | — |
| punctuation.definition.tag.begin.js.jsx | #b49f74 | — |