dunkel-theme
Publisher: cnakazawaThemes in package: 1
A comfortable high-contrast dark theme for VS Code.
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.
- editor.background#141414
- editor.findMatchBackground#ffe79250
- editor.findMatchHighlightBackground#ffe79230
- editor.foreground#c8c8c8
- editor.inactiveSelectionBackground#dbf0fc20
- editor.lineHighlightBackground#a5a5a520
- editor.linkedEditingBackground#00000000
- editor.selectionBackground#3d87f560
- editor.selectionHighlightBackground#3d87f530
- editorBracketHighlight.foreground1#c8c8c8
- editorBracketHighlight.foreground2#b2b2b2
- editorBracketHighlight.foreground3#949494
- editorBracketHighlight.foreground4#b27bb9
- editorBracketHighlight.foreground5#f06efb
- editorBracketHighlight.unexpectedBracket.foreground#db584d
- editorCursor.foreground#f06efb
- editorLineNumber.activeForeground#c8c8c8
- editorLineNumber.foreground#adadad
- editorWhitespace.foreground#e0e0e020
- focusBorder#3d87f5
- list.activeSelectionBackground#a5a5a540
- list.activeSelectionForeground#c8c8c8
- list.focusHighlightForeground#ffffff
- menu.background#252526
- quickInputList.focusBackground#a5a5a540
- quickInputList.focusForeground#c8c8c8
- statusBar.background#1d4175
- statusBarItem.remoteBackground#1d4175
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment punctuation | #919191 | — |
| comment.block.preprocessor | #adadad | — |
| comment.documentation, comment.block.documentation | #bc670f | — |
| invalid.deprecated | #ffffff | — |
| invalid.illegal | #cd3131 | — |
| keyword.operator | #6a93cf | — |
| keyword, storage | #6a93cf | — |
| storage.type, support.type | #eb9a3d | — |
| constant.language, variable.language | #7b8cfd | — |
| variable, support.variable | #c8c8c8 | — |
| variable punctuation | #c8c8c8 | — |
| entity.name.function, support.function, entity | #7b8cfd | — |
| entity.name.type, entity.other.inherited-class, support.class | #f06efb | — |
| entity.name.exception | #f93232 | — |
| entity.name.section | — | |
| constant.numeric, constant | #db584d | — |
| punctuation | #c8c8c8 | — |
| constant.character, string | #52ce81 | — |
| string punctuation | #52ce81 | — |
| constant.character.escape | — | bold |
| string.regexp | #699d36 | — |
| constant.numeric.line-number.bgr | #c8c8c8 | — |
| constant.other.symbol | — | bold |
| string.unquoted.label.js | #444444 | — |
| punctuation.quasi.element | #444444 | — |
| string source, text source | #434343 | — |
| meta.tag.sgml.doctype | #c8c8c8 | — |
| entity.name.tag | #6a93cf | — |
| meta.tag string punctuation | #52ce81 | — |
| punctuation.definition.tag | #4f9fcf | — |
| constant.character.entity | #c8c8c8 | — |
| entity.other.attribute-name | #6a93cf | — |
| meta.tag string.quoted, meta.tag string.quoted constant.character.entity | #52ce81 | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css | #3a77bf | — |
| meta.property-name, support.type.property-name | #c8c8c8 | — |
| meta.property-name.json, support.type.property-name.json | #52ce81 | — |
| meta.property-value constant.numeric, meta.property-value constant, meta.property-value keyword | #43a202 | — |
| markup.changed | #c8c8c8 | — |
| markup.deleted | #c8c8c8 | — |
| markup.italic | — | italic |
| markup.error | #cd3131 | — |
| markup.inserted | #c8c8c8 | — |
| markup.output, markup.raw | #7f7f7f | — |
| markup.prompt | #555555 | — |
| markup.heading | — | bold |
| markup.bold | — | bold |
| markup.traceback | #f93232 | — |
| markup.underline | — | underline |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...