Dark Knight Theme
Publisher: Manuel EstrellaThemes in package: 1
VSCODE Dark Knight 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#1B1B33
- activityBar.foreground#6969c6
- activityBarBadge.background#fef900
- activityBarBadge.foreground#121222
- button.hoverBackground#ff8d03
- debugToolBar.background#111820
- editor.background#121222
- editor.findMatchBackground#2c3e50
- editor.foreground#f5f5f5
- editor.lineHighlightBackground#29294D
- editor.lineHighlightBorder#3A3A6E
- editor.selectionBackground#29294D
- editorCursor.foreground#ff8d03
- editorError.border#FB467B
- editorGroup.background#0b1015
- editorGroup.border#05080a
- editorGroupHeader.noTabsBackground#0b1015
- editorGroupHeader.tabsBackground#0b1015
- editorGutter.addedBackground#56D6D6
- editorGutter.deletedBackground#FB467B
- editorGutter.modifiedBackground#FFCC00
- editorHoverWidget.background#3A3A6E
- editorHoverWidget.foreground#b8b8fc
- editorIndentGuide.background#2c3e50
- editorOverviewRuler.border#0b1015
- editorRuler.foreground#2c3e50
- editorSuggestWidget.background#3A3A6E
- editorSuggestWidget.selectedBackground#3A3A6E
- editorWarning.border#FFCC00
- editorWhitespace.foreground#2c3e50
- editorWidget.background#1B1B33
- focusBorder#5C5CAD
- input.background#05080a
- input.border#ff8d03
- list.activeSelectionBackground#121222
- list.activeSelectionForeground#ff8d03
- list.focusBackground#121222
- list.highlightForeground#ff8d03
- list.hoverBackground#121222
- list.inactiveSelectionBackground#111820
- notification.background#111820
- panel.background#05080a
- panel.border#05080a
- panelTitle.activeForeground#ca7104
- panelTitle.inactiveForeground#97a7c8ff
- scrollbar.shadow#05080a
- scrollbarSlider.activeBackground#5C5CAD
- scrollbarSlider.background#3A3A6E
- scrollbarSlider.hoverBackground#5C5CAD
- sideBar.background#0e0e1d
- sideBar.border#121222
- sideBarSectionHeader.background#1B1B33
- sideBarSectionHeader.border#121222
- statusBar.background#29294D
- statusBar.debuggingBackground#111820
- statusBar.foreground#a9a9ff
- tab.activeBackground#111820
- tab.activeBorder#ca7104
- tab.activeForeground#ffd9aa
- tab.border#ca7104
- tab.inactiveBackground#0b1015
- tab.inactiveForeground#97a7c8ff
- tab.unfocusedActiveBorder#97a7c8ff
- titleBar.activeBackground#121222
- titleBar.activeForeground#b8b8fc
- titleBar.inactiveBackground#121222
- titleBar.inactiveForeground#b8b8fc
- widget.shadow#000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #f5f5f5 | — |
| brackethighlighter.default | #E24B5D | — |
| comment | #61618b | — |
| string | #f6f6f5 | — |
| constant.numeric | #58b4ff | — |
| constant.language | #FFE792 | — |
| constant.character, constant.other | #AC58FF | — |
| variable | #B7C6DA | |
| keyword | #F78C6C | — |
| storage | #FB467B | |
| storage.type | #AC58FF | — |
| entity.name.class | #82C600 | underline |
| entity.other.inherited-class | #82C600 | italic underline |
| entity.name.function | #5da9ba | — |
| variable.parameter | #a2e02f | — |
| entity.name.tag | #FB467B | |
| entity.other.attribute-name | #F78C6C | |
| meta.tag.other, entity.name.tag.style, entity.name.tag.script, meta.tag.block.script, source.js.embedded punctuation.definition.tag.html, source.css.embedded punctuation.definition.tag.html | #FB467B | |
| variable.other.less, punctuation.definition.variable.less | #7ee5ff | — |
| variable.language.this.js | #F78C6C | |
| entity.other.attribute-name.id.html | #fffa9e | — |
| text.html.basic source.js.embedded.html meta.function-call.js meta.group.js meta.block.js meta.function-call.js variable.function.js, entity.name.function.js, source.js meta.function-call.js variable.function.js | #71b1fe | — |
| support.class.builtin.js | #fffa9e | normal |
| variable.parameter.js, variable.other.readwrite.js, punctuation.definition.parameters.begin.js, punctuation.definition.parameters.end.js | #adb5c6 | — |
| source.js meta.group.braces.round meta.group.braces.curly meta.group.braces.round meta.group.braces.curly meta.group.braces.curly variable.other.readwrite.js | #EAB77F | — |
| constant.language.boolean.false.js, constant.language.boolean.true.js | #F78C6C | — |
| support.variable.property.dom.js | #F78C6C | — |
| punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end | #FB467B | |
| meta.tag string -source -punctuation, text source text meta.tag string -punctuation | #82BAF2 | |
| punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html | #D0B344 | |
| meta.toc-list.id | #88F2AF | — |
| string.quoted.double.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html | #56A3B1 | |
| meta.selector.css entity.other.attribute-name.id, meta.selector.css entity.other.attribute-name.class, meta.selector.css | #F78C6C | |
| meta.selector.css, meta.selector.css entity.other.attribute-name.class, meta.selector.css, meta.property-list.scss meta.property-name.scss support.type.property-name.scss | #F78C6C | — |
| support.type.property-name.css, source.scss meta.property-list.scss meta.property-name.scss support.type.property-name.scss | #4d7bd8 | — |
| meta.property-list.scss meta.property-value.scss variable.parameter.url.scss | #F78C6C | — |
| entity.other.attribute-name.id.css | #fffa9e | — |
| constant.other.color.rgb-value.hex.css | #4ff2f8 | — |
| meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css | #cafc6c | |
| support.function | #4ff2f8 | |
| support.constant | #F78C6C | |
| support.type, support.class | #4DB1D8 | — |
| support.other.variable | — | |
| punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array | #d8d8d8 | — |
| none | #d8d8d8 | — |
| keyword.operator | #4FF2F8 | — |
| keyword | #AC58FF | — |
| variable | #FB467B | — |
| entity.name.function, meta.require, support.function.any-method | #7cafc2 | — |
| support.class, entity.name.class, entity.name.type.class | #F78C6C | — |
| meta.class | #f8f8f8 | — |
| keyword.other.special-method | #7cafc2 | — |
| storage | #AC58FF | — |
| support.function | #4FF2F8 | — |
| string, constant.other.symbol, entity.other.inherited-class | #d2ff72 | — |
| constant.numeric | #F78C6C | — |
| none | #F78C6C | — |
| none | #F78C6C | — |
| constant | #F78C6C | — |
| invalid.deprecated | #ffffff | — |
| meta.diff, meta.diff.header | #655c2d | — |
| markup.deleted | #FB467B | — |
| markup.inserted | #82C600 | — |
| markup.changed | #ffff63 | — |
| entity.name.filename.find-in-files | #ffff63 | — |
| source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string | #C3E88D | — |
| source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string | #d9eb93 | — |
| source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string | #f07178 | — |
| source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string | #82ff83 | — |
| source.json meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string | #C17E70 | — |
| source.json meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string | #FF5370 | — |
| source.json meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string | #F78C6C | — |
| source.json meta meta.structure.dictionary.json string.quoted.double.json - meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta.structure.dictionary.json punctuation.definition.string - meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string | #3ecbd0 | — |
| source.json meta.structure.dictionary.json string.quoted.double.json - meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta.structure.dictionary.json punctuation.definition.string - meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string | #F78C6C | — |
| source.json string.quoted.double.json, source.json punctuation.definition.string | #97a7c8 | — |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |