Dark Matter Theme
Publisher: thecode-themeThemes in package: 1
vscode theme
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#272a36
- activityBarBadge.background#007acc
- badge.background#ffffff1a
- button.background#434756
- debugToolBar.background#272a36
- dropdown.background#272a36
- dropdown.listBackground#272a36
- editor.background#272a36
- editor.foreground#cccccc
- editor.lineHighlightBackground#ffffff0b
- editor.selectionBackground#204182cc
- editorGroupHeader.tabsBackground#272a36
- editorGutter.background#272a36
- editorHoverWidget.background#272a36
- editorHoverWidget.border#272a36
- editorLineNumber.foreground#666a72
- editorRuler.foreground#434756
- editorSuggestWidget.background#272a36
- editorSuggestWidget.border#272a36
- editorSuggestWidget.highlightForeground#cc6e2f
- editorSuggestWidget.selectedBackground#204182cc
- editorWidget.background#272a36
- editorWidget.border#272a36
- input.background#272a36
- input.border#272a36
- inputOption.activeBackground#272a36
- inputOption.activeBorder#272a36
- list.focusBackground#272a36
- listFilterWidget.background#272a36
- notifications.background#272a36
- panel.background#272a36
- peekViewEditor.background#272a36
- peekViewEditorGutter.background#272a36
- peekViewResult.background#272a36
- quickInput.background#272a36
- quickInputTitle.background#272a36
- sideBar.background#272a36
- sideBar.border#272a36
- sideBarSectionHeader.background#272a36
- sideBarSectionHeader.border#272a36
- statusBar.background#272a36
- statusBar.debuggingBackground#272a36
- statusBar.foreground#bdb9b9
- statusBar.noFolderBackground#272a36
- statusBarItem.remoteBackground#272a36
- tab.activeBackground#80cbc420
- tab.activeBorder#272a36
- tab.border#272a36
- tab.inactiveBackground#272a36
- titleBar.activeBackground#272a36
- titleBar.activeForeground#cccccc
- titleBar.inactiveBackground#272a36
- widget.shadow#272a36
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #d4d4d4 | — |
| comment, punctuation.definition.comment | #7a7e8a | italic |
| comment.block.preprocessor | #7a7e8a | |
| comment.documentation, comment.block.documentation | #6a9955 | — |
| invalid.deprecated | — | — |
| invalid.illegal | #ff6b6b | — |
| keyword.operator | #a0a0a0 | — |
| keyword, storage | #569cd6 | bold |
| storage.type, support.type | #4ec9b0 | |
| constant.language, support.constant, variable.language | #569cd6 | — |
| variable, support.variable | #9cdcfe | |
| entity.name.function, support.function | #dcdcaa | bold |
| entity.name.type, entity.other.inherited-class, support.class | #339900 | bold |
| entity.name.exception | #ff6b6b | — |
| entity.name.section | — | |
| constant.numeric, constant.character, constant | #b5cea8 | — |
| string | #ce9178 | |
| constant.character.escape | #d7ba7d | — |
| string.regexp | #d16969 | — |
| constant.other.symbol | #b5cea8 | — |
| punctuation | #a0a0a0 | — |
| string source, text source | #d4d4d4 | — |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #7a7e8a | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #808080 | — |
| entity.name.tag | #569cd6 | |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #9cdcfe | — |
| string.quoted.double.html | #ce9178 | |
| source.css | — | |
| constant.character.entity, punctuation.definition.entity | #b5cea8 | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css | #d7ba7d | — |
| meta.property-name, support.type.property-name | #9cdcfe | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #ce9178 | — |
| keyword.other.important | — | bold |
| markup.changed | #d4d4d4 | — |
| markup.deleted | #d4d4d4 | — |
| markup.italic | — | italic |
| markup.error | #ff6b6b | — |
| markup.inserted | #d4d4d4 | — |
| meta.link | #569cd6 | — |
| markup.output, markup.raw | #a0a0a0 | — |
| markup.prompt | #a0a0a0 | — |
| markup.heading | #d7ba7d | — |
| markup.bold | — | bold |
| markup.traceback | #ff6b6b | — |
| markup.underline | — | underline |
| markup.quote | #d7ba7d | — |
| markup.list | #569cd6 | — |
| markup.bold, markup.italic | #6a9955 | — |
| markup.inline.raw | #b5cea8 | |
| meta.diff.range, meta.diff.index, meta.separator | #a0a0a0 | — |
| meta.diff.header.from-file | #a0a0a0 | — |
| meta.diff.header.to-file | #a0a0a0 | — |
| meta.object-literal.key, meta.object-literal.key entity.name.function | #dcdcaa | — |
| variable.language | #569cd6 | |
| variable.other.object.js | #4ec9b0 | |
| variable.other.object.property.js | #9cdcfe | |
| variable.other.readwrite.js | #9cdcfe | |
| variable.other.property.js | #9cdcfe | |
| string.quoted.double.js | #ce9178 | |
| string.quoted.single.js | #ce9178 | |
| entity.name.function.js | #dcdcaa | — |
| support.class.console.js, meta.function-call.js, meta.block.js, meta.function.expression.js, meta.block.js, meta.method.declaration.js, meta.objectliteral.js | #dcdcaa | — |
| entity.name.function.js | #dcdcaa | — |
| variable.parameter.js | #9cdcfe | |
| keyword.operator.expression.delete.js | #569cd6 | |
| constant.language | #569cd6 | |
| storage.type.function.js | #569cd6 | |
| storage.type.js | #569cd6 | |
| keyword.control.flow.python, keyword.control.import.python, keyword.control.return.python, keyword.control.conditional.python, keyword.control.try.python, keyword.control.loop.python | #569cd6 | bold |
| storage.type.function.python, storage.type.class.python, storage.type.string.python | #569cd6 | bold |
| entity.name.function.python, support.function.python | #dcdcaa | bold |
| entity.name.type.class.python, entity.name.type.python, support.class.python | #339900 | bold |
| entity.name.function.decorator.python, entity.name.tag.decorator.python | #dcdcaa | bold |
| entity.name.function.magic.python | #dcdcaa | bold |
| support.function.builtin.python | #569cd6 | bold |
| constant.language.python, variable.language.special.python | #569cd6 | bold |